Barre de navigation

[Lunarisia]

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:

[Lixyr]

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

[Lunarisia]

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"

[Lixyr]

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.

[Lunarisia]

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

[Lixyr]

Bonne continuation.