Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Simple Shadow menu Pure Css by Spastox
#1
[Imagen: isJsMOX4j7MjY.png]

Hola Señores Y Señoritas Hoy Les Traigo Este Simple Shadow Menu, No es Muy Bueno Pero Espero Que Les Guste n,n

Paso 1 - Css

El codigo CSS acomodara todo en su lugar y le dara un buen aspecto, para hacerlo simplemente copien siguiente codigo y peguenlo en donde tengan los estilos de su web, en el caso de blogger lo agregaremos arriba de "]]></bConfundidokin>"

Cita:.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);
}

Paso 2 - Html

Este Sensual Codigo Lo Pegaran Donde Quieran Que Este El Menu...Lengua

Cita:<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>

Paso 3 - ConfiguracionAstuto

Bueno Para configurar El Anchor y el largo del menu Vamos A La siguiente etiqueta ".menu-v1" una vez ahi buscamos "width" y "height" width es largor y height es anchor, y ya configuran los valores que tienen al frente a su gusto n,n


Nos vemos...


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  Modos de tema Fb Access: Login simple con el Facebook SDK y PHP cmascreativo 14 194 02-03-2018, 05:41 PM
Último mensaje: ArtuGar
  Fb Access: Login simple con el Facebook SDK y PHP cmascreativo 0 348 18-02-2016, 05:59 PM
Último mensaje: cmascreativo
  Botones Social Pure Css v2 By Spastox Spastox 2 450 25-04-2015, 06:48 AM
Último mensaje: garcon
  Dudas con Menu othgeg 1 518 10-04-2015, 01:53 AM
Último mensaje: joksan
  [PHP] Hacer un loop simple torgar22 0 545 28-02-2015, 02:47 PM
Último mensaje: torgar22
  Java | 4 operaciones basicas con menu de opciones warez 3 3,149 02-02-2015, 11:13 AM
Último mensaje: YamaT
  Efectos de sombra en los textos con text-shadow imgur 1 426 29-01-2015, 02:35 AM
Último mensaje: garcon
  script simple para embeber videos en sitio canpios 1 383 18-01-2015, 05:58 AM
Último mensaje: garcon
  Como hacer un menu horizontal con html5 y css3 torgar22 4 874 16-12-2014, 02:07 PM
Último mensaje: Demozz
  Menú horizontal con buscador expandible imgur 2 483 04-12-2014, 09:08 PM
Último mensaje: imgur



Usuarios navegando en este tema: 1 invitado(s)