MyBB.support, le portail francophone de MyBB
[Réglé] Hauteur des menus "header" - Version imprimable

+- MyBB.support, le portail francophone de MyBB (http://mybb.fr)
+-- Forum : Thèmes (http://mybb.fr/forum-4.html)
+--- Forum : Support (http://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 Wink


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 Wink

[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 Wink


[Image: 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;
}
et notamment le 1er paramètre de margin (position top).
Par exemple :
Code :
#logo ul.top_links {
    font-weight: bold;
    margin: -5px 5px 0 0;
    text-align: left;
}
ce qui augmentera la hauteur de 5px (en rabaissant la position haut).



RE: Hauteur des menus "header" - Phil - 23-09-2014

Merci pour votre support Wink

Je vais allé tester tout ça Wink

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 Wink


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 Wink

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 Wink

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...


 Utilitaire de traduction fourni par Regentronique