AccueilAccueil  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  



 
Bonjour Invité
Merci d'avoir choisi city of pub



→ Pour poster dans la partie "AIDES CSS" il te faut te présenter:
"Fiche de présentation"
Des jeux pour vous, pour vos pubs et pour s'amuser !
C'est par ici: Jeu du JackPot et CityGame
Bonne chance à vous !
Recherche URGENT:
Graphiste, Aide RPG, Codeur, Correcteur,
En savoir + !!
Notre forum met en place sa fiche
Vous pouvez la mettre sur votre forum
une fois votre pub poster: Fiche du forum

Partagez | 
 

 Barre de navigation verticale

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage


Oswinwho

PROFIL Féminin

✎ Blabla : 1903
✎ PeaCPt's : 9682
✎ Musique du moment : Still loving you de Scorpion
✎ Livre du moment : Atom(ka) de Franck Thilliez
✎ Gif :
PETIT +
En savoir plus
Nombre de forum: 1
Emploi/loisir: ...
Un peu +:
MessageSujet: Barre de navigation verticale   31.03.14 18:12

Bonjour ou bonsoir cher Citoyens de City Forum!

Je vais vous expliquer, du moins essayer d'expliquer, comment mettre menu/barre navigation en verticale comme sur ce forum:



Tout d'abord il faut que vous soyez admin du forum en question et bien sûr être l'admin principal, c'est-à-dire, avoir accès complet des templates (car les admins seconds ont accès à rien) Bref...

Dans Panneau d’administration → Affichage → Templates → Général et ouvrez le template intitulé overall_header.

Localisez cette partie du template, comprenant la variable {GENERATED_NAVBAR} :

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

remplacer par:

Code:
       <div class="vertical_nav">{GENERATED_NAV_BAR}</div>

On place la variable qui génère la barre de navigation dans une div à laquelle on donne le nom vertical_nav, afin de pouvoir la modifier depuis la feuille de styles CSS par la suite.

enregistrez et n'oubliez de publier en cliquant sur le plus (vert)

affiche >> image et couleurs >> couleurs >> feuille style css:


Code:
/*barre navigation verticale*/

        div.vertical_nav {
        position:absolute;
        top:70px; /* marge du haut*/
        left:899px; */marge gauche*/
  background: #c3c3c3; /*couleur de fond*/
  border:1px solid #505050;
  border-bottom: 1px solid #505050;
 border-radius: 15px 0px 15px 0px;
  color: #ffffff; /*couleur de la police*/
  width: 175px; /*taille en largeur*/
}


        div.vertical_nav a.mainmenu {
        display: list-item;
        list-style:none;
  color: #FFFFFF;
  margin: -8px;
  font-family: Segoe Print; /*écriture des liens*/
 font-size: 15px; /*taille police*/

  text-align: center;
}


/*au survole*/
div.vertical_nav a:hover {
color: #000000; /*on ne met que la propriété qui change de sens le hover*/
  margin:-8px;
  width: 180px;
}

/*barre navigation verticale FIN*/

voilà ^^



“Vivre, c'est espérer et attendre.”
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://xlittletenshix.tumblr.com/


Coco-Lapin

PROFIL Masculin

✎ Blabla : 53
✎ PeaCPt's : 63
✎ Gif : Un petit gif de 190px,108px
PETIT +
MessageSujet: Re: Barre de navigation verticale   24.02.16 2:37

Merci je teste pas trop complquer
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

Barre de navigation verticale

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» phpBB2 : Avoir une barre de navigation verticale
» barre de navigation verticale
» barre-de-navigation-verticale
» Barre de navigation verticale
» Barre de navigation vertical

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
city of pub :: Entraides :: CSS & HTML-