Bonjour,
Une Ame charitable pour m'aider à ajouter des sous-menu à mon menu pls?
HTML
<div id="warpper">
<div class="menu_simple">
<ul>
<li><a href="#">Accueil</a></li>
<li><a href="#">Jouer</a></li>
<li><a href="#">Serveur</a></li>
<li><a href="#">Communauté</a></li>
<li><a href="#">Boutique</a></li>
<li><a href="#">Support</a></li>
</ul>
<br /></div>
CSS
br {
clear: left;
}
.menu_simple {
width: 100%;
height: 79px;
margin-top: 100px;
margin-bottom: 100px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: url(imagens/navbar.png);
-webkit-box-shadow: 0 0 5px 0 #000000;
-moz-box-shadow: 0 0 5px 0 #000000;
box-shadow: 0 0 5px 0 #000000;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=5);
list-style: none;
}
.menu_simple ul {
text-align: center;
overflow: hidden;
height: 79px;
position: relative;
margin: auto!important;
left:-37px;
}
.menu_simple ul li {
display: inline-block;
margin: 0;
border-left: 1px solid rgba(0,0,0,0.5);
margin-left: -5px;
width: 150px;
}
.menu_simple ul li a {
height: 79px;
font-family: 'calibri', sans-serif;
text-transform : uppercase;
font-size: 17px;
text-align: center;
font-weight: 550;
text-decoration: none;
color: white;
-webkit-transition: all 700ms;
transition: all 700ms;
width: 150px;
display: inline-block;
line-height: 73px;
}
.menu_simple ul li:first-child {
border-left: none;
}
.menu_simple ul li a:visited {
color: white;
}
.menu_simple ul li a:hover{
color: #8ebc84;
background-color: rgba(0,0,0,0.3);
-webkit-transition: all 700ms;
transition: all 700ms;
}
Je cherche depuis 2-3 jours et impossible de trouver comment faire.. Merci d'avance.
