| Mettre le menu en haut [Résolu] | |
|
|
£ly
{ Membre }
Messages : 32
| Bonjour à tout le monde ^^ En préparation d'un forum je souhaiterais déplacé le menu afin de le mettre en haut, au dessus du header (Il s'agit d'un rpg, donc une bannière de fond en vérité.) Voilà je sais que c'est possible je l'ai vu sur un ou deux forums. Je pense que je dois modifier le overall header new, mais je ne sais pas quoi modifier quoi enlever, quoi déplacé. Est ce possible ensuite de rajouter une personnalisation via le css ? Merci |
Dernière édition par £ly le Mar 11 Mai 2010, 13:43, édité 1 fois | |
|
| |
Boow
{ Membre actif }
Messages : 866
| Le menu.... La barre de navigation ? | | |
|
| |
£ly
{ Membre }
Messages : 32
| Oui ^^ j'aurais du en effet dire la barre de navigation. | | |
|
| |
Boow
{ Membre actif }
Messages : 866
| Okay =D Je sais bien comment on fait, je le fais souvent xD Enfin y'a plusieurs façons.... Tu veux la positionner où précisément ? En haut à droite ? En haut au centre ? En haut à gauche ? Tu veux qu'on puisse la voir tout le temps, même si on descend la page ? | | |
|
| |
£ly
{ Membre }
Messages : 32
| Au centre si possible et qu'elle reste juste en haut, enfin qu'elle ne bouge pas ^^ | | |
|
| |
Boow
{ Membre actif }
Messages : 866
| Alors personnellement, voilà comment j'ai fait :
- Dans "overall_header_new", j'ai cherché ceci : {GENERATED_NAV_BAR}.
- Je l'ai entouré de ceci : et ((Sans les étoiles, bien sûr =]))
- Ensuite j'ai bien évidement publié mon template.
- Pour finir, il faut mettre quelque chose de ce genre dans ton css :
- Code:
-
.barre_de_navigation { position: fixed; } | | |
|
| |
£ly
{ Membre }
Messages : 32
| Merci de prendre le temps de m'aider ^^ Etoiles ? Qu'entends tu par "étoiles" ? J'ai essayé, ça change rien en fait | | |
|
| |
Boow
{ Membre actif }
Messages : 866
| Excuse-moi, ce n'est pas passé. C'est ceci que tu dois mettre :
- Code:
-
<spa*n class="*barre_de_navigation"> et </spa*n> ((Sans les étoiles, bien sûr =])) | | |
|
| |
£ly
{ Membre }
Messages : 32
| Merci ^^ ça l'a bougé, mais maintenant elle est toute sur la droite. | | |
|
| |
Boow
{ Membre actif }
Messages : 866
| Okay, tout à droite.... Alors je ne sais pas vraiment comment faire ^^' Je te propose de mettre une taille précise :
- Code:
-
.barre_de_navigation { height: 80%; /*Sur la page, la barre de navigation ocuppera 80% de la largeur*/ margin-left: 10%; /*Sur la page, la marge de gauche occupera 10% de la largeur*/ margin-right: 10%; /*Sur la page, la marge à droite occupera 10% de la largeur*/ } | | |
|
| |
£ly
{ Membre }
Messages : 32
| ça la décale à droite encore, elle reste toujours sous le header: J'ai enlevé le margin parce que c'était pire qu'avant, on la voyait plus du tout tellement elle était à droite. - Code:
-
.barre_de_navigation { position: top; height: 80%; }
| | |
|
| |
Boow
{ Membre actif }
Messages : 866
| xD Okay. Et est-ce que si tu mets ceci dans .barre_de_navigation, ça marche ?
- Code:
-
attachment: fixed; | | |
|
| |
£ly
{ Membre }
Messages : 32
| Aucun changement xD Désolée de te poser une colle pareil =/ | | |
|
| |
Boow
{ Membre actif }
Messages : 866
| Y'a pas de souci, je vais chercher =D | | |
|
| |
Imari
{ Membre hyper-actif }
Messages : 1538
| Bonjour ^^
Le problème est-il résolu ? | | |
|
| |
£ly
{ Membre }
Messages : 32
| Non, j'attends une réponse de B•øw. J'ai cherché de mon coté, rien à faire, je trouve pas. Ou alors c'est pour des sites et non des forums =/ | | |
|
| |
VPeybernes
{ Membre actif }
Messages : 563
| Remplace les span ajouté dans le template par des div : - Code:
-
<div class="barre_de_navigation">{GENERATED_NAV_BAR}</div> Puis utilise ceci dans la CSS - Code:
-
.barre_de_navigation { position : fixed ; top : 0 ; left : 0 ; width : 100% ; text-align : center ; } Span c'est mise en forme d'un texte uniquement. Pour des bloc d'élément c'est des div. |
Dernière édition par VPeybernes le Jeu 22 Avr 2010, 11:04, édité 1 fois | |
|
| |
Sunny
{ Membre }
Messages : 10
| Chez moi ça marche! Mais elle est toute à gauche.. | | |
|
| |
VPeybernes
{ Membre actif }
Messages : 563
| Il serai possible d'avoir l'URL pour constater ? | | |
|
| |
Sunny
{ Membre }
Messages : 10
| Hum.. J'ai déjà tout remis comme c'était au départ | | |
|
| |
VPeybernes
{ Membre actif }
Messages : 563
| Pourriez vous me donner la partit avec {GENERATED_NAV_BAR} dans votre template. Ajoutez 5 lignes avant et 5 lignes après
Vérifiez aussi si il n'y à pas d'erreur dans la CSS. Parce que j'ai testé chez moi et ça marche très bien. | | |
|
| |
£ly
{ Membre }
Messages : 32
| Merci VPeybernes, ça marche ! Que doit-on rajouter pour qu'elle reste en haut et ne bouge pas ? | | |
|
| |
VPeybernes
{ Membre actif }
Messages : 563
| Et bien rien. C'est la propriété position : fixed qui fait cela.
Vous avez bien remplacé le span par le div ? | | |
|
| |
£ly
{ Membre }
Messages : 32
| Oui ^^ j'ai tout bien changé. | | |
|
| |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Mhh ... Essaye ceci : - Code:
-
.barre_de_navigation { position: fixed; top: 0px; left: 0px; right: 0px; width: 100%; text-align: center; } Je doute que ça change quoi que ce soit, mais sait-on jamais. Edit: Ah non ce n'est pas ça je me suis gouré, désolé x) |
Dernière édition par Basil Hawkins le Dim 25 Avr 2010, 09:45, édité 1 fois | |
|
| |
Contenu sponsorisé
| |
| |
| Mettre le menu en haut [Résolu] | |
|