Menu: Lost Memory

2 de abril de 2014


Para colocar este menu en tu bloggie solamente debes ir a Diseño | Añadir gadget | HTML/JavaScript y pegar el siguiente código (para plantillas blogskins debes colocarlo debajo de </style> )

<style>
.rainbow {
  position: fixed;
  width: 80px;
  position:fixed;
  left: 200px;    top: 50px; }
/* Cajitas */
.cubito a{
  width: 48px; /* ancho de la caja */
  padding-top: 18px;
  padding-bottom: 18px;
  background: #ECF3F0; /* color de la caja */
  border: 2px solid #FAF8F3; /*  borde de la caja */
  font-family: arial;  /* fuente del texto */
  font-size: 11px; /* tamaño del texto */
  color: #222; /* color del texto */
  text-shadow: 1px 1px 1px #bbb; /* sombra del texto */
  text-decoration:none;
  text-align: center;
  display: inline-block;
  transition: .2s;
  margin:4px; /* separación entre las cajas */
}
/* Cajitas Hover */
.cubito a:hover{
  color:#666; /* color del texto*/
  width: 60px; /* ancho de la caja */
  text-decoration:none;
  text-shadow: none;
  transition: .2s;
  -webkit-animation: shadow 5s infinite; /* efecto de la sombra */
}
/* Gracias a thecircus-x.blogspot.com */
@-webkit-keyframes shadow {
0%   {box-shadow: inset 0px 0px 2px 2px #D6E5DF;}
25% {box-shadow: inset 0px 0px 4px 4px #D6E5DF;}
50% {box-shadow: inset 0px 0px 6px 6px #D6E5DF;}
75% {box-shadow: inset 0px 0px 4px 4px #D6E5DF;}
100% {box-shadow: inset 0px 0px 2px 2px #D6E5DF;}
}
</style>
<center>
<div class='rainbow'>
<div class='cubito'>
<a href="url">Home</a><br/>
<a href="url">About</a><br/>
<a href="url">Site</a><br/>
<a href='url'>Links</a><br/>
</div>
</div>
</center>

Ahora lo editas a gusto y ya está .. 

11 comentarios:

  1. Hermoso menú, lo pondré en práctica

    ResponderEliminar
  2. Queda muy lindo!, muchas gracias por este tuto! :)

    ResponderEliminar
  3. Qué lindo este menú así *.*
    ¡Otro tuto que me guardo! Jajajaja
    Saludos ^^

    ResponderEliminar
  4. Me encanta!!! Muchísimas gracas por compartirlo :) Saludos :D

    ResponderEliminar
  5. muy lindo tuto *o* gracias X3

    ResponderEliminar
  6. Genial!Era hora de nuevos Menus que no sea el de las cintas ese lo usan todos.Gracias!:D

    //Larita Itzumiki//
    (Lo usaré)

    ResponderEliminar
  7. uhh perdon por no pasar por aqui,tengo problemas serios con la PC..Bueno gracias por este precioso menu,quisas lo utilize¡¡

    saludos

    ResponderEliminar
  8. Gracias por este menu tan lindo n.n
    me encanta tu blog~Te sigo Saludos-

    ResponderEliminar
Muchas gracias por dedicarle tu tiempo a mi blog! Espero que la entrada te haya gustado y no dudes en dejar tu opinión en un comentario ♥ (Por favor no dejes spam)