¿Supiste lo que acaba de lanzar LagriHost? Sí, como lo estabas esperando, ahora vendemos Web Hosting y Dominios. Conoce más :)


Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
TUTORIAL Simple Shadow menu
#1
0
Hola gente les traigo un menu muy simple espero les guste

Codigo Css

Código:
.menu-v1{
background-color: #333333;
border-top: 3px solid red;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 1);
position: relative;
margin: 0;
padding: 0;
width: 536px; /* ANCHURA MENU*/
height: 60px; /* ALTURA MENU*/
}
.menu-v1 ul{
margin:0;
padding: 0;
list-style: none;
}
.menu-v1 ul > li{
position: relative;
display: block;
float: left;
font-family: Century Gothic;
font-size: 12px;
}
.menu-v1 li > a{
display: block;
color: #FAFAFA;
text-shadow: 0 0 12px #222222, 0 -1px 0 #000000;
text-decoration: none;
height: 18px;
padding: 21px 30px;
border-right: 1px solid #000;
border-left: 1px solid #494949;
}
.menu-v1 li:first-child a{
border-left: none;
}
.menu-v1 li:last-child a{
border-right: none;
}
.menu-v1 li > a:hover{
background-color: rgba(126, 126, 128, 0.31);
}

Codigo Html

Código:
<div class="menu-v1">
<ul>
<li><a href="">Home</a></li>
<li><a href="">Historial</a></li>
<li><a href="">Contacto</a></li>
<li><a href="">Soporte</a></li>
<li><a href="">Apoya</a></li>
</ul>
</div>


DEMO

I PROGRMAER

#2
0
muy interesante, lo utilizaré en mi sitio
la música nó se escucha con los oídos, sino con el corazón

#3
0
Se ve muy elegante el menú amigo me gusto Sonreir
Gracias.

#4
0
(05-02-2014, 05:58 PM)Sorss escribió: Muy bueno está, tu eres el que lo ha diseñado?

Si bro, son diseños muy sencillos Sonreir



Posibles temas similares…
Tema Autor Respuestas Vistas Último mensaje
  [PHP] Hacer un loop simple torgar22 0 1,809 06-04-2015, 04:38 PM
Último mensaje: torgar22
  [PHP] Hacer un loop simple torgar22 2 2,510 03-03-2015, 12:22 AM
Último mensaje: Samo30
  Menu horizontal con html5 y css3 torgar22 0 1,908 24-11-2014, 12:03 PM
Último mensaje: torgar22
Paleta {Codigo CSS} Menu Lateral danesth 2 2,501 09-11-2014, 03:17 PM
Último mensaje: Frankqoo



Usuarios navegando en este tema:
1 invitado(s)


Forum software by © MyBB Theme © Kevinex & iAndrew 2018