miércoles, 10 de abril de 2013

Tutorial: Un Menu sencillo Para Vuestro Blog *-*

Olaa personitas!
Aquí les traigo un pequeño tutorial para poner un menu en su Blog ^^

si tienen alguna duda .. Ps comenten y pregunten Smile12

si les gusto o lo quieren probar aqui el codigo :3
Para los que usan la plantilla clasica : poner el codigo siquiente antes de<head>
Para los que usan diseñador de plantilla ir a Diseño/añadir gadget/HtmlJavacripty pegar el codigo 
(por aora probe en ese modo nada más)



<style>
a.you{
width:13px;
display:inline-block;
color:#fff;
text-align:left;
padding:2px;
overflow:hidden;
height:18px;
text-decoration:none;
padding-left:7px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
font-family:calibri;
margin:5px;
font-size:12px;
border-radius:333px;
}

a.you:hover{
width:80px;
{
</style><br />
<br />
<div style="position:fixed; top:200px;left:20px;"><br />
<a class="you" style="background:#FEB3B3;" href="LINK"> <span style="padding-right:10px;font-size:16;"></span>Name</a><br />
<br />
<a class="you" style="background:#FF9DAC;" href="LINK"> <span style="padding-right:10px;font-size:16;"></span>Name</a><br />
<br />
<a class="you" style="background:#FEB3B3;" href="LINK"> <span style="padding-right:10px;font-size:16;"></span>Name</a><br />
<br />
<a class="you" style="background:#FF9DAC;" href="LINK"> <span style="padding-right:10px;font-size:16;"></span>Name</a><br />
<br />
</div>

</style>
Name:Nombre de la entrada o pagina
LINK:URL de la pagina o entrada
#FF9DAC:Color de fondo

Espero que les guste Smile10
Y que sobretodo .. Os haya servido de Ayuda

0 comentarios:

Publicar un comentario