Header
Partagez | 

[forumactif]Placer la barre de navigation de votre Forum en haut

avatar

Mes clubs


En savoir plus
Mes clubs extra-scolaires:

kiri

Doyenne
Bons Points (BP) : 60
Voir le profil de l'utilisateur

Message Sujet: [forumactif]Placer la barre de navigation de votre Forum en haut   Mar 8 Mar - 8:37

~ Créer une barre de navigation en haut du forum ~
Coucou,

voici un tutoriel qui demande un peu de manipulation

Le but



Placer la barre de navigation de votre Forum en haut

aperçu de résultat possible:
 

Les conditions



Pour réaliser ce tutoriel vous devez :
  • Avoir un forum version phpbb2 ( je n'ai pas vérifié sur les autres versions )

  • Avoir accès aux PA et aux Templates

  • Quelques notions de CSS : [Trucs] Code CSS


Le code



On y va....Pour ce faire , vous devez allez dans votre panneau d'administration

Affichage --> Templates --> Général

Ouvrer le Template > overall_header

> Vous cherchez et supprimez :

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


Vous recherchez ce passage :
Code:

<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">

Code copier et à coller juste avant :
Code:
<table id="nav_barr" style="margin-top: -10px;" cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>


Arrow Enregistrer puis publier votre template en cliquant sur le :

CSS
Panneau d'admin > Affichage > Couleurs > Feuille de style CSS
Ensuite vous copier coller ce code :
Code:
#nav_barr {
position: fixed; /*--- Cette ligne permet de toujours afficher la barre ---*/
width:900px; /*--- pour régler la largeur de la barre ---*/
background-color: #Couleur; /*--- On donne une couleur au fond ---*/
border:1px #Couleur solid;  /*--- On ajoute une bordure ---*/
margin-left:-450px; /* pour centrer:  largeur divisée par -2 */
left:50%;
-moz-border-radius:0px 0px 10px 10px; /* pour mozilla */
-webkit-border-radius: 0px 0px 10px 10px; /* pour chrome et safari */
border-radius:0px 0px 10px 10px; /* réglage des arrondis */
}

N'oubliez pas de remplacer #Couleur et de régler les hauteurs XXpx par vos propres valeurs

Personnalisation



Vous pouvez bien sur personnaliser tout ceci en vous aidant de ces petits [Trucs] Code CSS


Bon courage et si vous avez des soucis, n'hésitez pas great

Tuto réalisé par ©kiri pour Sop





Vous rencontrez un souci avec ce tutoriel ? Venez poser votre question [ici].

Idea N'oubliez pas de lire et de suivre les [règles de la section].

Je soussignée, Kiri,  accepte qu'un directeur reposte le tutoriel "[forumactif]Placer la barre de navigation de votre Forum en haut" tel que je l'ai rédigé.
Revenir en haut Aller en bas


Présidente LOTR = Ligue Organique des Taupes Ridicules

J’ai toujours rêvé que mon ordinateur soit aussi simple à utiliser que mon téléphone.
Ce rêve est devenu réalité : je ne comprends plus comment utiliser mon téléphone   [ by Bjarne Stroustrup ]

Spoiler:
 

[forumactif]Placer la barre de navigation de votre Forum en haut
Page 1 sur 1
 Sujets similaires
-
» Barre de Navigation
» [Résolu] Barre de Navigation en premier plan
» Barre de navigation
» [Ketsuka] Barre de navigation et presentation de mes membre
» [Résolu] Barre de Navig en Widget sur le côté
Réponse rapide

School of Progress :: La bibliothèque :: Tutoriels :: Informatique :: Codage+