¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.


[CSS] Menu horizontal simple y elegante

2 participantes

 :: Webmaster de Foroactivo,PWG,Blogger,Wordpress,entre otros... :: Acerca de codigos

Ir abajo

[CSS] Menu horizontal simple y elegante Empty [CSS] Menu horizontal simple y elegante

Mensaje por Deryan 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]
Deryan
Deryan
Administrador
Administrador

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


https://mundocodigos.foroactivo.mx

Volver arriba Ir abajo

[CSS] Menu horizontal simple y elegante Empty Re: [CSS] Menu horizontal simple y elegante

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

gracias por el aporte
rubenfr
rubenfr
Nuevo Usuario
Nuevo Usuario

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


Volver arriba Ir abajo

Volver arriba

- Temas similares

 :: Webmaster de Foroactivo,PWG,Blogger,Wordpress,entre otros... :: Acerca de codigos

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