+- MyBB.support, le portail francophone de MyBB (https://mybb.fr)
+-- Forum : Thèmes (https://mybb.fr/forum-4.html)
+--- Forum : Support (https://mybb.fr/forum-6.html)
+--- Sujet : [Réglé] Hauteur des menus "header" (/thread-7063.html)
Hauteur des menus "header" - Phil - 23-09-2014
Bonjour,
après avoir été mis sur la voix pour agrandir la hauteur du banner (logo)...Encore merci.
Je m´aperçois que le menu "header" que j´ai trouver dans le CSS est trop haut.
Donc, est ce qu´un expert pourrai s m´orienter pour gérer la hauteur du de ce dernier ?
Mille merci
RE: Hauteur des menus "header" - Phil - 23-09-2014
Peut être ne suis-je pas assez précis dans mon explication.Avec un screen , cela va peut être, être plus parlant
[quote='Phil' pid='40840' dateline='1411470589']
Peut être ne suis-je pas assez précis dans mon explication.Avec un screen , cela va peut être, être plus parlant
![[Image: header10.jpg]](http://i39.servimg.com/u/f39/17/93/51/86/header10.jpg)
RE: Hauteur des menus "header" - spyto - 23-09-2014
Je ne vois pas du tout le menu comme dans ton screen.
Donc je ne suis pas sûr de bien comprendre la question, car pour moi, c'est "propre".
Pour modifier la hauteur de la barre de navigation, il faut jouer sur le sélecteur :
Code :
#logo ul.top_links {
font-weight: bold;
margin: -10px 5px 0 0;
text-align: left;
}Par exemple :
Code :
#logo ul.top_links {
font-weight: bold;
margin: -5px 5px 0 0;
text-align: left;
}RE: Hauteur des menus "header" - Phil - 23-09-2014
Merci pour votre support
Je vais allé tester tout ça
j´ai demandé à différents membres de mon forum et il voient comme sur le screen lol
http://imageshack.com/a/img538/9181/sI1d0s.png
RE: Hauteur des menus "header" - spyto - 23-09-2014
Moi, je vois ça :
[attachment=1421]
sous Firefox 32.0.2
RE: Hauteur des menus "header" - Phil - 23-09-2014
F5 jeune homme et cela devrait ce mettre à jour
RE: Hauteur des menus "header" - spyto - 23-09-2014
ok, c'est ton image du header que tu as changée et qui est trop haute ce qui fait qu'elle "déborde" sur le menu et ne laisse plus de zone blanche comme dans mon screen du message précédent où je n'avais pas réactualisé la page.
Si tu ne veux pas la diminuer il faudrait la "blanchir" dans le bas.
RE: Hauteur des menus "header" - Phil - 23-09-2014
Re,
pour l´image d´avant avec la zone blanche c´est une retouche avec un logiciel de peinture
Par contre j´ai essayé de changer la couleur de cette barre de menu car bleu sur noir , c´est pas lisible .J´ai changé en blanc ...Par contre ça me change également la couleur du texte dans les forums...
Il y a un moyen de séparer les deux ?
RE: Hauteur des menus "header" - spyto - 23-09-2014
Oui, en spécifiant la couleur blanc uniquement dans ce sélecteur :
ul.menu li a {
background-image: url("../../../images/headerlinks_sprite.png");
background-repeat: no-repeat;
color: #fff;
display: inline-block;
padding-left: 15px;
}
Pour le survol, il faudra aussi ajouter :
ul.menu li a:hover {
color: cequeuveux;
text-decoration: underline;(si tu veux)
}
RE: Hauteur des menus "header" - Phil - 23-09-2014
Et bien encore mille merci pour cette aide précieuse
Tout fonctionne à merveille .....
RE: Hauteur des menus "header" - Saphir - 23-09-2014
Ceci est un message préformaté et peut ne correspondre qu'en partie à votre requête.
Bonjour Phil.
Votre requête semble résolue. La discussion a donc été marquée comme étant réglée.
S'il s'agit d'une erreur, répondez à ce message afin que nous annulions le marquage.
Si vous avez de nouveau besoin de nos services, n'hésitez pas à ouvrir une nouvelle discussion dans nos forums de support.
Merci de l'intérêt que vous portez à MyBB !
RE: Hauteur des menus "header" - Phil - 12-05-2020
Bonjour à tous,
de retour après quelques années passées . Je reprend donc les bases, malheureusement pour ce sujet je n´arrive pas à reproduire l´explication donnée à l´époque.
Je suis dans :
Templates & Styles
/ Edit global CSS
J´ai une image pour header ici:
#logo {
background: #11a1e8;
background-image: url(images/H4.jpg);
padding: 180px 0;
border-bottom: 1px solid #263c30;
Mais dans cette section:
#logo ul.top_links {
font-weight: bold;
text-align: left;
margin: -5px 5px 0 0;
}
Si je change le "margin" en mettant la mème valeur de l´époque, que vous m´aviez indiqué, cela ne "descend pas" le menu en bas de l´image placée dans le header.
https://www.youngskyhunters.com/Forum/
Merci d´avance pour votre aide.
RE: Hauteur des menus "header" - exdiogene - 12-05-2020
Il faudrait modifier la ligne suivante :
#logo {
padding: 360px 0 0 0
}
RE: Hauteur des menus "header" - Phil - 12-05-2020
J´ai mis 360, mais cela me double le background header
https://www.youngskyhunters.com/Forum/
RE: Hauteur des menus "header" - spyto - 12-05-2020
Non, vous avez mis :
#logo {
padding: 360px 0;
}
Or exdiogene a écrit :
#logo {
padding: 360px 0 0 0;
}
Et comme ça c'est correct !
RE: Hauteur des menus "header" - Phil - 12-05-2020
Oups !! Mea culpa
Donc là tout est ok sauf que je vois plus le background image dans le header
https://www.youngskyhunters.com/Forum/
RE: Hauteur des menus "header" - Phil - 12-05-2020
J´ai trouvé !!
#logo ul.top_links {
font-weight: bold;
text-align: left;
margin: 360px 5px 0 0;
}
RE: Hauteur des menus "header" - spyto - 12-05-2020
Moi je voyais tout très bien avec le code précédent ! Peut-être une histoire de cache et/ou de rafraîchissement ?
RE: Hauteur des menus "header" - Phil - 12-05-2020
Ah ok......Bizarre c´est différences quand mème.......
RE: Hauteur des menus "header" - exdiogene - 12-05-2020
C'est que Phil a modifié à deux endroits :
#logo {
padding: 0 0;
}
#logo ul.top_links {
font-weight: bold;
text-align: left;
margin: 355px 5px 0 0;
}
Ce qui est équivalent...