Tutorial♥Menu Flotante

Hi mis Linduras!!Ok aquí os traigo un nuevo Menu(bueno se que es mi primer menu pero bueno(?)

Como verán hoy esta lloviendo por lo menos por aquí

Os invito a participar♥Clik aquí

Y a ver mi nuevo blog si te gusta solo síguelo ♥Clik y entra!

Bueno el tutorial es muy facil bueno para mí para ver el tutorial entra a

mi blog de pruebas♥

Ok ahí esta todo El menu que tengo claro que son cuatro pero puedes poner más ahora te dejo el código y te enseño♥

Para primer paso tienes que ir a:

Escritorio►Diseño►HTML/Javascript►Copiar lo siguiente

Tendrás que copiar en donde puedes poner el texto lo siguiente:

<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:#FF8888;" href="Link de la entrada o pagina♥"> <span style="padding-right:10px;font-size:16;">+</span>Nombre de la sección</a><br />

<br />

<a class="you" style="background:#FFBBBB;" href="Link de la entrada o pagina♥"> <span style="padding-right:10px;font-size:16;">+</span>Nombre de la sección</a><br />

<br />

<a class="you" style="background:#9BF1D2;" href="Link de la entrada o pagina♥"> <span style="padding-right:10px;font-size:16;">+</span>Nombre de la sección</a><br />

<br />

<a class="you" style="background:#5EDFC9;" href="Link de la pagina o entrada♥"> <span style="padding-right:10px;font-size:16;">+</span>Nombre de la sección</a><br />

<br />

</div>

Lo pegás y listo♥

Lo que está en color rojo es:El color de cada botón

Lo que está en Azul es:El link de la pagina tuya ejemplo:Y Inicio

Lo que esta en verde:El nombre de cada sección!

Ok espero que te haya servido y bueno Besitos Ya traeré más menus♥Besitos!

Si usas el código créditos a Mí y a X

Editado por mí código de ella