Tutorial:Menu 2 ♥ +Avisos


Hola chicas ,  primeramente losiento por no entrar estos dias, pues estube entretenida el sabado y domingo jugando mi juego favorito que se llama LoveRitmo ,pues como tengo una nueva computadora aora puedo jugarlo ,me envicie y me olvide de mi blog  mil disculpas.
Bueno les vengo a informar 3 cositas 



1.El sabado a Domingo jugare mi juego y Lunes A Viernes estare publicando mas cosas en el blog

2.El Concurso va aser cancelado ,la causa es que no hay participantes,quieren participar pero la mayoria no tienen mascotas ,y bueno pensare en otro concurso para que ustedes participen sin ningun problema.

 3.Los tutoriales,recursos,etc,que haga solo aceptare que lo publiquen en sus entradas si me piden permiso y deberan dar creditos,y los tutoriales pueden usarlo siempre y cuando den creditos n.n¡(Bueno esto ya habia dicho antes ,pero hay algunas personitas que no piden permiso,por eso lo vuelvo a repetir). Sino me molestare mucho 


 Bueno esos son todos los avisos  ¡Aora si empesamos con el tutorial ,es un menu que tiene efecto que al pasar el cursor adentro aparece una imagen y gira 360 ,para ver el efecto clic en :

Si les gusto sigan los siguientes pasos:
1 .Para las Plantillas Basicas (como la que yo uso) : Vallan a Diseño/Añadir un nuevo gadget/Javascript/Html
2.Para las plantillas Clasicas o Blogskins : Pegar en el sitio que deseen que este

<style>
a.menu {
background:#7BD5FF;
padding: 6px;
display: inline-block;
text-transform: uppercase;
font: 8pt trebuchet ms;
width: 75px;
text-align:center;
margin-bottom:10px;
color: #fff;
border: 2px solid #0594D7;
opacity:.8
}
a.menu:hover {
color:#1498D5;
background:url(Url de la Imagen);
background-size:410px;
background-position:30% 220px;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: 3.6s;
}
</style>
<center>
<a class="menu" href="Url de la pagina">Nombre de la Pagina</a>
<a class="menu" href="Url de la pagina">Nombre de la Pagina</a>
<a class="menu" href="Url de la pagina">Nombre de la Pagina</a>
<a class="menu" href="Url de la pagina">Nombre de la Pagina</a>
<a class="menu" href="Url de la pagina">Nombre de la Pagina</a>
</center>

Bueno despues de copiar el codigo remplazar todo lo que esta de colores
#7BD5FF:Color del fondo del menu
#fff:Color de la letra del menu
#0594D7:Color del borde del Menu
#1498D5:Color de la letra del menu al pasar el cursor
Url de la Imagen
Url de la pagina
Nombre de la Pagina
Bueno ponen guardar y listo , mas rato les traigo otro tutorial ,espero que me alcanse tiempo por que solo me queda media orita y de hay entrara mi hermana,ella tambien juega LoveRitmo,Bueno les esplicare despues de que trata loveritmo.jiji 

1 comentario :

  1. ahh que mal que tuviste que cerrar el concurso^^
    pero gracias por este bello menu..pero te tengo un pedido!!como pusiste esp de sigue leyendo?

    ResponderEliminar

Hola :3 Bienvenidos a Lunany-kawaii
Debera seguir las siguientes reglas:
-No insultos
-No spam
-Ni peleas
gracias ♥