0
COMPARTO UN MENU DE MI AUTORIA UTILICENLO COMO DESEEN.
UN POCO SIMPLE pero valioso en la navegación simple
CSS
Código:
/* ID y Class se encuentrar aquí */
#sidebar {
float:right;
width: 304px;
height: auto;
background-color:#000;
border-top:solid 2px #FFF;
}
.sidebarmenu li a:hover {
background-color: #FFFF00;
}
.sidebarmenu2 li a {
font-family:"Bebas Neue";
font-size:20px;
background-color:#fff;
display: block;
color: #000;
padding: 5px 15px;
text-decoration: none;
text-align:center;
}
/* primera propiedad */
.sidebarmenu2 li:first-child {
background-color:#000;
color:#FFF;
font-family:"Bebas Neue";
font-size:30px;
text-align:center;
padding: 8px 10px;
}
HTML
Código:
<div class="sidebar menu">
<ul class="sidebarmenu2">
<li>MENU ABSTRACTO</li>
<li><a href="">Simuladores</a>
</li>
<li><a href="">JUAN</a></li>
<li><a href="">JUAN</a></li>
<li><a href="">JUAN</a></li>
</ul>
</div>