comment faire une barre de navigation qui descend

4 participants

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

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 Ven 12 Aoû 2011 - 0:02

SoraNoHime

SoraNoHime
Membre actif

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

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 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 : https://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

Lixyr
Aidactive
Aidactive

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

https://forum.forumactif.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 Ven 12 Aoû 2011 - 0:05

^^ ok Lixyr
SoraNoHime

SoraNoHime
Membre actif

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

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

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


Pour faciliter les recherches, mettez un titre explicite.
Remerciez comment faire une barre de navigation qui descend 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu comment faire une barre de navigation qui descend 3592387030 pour prévenir la modération.

comment faire une barre de navigation qui descend Baston10
Lixyr

Lixyr
Aidactive
Aidactive

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

https://forum.forumactif.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 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

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 Ven 12 Aoû 2011 - 23:06

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


Pour faciliter les recherches, mettez un titre explicite.
Remerciez comment faire une barre de navigation qui descend 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu comment faire une barre de navigation qui descend 3592387030 pour prévenir la modération.

comment faire une barre de navigation qui descend Baston10
Lixyr

Lixyr
Aidactive
Aidactive

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

https://forum.forumactif.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 Ven 12 Aoû 2011 - 23:18

Merci
xBorwniies

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 Dim 21 Aoû 2011 - 12:00

comment faire une barre de navigation qui descend Check10Bonjour,

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 comment faire une barre de navigation qui descend Envoi10


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton comment faire une barre de navigation qui descend 50378

A bientôt sur ForumActif Smile
SandyL

SandyL
Membre actif

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

https://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

- Sujets similaires

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