problème avec ma barre de navigation

[Neffa]

fini merciiii

[MlleAlys]

Bonjour,

Ce tutoriel devrait vous aider :
https://forum.forumactif.com/t301744-mettre-sa-barre-de-navigation-en-haut-du-forum

D'autres tutoriels et astuces concernant la barre de navigation :
https://forum.forumactif.com/search?mode=searchbox&search_keywords=navigation&show_results=topics&tutos=1&search_where=f91

[Neffa]

j'ai bien essayé avant de poster mon sujet mais le probleme c'est qu'il faut qu'elle s'accorde avec les cotés du forum et qu'elle resté figé toujours en haut de l'écran meme si on est en bas du forum

[MlleAlys]

Dans le code css du tutoriel, modifiez
position: absolute;
en
position: fixed;

Installez dans un premier temps la barre ainsi et nous verrons ensuite pour régler sa largeur.

[Neffa]

bonjour je viens de refaire le tutoriel, il manque juste qu'elle se mette au milieu et mettre des ombres sur les cotés, puis réduire un peut sa hauteur

[MlleAlys]

Dans votre template, modifiez cette partie :

Code:

<center><div class="navig">{GENERATED_NAV_BAR}</div></center>

en :

Code:

<div class="navig"><div>{GENERATED_NAV_BAR}</div></div>

Dans votre feuille de style, modifiez :

Code:

#navigation {
  background-color: #47898F;
  border-bottom: 2px solid #A7D94A;
  position: fixed;
  top: 0;
  width: 69%;
}

en :

Code:

#navigation {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

et ajoutez le code suivant :

Code:

#navigation div {
  box-sizing: border-box;
  width: 70%;
  min-width: 954px;
  margin: auto;
  background-color: #47898F;
  border-bottom: 2px solid #A7D94A;
  text-align: center;
}

Pour que la barre soit plus étroite, modifiez les images de navigation, ou bien supprimez-les et affichez les liens sous forme de texte.

[Neffa]

nickeeel tout marche très bien! merci de m'avoir répondu si vite