Sweet Swirl
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.


Forum d'entraide de graphisme & de codage
 
AccueilAccueil  Guide du Swirlien  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
-28%
Le deal à ne pas rater :
Brandt LVE127J – Lave-vaisselle encastrable 12 couverts – L60cm
279.99 € 390.99 €
Voir le deal

 

 Mettre la barre de navigation en haut du forum

Aller en bas 
3 participants
AuteurMessage
Kanashīdesu

Kanashīdesu


Image par défaut
Rang Messages : 1350
Date d'inscription : 20/04/2014
Age : 23
Localisation : France

Mettre la barre de navigation en haut du forum Empty
MessageSujet: Mettre la barre de navigation en haut du forum   Mettre la barre de navigation en haut du forum Icon_minitimeDim 4 Mai - 10:43

Coucou :3

Vous voulez avoir la barre de navigation en haut de votre forum comme ça ?

C'est très simple, mais il y a quelques conditions :
- Avoir un forum PHPBB2
- Être le fondateur (ou avoir son mot de passe)

Après ça vous devez allez dans votre template overall_header (Panneau admin > Affichage > Templates > Général > overall_header > Mettre la barre de navigation en haut du forum Editer).

Recherchez ce code :

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

Supprimez le, après vous devez trouver ce code :

Code:
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

et mettre ce code après :
Code:
<div class="navigation" align="{MENU_POSITION}">{GENERATED_NAV_BAR}</div>

Je vous explique :

Le {MENU_POSITION} sert à aligner la barre de navigation comme vous l'avez configurer dans votre panneau admin > Affichage > Page d'accueil > En-tête & navigation, mais vous pouvez le supprimez Wink

Le {GENERATED_NAV_BAR} sert à générer la barre de navigation, si elle n'est pas là, il n'y aura pas de barre de navigation.

Enregistrez le template et maintenant allez dans vos css (Affichage > Couleurs > Feuille de style CSS) et mettez ce code (personnalisable) :

Code:
.navigation {
position: fixed; /* soit vous mettez fixed, ce qui veux dire que si vous descendez la barre de navigation vous suivra*/
background: COULEURS; /* couleurs de fond*/
width: 100% !important; /* la largeur de la barre de navigation, là, la barre de navigation prendra toute la largeur du forum*/
left: 0; /*la mettre à 0px de la gauche*/
top: 0; /*la mettre à 0px de la droite*/
padding: 3px; /*la grosseur de la barre*/
border-bottom: 1px solid COULEURS; /*la bordure, bottom, elle sera en bas, 1px, la bordure sera à un pixel, solid la bordure sera une ligne droite, et la couleurs*/
z-index: 999; /* pour empêcher que la barre de navigation soit en dessous du header par exemple*/
}

Et voilà c'est fini :D
Revenir en haut Aller en bas
http://neko-paradisect.shost.ca
Keylha
Equipe Bleue
Keylha


Image par défaut
Rang Messages : 2394
Date d'inscription : 12/04/2014
Age : 23
Localisation : Montagnes

Mettre la barre de navigation en haut du forum Empty
MessageSujet: Re: Mettre la barre de navigation en haut du forum   Mettre la barre de navigation en haut du forum Icon_minitimeSam 10 Mai - 10:29

3 points pour ta team c:
Omg, je cherchais ce tuto'. **
Revenir en haut Aller en bas
Fleazy

Fleazy


Image par défaut
Rang Messages : 303
Date d'inscription : 13/04/2014
Age : 19
Localisation : Derière toi :)

Mettre la barre de navigation en haut du forum Empty
MessageSujet: Re: Mettre la barre de navigation en haut du forum   Mettre la barre de navigation en haut du forum Icon_minitimeJeu 15 Mai - 20:30

J'y arrive pas ):
 Pis, c'est pas :
Code:
.navigation {
position: fixed;
background: COULEURS;
width: 100% ;
left: 0px;
top: 0px;
padding: 3px;
border-bottom: 1px solid COULEURS;
z-index: 999;
}


Au lieux de :

Code:
.navigation {
position: fixed; /* soit vous mettez fixed, ce qui veux dire que si vous descendez la barre de navigation vous suivra*/
background: COULEURS; /* couleurs de fond*/
width: 100% !important; /* la largeur de la barre de navigation, là, la barre de navigation prendra toute la largeur du forum*/
left: 0; /*la mettre à 0px de la gauche*/
top: 0; /*la mettre à 0px de la droite*/
padding: 3px; /*la grosseur de la barre*/
border-bottom: 1px solid COULEURS; /*la bordure, bottom, elle sera en bas, 1px, la bordure sera à un pixel, solid la bordure sera une ligne droite, et la couleurs*/
z-index: 999; /* pour empêcher que la barre de navigation soit en dessous du header par exemple*/
}
Revenir en haut Aller en bas
Kanashīdesu

Kanashīdesu


Image par défaut
Rang Messages : 1350
Date d'inscription : 20/04/2014
Age : 23
Localisation : France

Mettre la barre de navigation en haut du forum Empty
MessageSujet: Re: Mettre la barre de navigation en haut du forum   Mettre la barre de navigation en haut du forum Icon_minitimeJeu 15 Mai - 22:27

C'est pareil, ai juste rajouté des commentaires pour vous aider Wink
Revenir en haut Aller en bas
http://neko-paradisect.shost.ca
Fleazy

Fleazy


Image par défaut
Rang Messages : 303
Date d'inscription : 13/04/2014
Age : 19
Localisation : Derière toi :)

Mettre la barre de navigation en haut du forum Empty
MessageSujet: Re: Mettre la barre de navigation en haut du forum   Mettre la barre de navigation en haut du forum Icon_minitimeVen 16 Mai - 7:38

Non, tu as oublier l'unité à coté de left et top (:
J'avais suppimer les commentaires pour m'y retrouver (;
Revenir en haut Aller en bas
Fleazy

Fleazy


Image par défaut
Rang Messages : 303
Date d'inscription : 13/04/2014
Age : 19
Localisation : Derière toi :)

Mettre la barre de navigation en haut du forum Empty
MessageSujet: Re: Mettre la barre de navigation en haut du forum   Mettre la barre de navigation en haut du forum Icon_minitimeMer 21 Mai - 18:02

Mais je n'y arrive paaas ):
Revenir en haut Aller en bas
Kanashīdesu

Kanashīdesu


Image par défaut
Rang Messages : 1350
Date d'inscription : 20/04/2014
Age : 23
Localisation : France

Mettre la barre de navigation en haut du forum Empty
MessageSujet: Re: Mettre la barre de navigation en haut du forum   Mettre la barre de navigation en haut du forum Icon_minitimeMer 21 Mai - 19:12

C'est pareil, 0px et 0 Wink

Tu as bien validé ton template ?
Revenir en haut Aller en bas
http://neko-paradisect.shost.ca
Fleazy

Fleazy


Image par défaut
Rang Messages : 303
Date d'inscription : 13/04/2014
Age : 19
Localisation : Derière toi :)

Mettre la barre de navigation en haut du forum Empty
MessageSujet: Re: Mettre la barre de navigation en haut du forum   Mettre la barre de navigation en haut du forum Icon_minitimeDim 25 Mai - 14:04

Ben oui
Enfin, je vais réessayer quand j'en aurai l'occasion
Revenir en haut Aller en bas
Contenu sponsorisé





Mettre la barre de navigation en haut du forum Empty
MessageSujet: Re: Mettre la barre de navigation en haut du forum   Mettre la barre de navigation en haut du forum Icon_minitime

Revenir en haut Aller en bas
 
Mettre la barre de navigation en haut du forum
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Pourquoi ne pas mettre de rangs ?
» Mettre une chatbox latérale
» Mettre des étoiles, ombres portés sur un de nos membres
» Les 1000 message du forum !
» GF-Pub - Forum de publicité ;)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Sweet Swirl :: Archives :: BIG ARCHIVES :: Paperasse qui s'entasse-
Sauter vers: