barre de navigation

[Lana2]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Opera
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://thenewromance.forumactif.org

Description du problème

Bonjour,

J'ai essayé d'installer une barre de navigation flottante sans succès.

J'ai ensuite essayé de mettre une barre la barre de navigation en haut du forum en utilisant ce TUTO , mais encore une fois sans succès

Est ce quelqu'un peu me venir en aide sachant que je ne suis pas une pro dans le domaine

[Lana2]

Up

[MlleAlys]

Bonjour,

Pour fixer la barre de navigation en haut de l'écran :

Dans votre panneau d'administration,

• Allez dans affichage > templates > général
  
• Editez le template overall_header (haut de page)
  
• Localisez le passage suivant (ligne 273 si le template n'a pas été modifié) :
  

  Code:

  
            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>



  Ce passage correspond au tableau qui contient la barre de navigation ( la variable {GENERATED_NAV_BAR} est remplacé par les liens à l'affichage)
  
• Ajoutez id="navig" dans la balise du tableau, ce qui donne :
  

  Code:

  
            <table id="navig" cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>



• Enregistrez le template
  
• Publiez le template pour que la modification soit prise en compte sur le forum.
  

=> Pour l'instant, rien a changé, mais comme on a donné un identifiant au tableau, on va pouvoir utiliser cet identifiant pour le déplacer.

• Allez dans affichage > couleurs > onglet "feuille de style css"
  
• Ajoutez le code suivant :
  

  Code:

  
/*début navigation flottante*/
#navig {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #F0D1A3;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
    border-spacing: 5px;
}
/*fin navigation flottante*/



  (Si vous avez déjà des codes dans la feuille de style, vous descendez tout en bas, vous passez deux/trois lignes avant de coller celui-ci, pour être sûr qu'ils ne se chevauchent pas.)
  

  description du code :

• Enregistrez
  

=> Normalement c'est bon ! A vous de voir si vous souhaitez apporter des modifications de style...

[Lana2]

Bonsoir et merci pour votre réponse

Je teste de ce pas

[Lana2]

Ca ne fonctionne pas

[MlleAlys]

Si vous avez bien fait la modification sur ce forum : http://thenewromance.forumactif.org/
alors je ne vois pas la modification du template :
vérifiez que vous avez correctement ajouté l'identifiant id="navig" dans la balise table, que le template et bien enregistré ET publié en cliquant sur l'icône de la liste des templates.
Le css ne peut pas fonctionner si la modification du template n'est pas correctement faite.

[Lana2]

C'est bon ça fonctionne !!

J'avais forcer les templates par défaut la cruche !!


Merci beaucoup car je galère depuis un bon moment avec cette barre de navigation