comment faire une barre de navigation qui descend

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu comment faire une barre de navigation qui descend

Message par xBorwniies le Jeu 11 Aoû 2011 - 23:57

Bonjour j'aimerais faire une barre de naviguation qui descend comme ceci:
http://horirozari.rpgdynasty.com/

Pas comme elle qui reste fixe:
http://justgraph.forumgratuit.org/


Dernière édition par xBorwniies le Lun 22 Aoû 2011 - 10:21, édité 1 fois

xBorwniies
***

Féminin
Messages : 157
Inscrit(e) le : 04/08/2011

http://amazing-graphics.forumgratuit.org/
xBorwniies a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment faire une barre de navigation qui descend

Message par SoraNoHime le Ven 12 Aoû 2011 - 0:02


SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment faire une barre de navigation qui descend

Message par Lixyr le Ven 12 Aoû 2011 - 0:03

Bonsoir.

C'est gentil de prendre mon forum en exemple. Mr. Green
C'est une barre fixe.
Pour faire ça il faut déjà mettre la barre de navigation en haut du forum. Je vous laisse regarder ce tuto : http://forum.forumactif.com/t301744-mettre-sa-barre-de-navigation-en-haut-du-forum

une fois ceci fait, prévenez-moi du résultat, et j'aiguillerai pour la suite.


Cordialement.


(edit : youp, Macema. Bienvenue. xD Je prends le sujet comme mon forum est en exemple >> )

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5647
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment faire une barre de navigation qui descend

Message par SoraNoHime le Ven 12 Aoû 2011 - 0:05

^^ ok Lixyr

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment faire une barre de navigation qui descend

Message par xBorwniies le Ven 12 Aoû 2011 - 0:28

Merci ça marche presque enfaite la barre est en haut mais ne bouge pas elle ne coullisse pas :/

xBorwniies
***

Féminin
Messages : 157
Inscrit(e) le : 04/08/2011

http://amazing-graphics.forumgratuit.org/
xBorwniies a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment faire une barre de navigation qui descend

Message par Lixyr le Ven 12 Aoû 2011 - 0:44

C'est normal.

Donc, maintenant on va rajouter une div autour de la variable correspondant à la barre de navigation.

Donc, dans le template overall_header, on repère :
{GENERATED_NAV_BAR}

on l'entoure d'une div, avec une classe qui serait, par exemple : navfixe.

comme ceci :
<div class="navfixe">{GENERATED_NAV_BAR}</div>

enregistrez le template.

Ensuite, dans votre feuille css, vous rajoutez ceci :

Code:
.navfixe {
width: 90%;
height:20px;
position: fixed;
z-index: 999;
left:50px;
}


vous pouvez modifier la valeur :
width: => largeur de la barre de navigation
height: => hauteur de la barre de navigation
left: => espacement entre le bord gauche de votre écran et la barre de navigation


le reste du code vous n'y touchez pas.
position: fixed; => permet d'avoir la barre fixée par rapport à l'écran, donc le reste défile, mais la barre est fixée, donc ne bouge plus
z-index: 999; => permet d'avoir le maximum de contenu visible


et au pire, si ça ne marche pas, rajoutez ceci dans votre css :

Code:
.mainmenu {width: 100%;}

pour que la barre de navigation prenne toute la place. C'est le code de base.



Et avec tout ceci, tout devrait marcher comme sur des roulettes. ::fleur::





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5647
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment faire une barre de navigation qui descend

Message par xBorwniies le Ven 12 Aoû 2011 - 1:01

Sa ne marche pas avec:
Code:
<div class="navfixe">{GENERATED_NAV_BAR}</div>
Mais sinon sa ne peut pas marche avec:
Code:
<div class="navig">{GENERATED_NAV_BAR}</div>

xBorwniies
***

Féminin
Messages : 157
Inscrit(e) le : 04/08/2011

http://amazing-graphics.forumgratuit.org/
xBorwniies a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment faire une barre de navigation qui descend

Message par Lixyr le Ven 12 Aoû 2011 - 23:06

Essayez navig, c'est celui que j'ai aussi.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5647
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment faire une barre de navigation qui descend

Message par xBorwniies le Ven 12 Aoû 2011 - 23:18

Merci

xBorwniies
***

Féminin
Messages : 157
Inscrit(e) le : 04/08/2011

http://amazing-graphics.forumgratuit.org/
xBorwniies a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment faire une barre de navigation qui descend

Message par SandyL le Dim 21 Aoû 2011 - 12:00

Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

SandyL
+ Hyperactif +

Féminin
Messages : 26992
Inscrit(e) le : 14/06/2007

http://www.monzoo.net/myzoo.php?pseudo=Arkana
SandyL a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum