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

Barre de navigation verticale
Voir le sujet précédent Voir le sujet suivant Aller en bas

 :: Entraides :: CSS & HTML
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à ^^


Soyons extraordinaires ensemble, plutôt qu’ordinaires séparément.
Je veux mourir dans tes bras à 110 ans ou plus. Voila ce que je veux.
   

En savoir plus
Nombre de forum: 1
Emploi/loisir: ...
Un peu +:
Voir le profil de l'utilisateur
Féminin

✎ Citation : Chaque personne qu’on s’autorise à aimer, est quelqu’un qu’on prend le risque de perdre.
✎ Blabla : 1944
✎ PeaCPt's : 9729
✎ Musique du moment : Still loving you de Scorpion
✎ Livre du moment : Atom(ka) de Franck Thilliez
✎ Gif :
Revenir en haut Aller en bas
MessageSujet: Re: Barre de navigation verticale 24.02.16 2:37
Merci je teste pas trop complquer
Voir le profil de l'utilisateur
Masculin

✎ Blabla : 53
✎ PeaCPt's : 63
✎ Gif : Un petit gif de 190px,108px
Revenir en haut Aller en bas
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-
Sauter vers: