Hana-Sama
Admin
 
Messages : 73
Date d'inscription : 06/01/2013
Age : 25
 |  Sujet: Libre Service d'Hana (codage) Dim 20 Jan - 15:14 | |
|
Code Libre Service
Menu Déroulant Voici ce que ça donne
Dans Affichage > Images et couleurs > Couleurs > Feuille de style CSS
Vous mettez ceci :
- Code:
-
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
display: block;
height: 1%;
color: #223645;
background: #B5335B;
margin: 0;
padding: 4px 8px;
border-right: 1px solid #fff;
text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #FFA3BF; }
#menuDeroulant li a:active { background-color: #FFA3BF; }
#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
display: block;
color: #223645;
margin: 0;
border: 0;
text-decoration: none;
background: transparent url("fondTR.png") repeat;
}
#menuDeroulant .sousMenu li a:hover
{
background-image: none;
background-color: #FFA3BF;
}
#menuDeroulant .sousMenu li
{
float: none;
margin: 0;
padding: 0;
border: 0;
width: 149px;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
}
#menuDeroulant .sousMenu
{
display: none;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
}
#menuDeroulant li:hover > .sousMenu { display: block; }
Puis dans votre sujets...
Ceci :
- Code:
-
<ul id="menuDeroulant"> <li> <a href="#">Menu 1</a> <ul class="sousMenu"> <li><a href="#">sous-menu</a></li> <li><a href="#">sous-menu</a></li> <li><a href="#">sous-menu</a></li> </ul> </li> <li> <a href="#">Menu 2</a> <ul class="sousMenu"> <li><a href="#">sous-menu</a></li> <li><a href="#">sous-menu</a></li> <li><a href="#">sous-menu</a></li> <li><a href="#">sous-menu</a></li> <li><a href="#">sous-menu</a></li> </ul> </li> [autres] </ul>
| |
|
