Quantcast
Channel: Eveletta ✿ Literary Blog!
Viewing all articles
Browse latest Browse all 169

Menú deslizante para tu blog.

$
0
0

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

Viewing all articles
Browse latest Browse all 169

Trending Articles