[CSS] Menu horizontal simple y elegante

Ir abajo

[CSS] Menu horizontal simple y elegante

Mensaje por Deryan el Jue Oct 18, 2012 10:20 pm

Este es un simpatico menu que hice en css, es sencillo pero queda bastante bien a mi gusto...

Código:
<style type="text/css">

#toronja {
padding: 0;
}

#toronja li {
display: inline;
}

#toronja li a {
font-size: 12px;
text-decoration: none;
float: left;
padding: 10px;
background-color: #ff8a0b;
color: #000;
border-right: solid 1px black;
}

#toronja li a:hover {
background-color: #fea545;
margin-top: -2px;
padding-bottom: 12px;
font-weight: bold;
}

/* ESTA CLASE SE LE AGREGA AL PRIMER < li > */
.claseli a {
border-left : solid 1px black;
}
</style>
Código:

<ul id="toronja">
   <li class="claseli"><a href="#">Link 01</a></li>
   <li><a href="#">Link 02</a></li>
   <li><a href="#">Link 03</a></li>
   <li><a href="#">Link 04</a></li>
   <li><a href="#">Link 05</a></li>
   <li><a href="#">Link 06</a></li>
</ul>

[Tienes que estar registrado y conectado para ver esa imagen]


[Tienes que estar registrado y conectado para ver esa imagen]


Hola Invitado, si eres nuevo por aqui te recomiendo leerte las [Tienes que estar registrado y conectado para ver este vínculo]

Mi nombre es Deryan soy:
[Tienes que estar registrado y conectado para ver esa imagen] Fundador y Administrador de MundoCodigos [Tienes que estar registrado y conectado para ver esa imagen]
para cualquier duda,sugerencia,queja,denuncia,se contacta con migo o crea un tema en este foro.
avatar
Deryan
Administrador
Administrador

Mensajes Mensajes : 134
MCoins MCoins : 1086725
Gracias Gracias : 8
Advertencia Advertencia : 100%


Ver perfil de usuario http://mundocodigos.foroactivo.mx

Volver arriba Ir abajo

Re: [CSS] Menu horizontal simple y elegante

Mensaje por rubenfr el Lun Oct 22, 2012 4:27 pm

gracias por el aporte
avatar
rubenfr
Nuevo Usuario
Nuevo Usuario

Mensajes Mensajes : 8
MCoins MCoins : 1062635
Gracias Gracias : 0
Advertencia Advertencia : 100%


Ver perfil de usuario

Volver arriba Ir abajo

Volver arriba


 
Permisos de este foro:
No puedes responder a temas en este foro.