Revenir en haut Aller en bas
Forum Crea illusion Fantasy


Coucou,

Merci de nous rejoindre sur le forum, j'espère que l'on passera de bons moments ensembles.

Au plaisir de te lire dans les différentes catégories.

Le Staff du forum Crea illusion Fantasy.


Partagez|

Menu vertical

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage
avatar
Messages : 6157
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 54
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 9251
Admin

Ptite_Perle
18 - 16
MessageSujet: Menu vertical Sam 25 Avr 2015 - 22:17

Un menu vertical
[Vous devez être inscrit et connecté pour voir ce lien]

Code à insérer entre les balises head et /head
Code:
<style type="text/css">
/* CSS  */
#menu {
width: 200px;
padding: 0;
margin: 0;
list-style-type: none;
border-left: 8px solid #ffcc00;
}

ul, li {
list-style: none;
padding: 0;
margin: 0;
}

#menu li {
border-bottom: 1px solid #ffcc00;
}

#menu li a {
font-weight: bold;
font-size: 12px;
width: auto;
color: #000;
display: block;
padding: .7em 0;
text-indent: .8em;
text-decoration: none;
border-bottom: 1px solid #fff;
}

#menu li a:visited, #menu li a:active {
color: #000;
}

#menu li a:hover {
background-color: #f4f4f4;
background-position: -387px 0;
color: #000;
}

#menu li.der, #menu li.der a {
border-bottom-width: 0;
}

#menu li.der a {
padding: .8em 0;
}

#menu #current a {
background-color: #f4f4f4;
}
</style>

Code à insérer entre les balises body et /body
Code:
<!-- DEBUT  -->
<div id="menu">
 <ul>
 <li><a href="" title="">Menu 1</a></li>
 <li id="current"><a href="" title="">Menu 2</a></li>
 <li><a href="" title="">Menu 3</a></li>
 <li><a href="" title="">Menu 4</a></li>
 <li><a href="" title="">Menu 5</a></li>
 <li><a href="" title="">Menu 6</a></li>
 </ul>
</div>
<!-- FIN  -->
Revenir en haut Aller en bas
http://www.creaillusionfantasy.com/
AuteurMessage
avatar
Messages : 1312
Venue : 01/07/2009 Je suis: : Féminin
Né(e) le : 28/04/1952
Age : 65
Je vie à : Dijon
Humeur : Bonne Humeur
Mes Points : 2823
Admin

Mimi
18 - 16
MessageSujet: Re: Menu vertical Lun 27 Avr 2015 - 15:29
pour le code Perle
Revenir en haut Aller en bas
http://www.mimicreations.fr
AuteurMessage
avatar
Messages : 6157
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 54
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 9251
Admin

Ptite_Perle
18 - 16
MessageSujet: Re: Menu vertical Lun 27 Avr 2015 - 17:21
De rien mimi

Bisouss
Revenir en haut Aller en bas
http://www.creaillusionfantasy.com/
AuteurMessage
Contenu sponsorisé
18 - 16
MessageSujet: Re: Menu vertical
Revenir en haut Aller en bas

Menu vertical

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

Sujets similaires

-
» commande menu "Enregistrer"
» [resolu]mettre fichier dans le menu bar
» Menu création de variables
» [Résolu] Menu démarrer win xp (programmes en double)
» context menu strip

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum Crea illusion Fantasy  :: Sites web-