18 marzo 2013

Menú deslizante para tu blog.


Este menú no sólo cambia de tono. Tiene un efecto deslizante bastante mono que, en realidad, me costó algo de trabajo lograr >0<


Bueno... ya saben:

1.- Diseño > Plantilla > Edición HTML.
2.- Presionar Ctrl + F.
3.- Buscar ]]><
4.- Justo arriba de eso, pegas:
.menueveletta {
margin-top:150px; 
background: #A0A0A0;
font-size: 18px;
font-family: Playball; 
color: #FFFFFF;
text-align: center;
float: center;
margin: 5px;
margin-bottom: 1px;
-webkit-transition-duration: 0.8s;
-webkit-box-shadow: 0 50px 0px #000000 transparent;
padding: 8px;
width: 45px;
border-radius: 10px; 
border-top: 2px solid #000000;
.menueveletta:hover {
border-radius: 10px;
-webkit-transition-duration: 1.8s;
box-shadow: 0px 100px 0px #535353inset;
border-top: 2px solid #000000;
}


5.- Guardas.
6.- Ve a Diseño y agregas un nuevo Gatget de HTML/JavaScript. Le pegas esto ahí:

<center>
<div class="nav">
<a href="URL" class="menueveletta"><font color="#fff">NAME</font></a>
<a href="URL" class="menueveletta"><font color="#fff">NAME</font></a>
<a href="URL" class="menueveletta"><font color="#fff">NAME</font></a>

</div>
</center>

6.- Donde dice URL le pones... pues la URL de tu página (por ejemplo "Reseñas"). Donde dice NAME, le pones el nombre de la página.
7.- Si quieres agregar otra pestaña de opción, le pegas esto:

<a href="URL" class="menueveletta"><font color="#fff">NAME</font></a>

Espero que les sea de utilidad (:

7 comentarios:

  1. Esta muy bonito, pero sigo sin entender eso de "]]><", es decir ¿como y donde se pone?

    ResponderEliminar
    Respuestas
    1. Sara, luego de abrir la plantilla a edición HTML, le aprietas a "Ctrl+F", y buscas "]]><". Y arriba de eso, le pegas lo que está abajo.
      A ]]>< NO le muevas nada.

      Eliminar
    2. O.o gracias! lo intentare!

      Eliminar
    3. P.D. y si me aparece 0-0 ???

      Eliminar
  2. Queee bieeen! Es justo li que necesitaba :)

    ResponderEliminar
  3. Esta muy útil! Lo usare cuando mis blogs tengan mas pestañitas... Xd no uso muchas x_x
    Gracias

    Besos!

    ResponderEliminar
  4. no sabes como buscaba hacer un menu deslizante hasta ahora ni menu tengo , pero pronto usare el tuyo , gracias :3

    ResponderEliminar

Los comentarios son bonitos, porque te hace saber que no hablas sola, sino que hay alguien allá, leyéndote, sin embargo, los comentarios con lenguaje inapropiado, o un spoiler sin sentido, no serán publicados.
Gracias.