Barre de navigation

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

Résolu Barre de navigation

Message par Lunarisia le Ven 28 Oct 2011 - 15:00

Bonjour,
Je voudrais savoir comment je dois m'y prendre pour créer une barre de navigation en haut du forum, centrée, un peu plus large que le cadre du forum, avec des bords arrondis et qui reste statique (qu'on peut voir même si on fait défiler la page). J'ai fait un shéma. Je sais qu'il y a un tuto pour placer la barre en haut, mais mon problème majeur c'est que j'ai créer et placé des images pour la barre de navigation et qu'a présent, je voudrais qu'elle disparaissent pour que se soit des trucs écrit (je ne sais pas si on comprend ce que je dis, mais je ne sais pas comment l'expliquer).

Spoiler:

Si cela peut aider, j'ai aussi un exemple:

Spoiler:


Dernière édition par Lunarisia le Sam 29 Oct 2011 - 0:13, édité 1 fois

Lunarisia
**

Féminin
Messages : 50
Inscrit(e) le : 02/06/2011

http://lunaris-rpg.forumgratuit.org/
Lunarisia a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Barre de navigation

Message par Lixyr le Ven 28 Oct 2011 - 15:38

Bonjour.


Pour enlever les images dans votre barre de navigation, il suffit d'aller dans
panneau d'administration >> affichage >> page d'accueil : entête et navigation

Afficher seulement des images dans la barre des liens : cochez non

-----------------------------------------------------

ensuite, pour placer votre barre de navigation en haut, vous avez le tuto qui peut vous aider :
http://forum.forumactif.com/t301744-mettre-sa-barre-de-navigation-en-haut-du-forum?highlight=navigation

------------------------------------------------------

ensuite, pour qu'elle reste fixe, c'est une autre histoire.

Je vous laisse donc déjà opérer cette manœuvre, et une fois ceci fini, on la fixera.


Cordialement.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
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: Barre de navigation

Message par Lunarisia le Ven 28 Oct 2011 - 16:47

J'ai réussit à faire ceci:

http://lunaris-rpg.forumgratuit.org/

Je voudrais à présent la center et si possible arrondir les bords carrés, ainsi que la faire rester "permanente"

Lunarisia
**

Féminin
Messages : 50
Inscrit(e) le : 02/06/2011

http://lunaris-rpg.forumgratuit.org/
Lunarisia a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Barre de navigation

Message par Lixyr le Ven 28 Oct 2011 - 19:12

Pour qu'elle reste fixe, il suffit de la fixer :

retirez le
position:absolute;
dans le css, dans la classe navig,

et mettez ceci à la place :
Code:
position: fixed;
z-index: 999;
left:50px;
margin-top:-2px;

position : fixed c'est pour la fixer, qu'elle ne bouge pas malgré le défilement de l'écran

z-index : c'est pour l'affichage correct du bloc. NE PAS TOUCHER.

left : c'est pour la décaler en fonction de la bordure gauche de l'écran. Donc pour la centrer, il faudra modifier cette valeur jusqu'à ce que la barre de navigation se mette où vous voulez

margin-top : : ça marque un espace entre le bord supérieur de l'écran et la barre de navigation, cela dit, ici comme la valeur est négative, la barre de navigation va donc faire l'inverse : monter au lieu de descendre, donc en fonction de la valeur, ça retirera l'espace entre le bord de l'écran et le bord haut de la barre de navigation.


A vous de modifier les valeurs, ensuite.

Cordialement.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
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: Barre de navigation

Message par Lunarisia le Sam 29 Oct 2011 - 0:12

Merci beaucoup pour votre aide! Le résultat me plait énormément!

Lunarisia
**

Féminin
Messages : 50
Inscrit(e) le : 02/06/2011

http://lunaris-rpg.forumgratuit.org/
Lunarisia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation

Message par Lixyr le Sam 29 Oct 2011 - 3:24

Bonne continuation. ::fleur::





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
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.

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