MENÚ stars

Feliz 2014, gente!

     Dado que aún estoy de vacaciones, estoy aprovechando para hacer todo aquello que amo (y que la escuela, entre otras cosas, no me lo permiten), como diseño, por ejemplo.
     Este menú que hice, es muy simple de utilizar y tiene un estupendo efecto.

     BIEN, ¿CÓMO LO UTILIZO?




     Ante nada, debo decir que he deshabilitado la opción de copiar (cofcofplagioscof), la parte buena, es que no interfiere para que puedan tomar los códigos. La manera en que deben hacerlo, es seleccionando el código dentro de la caja, luego le das a CTRL + C y lo tendrás copiado. Fácil, ¿cierto?

PASOS:

• Ve a Plantilla >> Editar HTML.
• Cuando se abra la plantilla, aprieta Ctrl + F y busca ]]></b:skin>
• Justo antes de eso, pega el siguiente código:

/*----- MENU STARS by EVELETTA ----------------------------------------------------------*/ .efectev{-webkit-animation: fadeIn 5s;-moz-animation: fadeIn 5s;-ms-animation: fadeIn: 5s; -o-animation: fadeIn 5s;} @-webkit-keyframes ejbcev {from {padding-left: 38px; opacity: .50;} to {padding-left: 90px; opacity: .99;}} #ejbcev {background: #f0f0f0 url(http://i959.photobucket.com/albums/ae76/GMond_Eveletta/Recursos/star_zps6ce82729.png) left center no-repeat; border-right: 2pt solid #000; border-bottom: 1pt solid #000; height: 15px; margin: 1px; margin-bottom: 2px; color: #000000; display: block; padding: 8px 3px 4px 38px; font-size: 10px; font-weight:bold; text-transform: uppercase; text-align:left; text-shadow: 1px 1px 1px #eee; border-radius: 2px; -moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} #ejbcev:hover {text-decoration: none; -webkit-animation-name: ejbcev; -webkit-animation-duration: 800ms; -webkit-animation-iteration-count: 1; -webkit-animation-direction: alternate;} #ejbcev a{color: #000;text-decoration:none;} #ejbcev b{color: #000;}} /******************************************************/ /*************NO RETIRES LOS CRÉDITOS*****************/ /***********[http://Eveletta.blogspot.com]***********/ /***************************************************/

• Guarda la plantilla y sal.
• Ve a Diseño y agrega un nuevo gatget HTML. Pega el siguiente código:

<a href="URLS"><div id="ejbcev">Primera opción.</div></a> <a href="URLS"><div id="ejbcev">Segunda opción.</div></a> <a href="URLS"><div id="ejbcev">Tercera opción.</div></a> <a href="URLS"><div id="ejbcev">Cuarta opción.</div></a> <!--NO RETIRES EL LINK AL BLOG EVELETTA, POR FAVOR--> <a href="http://Eveletta.blogspot.com"><div id="ejbcev">Eveletta.</div></a>

Donde dice URLS, reemplazarlo con tu lazo. Donde dice Primera Opción, segunda Opción, etc., escribes el nombre de tu página o entrada. Con esto, tu menú estará listo. Si quieres agregarle una opción más, sólo pon esto:

<a href="URLS"><div id="ejbcev">Opción extra.</div></a>

Eso es todo. ¿Verdad que es sencillo?
Sólo... POR FAVOR: el último código, donde tiene el link a este blog, por favor, no se lo quites.

Si tienes algún problema o alguna duda, me dices y ate ayudo :)