Lunany-kawaii: Tutorial :Menu kawaii ♥

Hola :3 com estan ,hoy estoy apurada,tengo que ir a tomarme foto para mi DNI ,pero antes les dejo un tutorial un menu muy lindo

aqui la muestra :

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/HtmlJavacript y pegar el codigo

(por aora probe en ese modo nomas)

Bueno eso es todo

<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

Bueno eso es todo :3 espero que les salga bien ,por que lo toy asiendo rapidito y nose si copie algo mal n.n¡

Tutorial :Menu kawaii ♥

No hay comentarios :

Publicar un comentario