Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje18-10-2012, 21:49 (UTC)    
Título del mensaje: Menu horizontal simple y elegante

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>




------
¿El codigo no funciona? Por favor de aviso a algun moderador haciendo click aqui
______________
Mi web - Todo tipo de ayuda para PWG
Mi perfil


Ultima edición por lautiito el Mie Nov 21, 2012 5:18 pm; editado 1 vez
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group