slider

C-box ¿Alguna duda?
Aqui va el código de tu c-box

Top comentaristas

sábado, 1 de junio de 2013

Menú Square

Hola a todos, este es otro pedido. Se trata del menú que tengo yo en la cabecera. Me lo pidió Mia, y aqui se lo traigo. Hay diferentes tipos, pero haremos este (es el menu de color verde... aunque es el único menu que hay xD)


Antes de </body> ponemos:
<style>.MENUsquare { /* BORDE TOP */
font-family: arial;
font-size: 11px;
text-transform: uppercase;
padding: 10px;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
overflow: hidden;
text-align: center;
border-top: 0px solid #81F7BE;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
}
.MENUsquare:hover { /* BORDE TOP HOVER */
border-top: 0px solid #81F7BE;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.MENUsquare a { /* LINKS */
background: #81F7BE;
color: #fff;
text-decoration: none;
    padding: 50px; 
text-shadow: 0px -100px 1px #FFF;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
.MENUsquare a:hover { /* LINKS HOVER */
background: #BBE7D9;
color: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
</style>
<div class='MENUsquare'>
  <a href='http://nombredetublog.blogspot.com'>Home</a>
<a href='URL'>AFiliación</a>
<a href='URL'>Tutoriales</a>
<a href='URL'>Recursos</a>
<a href='URL'>Concursos</a>
</div>
Para cambiar el fondo cambiamos los códigos de background, y el colore del link es el que pone #fff. 

10 comentarios:

  1. Gracias!!!! esta muy bello el menu *O* y sobre el concurso, perdon lo habia olvidado!! Gomene Gomene!!!! D:

    muchos saludos y se cuida!!

    ResponderEliminar
    Respuestas
    1. Naah, da igual :3 Me alegro que te guste el menú ^^

      Eliminar
  2. Waaa gracias *0* Lo pondré en mi nuevo diseño :3

    ResponderEliminar
    Respuestas
    1. Que guay ^^ Un nuevo diseño? Que bien estoy impaciente!!

      Eliminar

Tutoriales Recursos
Descargas Afiliados
Afilianos Reflexiones
Dibujo Historias