Réduire espace entre haut de page/titre/menu/corps - Design Rio de Janeiro
3 participants
Page 1 sur 1
Réduire espace entre haut de page/titre/menu/corps - Design Rio de Janeiro
Bonjour,
Voilà...tout est dans le titre. Je sais que ce genre de question a déjà été posée maintes fois mais après avoir essayé différents codes html trouvés ça et là, rien ne semble fonctionner.
J'ai donc besoin de l'aide de personnes plus aguerries.
Voici ma page si jamais : http://cor-am.jimdo.com/
J'ai bien essayé de passer a un autre design, mais c'est celui-ci qui me convient le plus quant à la présentation. Alors, un GRAND merci d'avance de votre aide.
Voilà...tout est dans le titre. Je sais que ce genre de question a déjà été posée maintes fois mais après avoir essayé différents codes html trouvés ça et là, rien ne semble fonctionner.
J'ai donc besoin de l'aide de personnes plus aguerries.
Voici ma page si jamais : http://cor-am.jimdo.com/
J'ai bien essayé de passer a un autre design, mais c'est celui-ci qui me convient le plus quant à la présentation. Alors, un GRAND merci d'avance de votre aide.
Re: Réduire espace entre haut de page/titre/menu/corps - Design Rio de Janeiro
Bonjour Cor-Am, as-tu pu trouver une solution? J'ai le même problème que toi
Re: Réduire espace entre haut de page/titre/menu/corps - Design Rio de Janeiro
Cor-Am
modifiez le padding du logo :
.tpl-logo {
padding: 50px 0px 20px;} (modifiez le 50)
ainsi que le padding du titre
.tpl-title {
padding: 0px 0px 20px;
}
Lisez les tutos pour comprendre la manip. C'est indispensable pour ne pas faire d'erreur et comprendre
modifiez le padding du logo :
.tpl-logo {
padding: 50px 0px 20px;} (modifiez le 50)
ainsi que le padding du titre
.tpl-title {
padding: 0px 0px 20px;
}
Lisez les tutos pour comprendre la manip. C'est indispensable pour ne pas faire d'erreur et comprendre
Re: Réduire espace entre haut de page/titre/menu/corps - Design Rio de Janeiro
Pas tout à fait, cela nous oblige encore à deviner. n'hésitez pas à être très précis.Cor-Am a écrit:Bonjour,
Voilà...tout est dans le titre.
Le titre plus haut, le logo plus bas ?
…Certes !Cor-Am a écrit:
Je sais que ce genre de question a déjà été posée maintes fois
Et la réponse est toujours la même : ciblez, identifiez, corrigez !
Chaque site a sa propre structure, des identifiants uniques. Il ne sert à rien de recopier les solutions que nous proposons aux Jimdonautes, puisqu'elles ne peuvent fonctionner que sur leur site.Cor-Am a écrit:mais après avoir essayé différents codes html trouvés ça et là, rien ne semble fonctionner.
Il est indispensable de comprendre comment fonctionne la modification de design par le "modifier le Head", tel que cela est expliqué dans les tutos.Cor-Am a écrit:
J'ai donc besoin de l'aide de personnes plus aguerries.
Voici ma page si jamais : http://cor-am.jimdo.com/
J'ai bien essayé de passer a un autre design, mais c'est celui-ci qui me convient le plus quant à la présentation. Alors, un GRAND merci d'avance de votre aide.
Cela n'est pas complexe, c'est un enchaînement d'actions simples et rigoureuses, qui constituent un ensemble multiple (d'où une fausse complexité)
Re: Réduire espace entre haut de page/titre/menu/corps - Design Rio de Janeiro
Humm... Je vais donc regarder les tutos, j'avais l'impression qu'on ne pouvait modifier un design existant, seulement en créer un de toute pièce.
Merci pour votre aide
Merci pour votre aide
Re: Réduire espace entre haut de page/titre/menu/corps - Design Rio de Janeiro
Modifier un design, c'est ce que nous faisons avec l'outil design (rouleau à peinture) de l'interface, ou encore avec du code posé dans le "modifier le Head", ce qui crée de nouvelles feuilles de style.
Créer un nouveau design à partir d'un ancien est possible, grâce à l'interface "design personnalisé", mais exige plus de connaissances et de travail. Il y a des restrictions de droit de paternité, bien entendu.
Créer un nouveau design à partir d'un ancien est possible, grâce à l'interface "design personnalisé", mais exige plus de connaissances et de travail. Il y a des restrictions de droit de paternité, bien entendu.
Re: Réduire espace entre haut de page/titre/menu/corps - Design Rio de Janeiro
De votre côté, regardez cette valeur actuelle :
.cc-indexpage .logo-wrapper {margin: 150px 0px 100px;}
C'est une marge (et non pas du padding comme dans l'exemple précédent), qui changera la place occupée par votre logo si vous la modifiez.
Essayez ce code dans votre modifier le head :
Vous pouvez ensuite rapprocher votre menu du contenu en changeant la hauteur maximale de la têtière :.cc-indexpage #tpl-header {min-height: 400px;}
Et faire varier la place laissée au logo à partir de cette valeur : .logo-wrapper {min-height: 300px;}
En modulant ces chiffres vous pouvez placer logo, menus et texte à peu près où vous désirez.
.cc-indexpage .logo-wrapper {margin: 150px 0px 100px;}
C'est une marge (et non pas du padding comme dans l'exemple précédent), qui changera la place occupée par votre logo si vous la modifiez.
Essayez ce code dans votre modifier le head :
- Code:
<style type="text/css">
/*<![CDATA[*/
.cc-indexpage .logo-wrapper {margin: 0px 0px 0px!important;}
/*]]>*/
</style>
Vous pouvez ensuite rapprocher votre menu du contenu en changeant la hauteur maximale de la têtière :.cc-indexpage #tpl-header {min-height: 400px;}
- Code:
<style type="text/css">
/*<![CDATA[*/
.cc-indexpage .logo-wrapper {margin: 0px 0px 0px!important;}
.cc-indexpage #tpl-header {
min-height: 400px;}
/*]]>*/
</style>
Et faire varier la place laissée au logo à partir de cette valeur : .logo-wrapper {min-height: 300px;}
- Code:
<style type="text/css">
/*<![CDATA[*/
.cc-indexpage .logo-wrapper {margin: 0px 0px 0px!important;}
.cc-indexpage #tpl-header {min-height: 350px!important;}
.logo-wrapper {min-height: 220px!important;}
/*]]>*/
</style>
En modulant ces chiffres vous pouvez placer logo, menus et texte à peu près où vous désirez.
Sujets similaires
» Réduire l'espace entre le menu et le corps - Design Prague
» reduire l'espace entre le titre et la navigation
» réduire espace sous le menu
» Réduire espace entre logo et menu RIO - HELP
» Réduire espace sous barre navigation design Amsterdam
» reduire l'espace entre le titre et la navigation
» réduire espace sous le menu
» Réduire espace entre logo et menu RIO - HELP
» Réduire espace sous barre navigation design Amsterdam
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|