1. IMPORTANT : Nouvelles mesures de sécurité - 2. Règles pour obtenir de l'aide dans les forums de support - 3. Restrictions des droits pour le groupe "Support suspendu"

Il est obligatoire de respecter les Règles de MyBB.fr : Version abrégée ou Version complète pour obtenir du support sur nos forums.

Les membres ayant un site/forum contrevenant aux règles de MyBB.support seront placés dans le groupe "Support suspendu" et ne bénéficieront plus du support du staff. Nous recommandons aux autres membres d'agir de même. Il ne s'agit pas d'un bannissement, le membre retrouvera son statut "normal" dès que sa situation sera conforme aux règles.

Nouveau : un Wiki en français : plus de détails.
Avant de soumettre votre problème, consultez-le, ainsi que la FAQ, sans oublier le moteur de recherche interne.


Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
[Réglé] Hauteur des menus "header"
Mots-clés » hauteur, menus, header
23-09-2014, 0:47,
#1
Hauteur des menus "header"

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
Répondre
23-09-2014, 13:09, (Modification du message : 23-09-2014, 13:17 par Phil.)
#2
RE: Hauteur des menus "header"
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]


Répondre
23-09-2014, 14:34,
#3
RE: Hauteur des menus "header"
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).

[Image: spyto.png]
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre
23-09-2014, 14:43,
#4
RE: Hauteur des menus "header"
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

Répondre
23-09-2014, 14:49,
#5
RE: Hauteur des menus "header"
Moi, je vois ça :
   
sous Firefox 32.0.2

[Image: spyto.png]
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre
23-09-2014, 15:03,
#6
RE: Hauteur des menus "header"
F5 jeune homme et cela devrait ce mettre à jour Wink
Répondre
23-09-2014, 15:19, (Modification du message : 23-09-2014, 15:21 par spyto.)
#7
RE: Hauteur des menus "header"
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.

[Image: spyto.png]
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre
23-09-2014, 15:29,
#8
RE: Hauteur des menus "header"
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 ?
Répondre
23-09-2014, 15:50, (Modification du message : 23-09-2014, 17:27 par spyto.)
#9
RE: Hauteur des menus "header"
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)
}

[Image: spyto.png]
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre
23-09-2014, 16:13,
#10
RE: Hauteur des menus "header"
Et bien encore mille merci pour cette aide précieuse Wink

Tout fonctionne à merveille .....
Répondre
23-09-2014, 17:47,
#11
RE: Hauteur des menus "header"
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 !

Cordialement,
Saphir,
Modérateur MyBB.support.
Répondre
12-05-2020, 9:28, (Modification du message : 12-05-2020, 9:30 par Phil.)
#12
RE: Hauteur des menus "header"
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.
Répondre
12-05-2020, 13:00,
#13
RE: Hauteur des menus "header"
Il faudrait modifier la ligne suivante :

#logo {
padding: 360px 0 0 0
}

Administrateur de MyBBCodes.com
Cool " Ce n'est pas ce que vous savez qui est important, c'est ce que vous faites ou ne faites pas!"
Obtenez plus de 175 plugins pour MyBB ici...
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre
12-05-2020, 13:35,
#14
RE: Hauteur des menus "header"
J´ai mis 360, mais cela me double le background header

https://www.youngskyhunters.com/Forum/
Répondre
12-05-2020, 14:03, (Modification du message : 12-05-2020, 14:04 par spyto.)
#15
RE: Hauteur des menus "header"
Non, vous avez mis :
#logo {
padding: 360px 0;
}

Or exdiogene a écrit :
#logo {
padding: 360px 0 0 0;
}

Et comme ça c'est correct !

[Image: spyto.png]
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre
12-05-2020, 14:13, (Modification du message : 12-05-2020, 14:15 par Phil.)
#16
RE: Hauteur des menus "header"
Oups !! Mea culpa

Donc là tout est ok sauf que je vois plus le background image dans le header

https://www.youngskyhunters.com/Forum/
Répondre
12-05-2020, 14:19,
#17
RE: Hauteur des menus "header"
J´ai trouvé !!

#logo ul.top_links {
font-weight: bold;
text-align: left;
margin: 360px 5px 0 0;
}
Répondre
12-05-2020, 16:07,
#18
RE: Hauteur des menus "header"
Moi je voyais tout très bien avec le code précédent ! Peut-être une histoire de cache et/ou de rafraîchissement ?

[Image: spyto.png]
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre
12-05-2020, 16:18,
#19
RE: Hauteur des menus "header"
Ah ok......Bizarre c´est différences quand mème.......
Répondre
12-05-2020, 16:39, (Modification du message : 12-05-2020, 16:39 par exdiogene.)
#20
RE: Hauteur des menus "header"
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...

Administrateur de MyBBCodes.com
Cool " Ce n'est pas ce que vous savez qui est important, c'est ce que vous faites ou ne faites pas!"
Obtenez plus de 175 plugins pour MyBB ici...
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre




Utilisateur(s) parcourant ce sujet : 3 visiteur(s)

Contact | MyBB.support | Retourner en haut | Retourner au contenu | Version bas-débit (Archivé) | Syndication RSS
 Utilitaire de traduction fourni par Regentronique