Annyz-BlOg : Menu Cute Efecto Electric
para COPIAR los codigos usa la tecla Ctrl + C y para PEGAR usa la tecla Ctrl + V gracias :) El Blog Se visualiza mejor con Google Chrome..

13 diciembre 2012

Menu Cute Efecto Electric



JelOw chicas traigo un nuevo 



Para ponerlo en tu blog copia este codigo y pegalo antes de ]]></b:skin>

/* Menu Electric by Annyz Blog */
.electric {
background:#EDC1FF;
padding:4px;border-top:1px solid:#FFABD7;
border-bottom:1px solid #eee;
margin-bottom:0px;
text-shadow:1px 1px 1px #FFABD7;
font:11px verdana;color:#FF0D7A;
-webkit-transition:all .50s linear;
-moz-transition:all .2s linear;
transition:all .90s linear;
-moz-border-radius: 35px;
border-radius: 35px;
}
.electric:hover {
background:#FFF9AF;
padding:4px;border-top:1px;
padding-left:40px;
text-shadow:100px 1px 1px #FF0D7A;
font:11px verdana;color:#26B0FF;
filter: hue-rotate(190deg); -webkit-filter: hue-rotate(360deg);
-moz-filter: hue-rotate(360deg);
    -o-filter: hue-rotate(360deg);
    -ms-filter: hue-rotate(360deg);
-webkit-transition-duration: 0.20s;-webkit-border-radius: 3px;
-moz-border-radius: 35px;
border-radius: 35px;

das guardar.

notita: puedes personalizar los colores como el fondo de los barras y el color de los textos y su sombra.

Ahora ve a Diseno, abre un gadget html/javascript y pega el siguiente codigo:



<div class="electric"><a href="LINK DE TU ENLACE">Categoriat</a></div>
<div class="electric"><a href="LINK DE TU ENLACE">Categoria</a></div>
<div class="electric"><a href="LINK DE TU ENLACE">Categoria</a></div>
<div class="electric"><a href="LINK DE TU ENLACE">Categoria</a></div>

remplaza donde dice link de tu enlace por la direccion de tu entrada.




17 comentarios:

  1. Qué buen tuto annyz! puedo poner el menu en mi blog? >.<

    ResponderEliminar
  2. Oww Amore amore que LiindUu! Morii Lo pondré Ya en mi blogUie esta requete Chido >w<
    Cha cha Bss♥

    ResponderEliminar
  3. Gracias Annyz!! me encanto mucho!! lo pondre en mi bloguii n_n!!

    Bss♥

    ResponderEliminar
  4. *O* que genial! se ve muuuuuy kawaii!!! *O*
    ajnsjknrf intentaré ponerlo! muchas gracias Annyz ^^

    ResponderEliminar
  5. Que Geniial esta!*-*
    Muchas gracias *o*

    ResponderEliminar
  6. hola annyz quisiera darte algo:http://snow-manblogkawaii.blogspot.com/2012/12/diploma-annyzkaryla-casita-los-kawaii-y.html

    ResponderEliminar
  7. Gracias Annyz por el tuto lo pondre pronto

    ResponderEliminar
  8. waaaaaaaaaaaaaaaaaaa me encanto !!!!!
    electric me suena a una cancion
    electric boy dua dua dua eoh eoh
    de kara mi grupo fav de kpop :D
    deverias escucharlo
    oye puedo husarlo desp de la navida quitare mi diseño navideño por uno normal jejejeje
    felices fechas

    ResponderEliminar
  9. Anny amor gracias por este tutorial! Muy original como siempre! ...justo algo asi andaba buscando para algo que necesito hacer! Gracias, gracias!!!!

    Annyz una pregunta, donde puedo conseguir imagenes como las que estas agregando en tus entradas!!! Ya vi un enlace que dejaste pero esas son muy claritas para lo que quiero, quisiera asi pero mas coloridas, como las que tus usas que son en ese mismo tenor pero son mas coloridas!
    Mil gracias amor por todo tu esfuerzo!!!
    Besos!

    ResponderEliminar
    Respuestas
    1. hola nena si mira la mayoria de las imagenes las encuentro en tumblr osea pongo en google tumblr christmas y salen un monton de pag con esas imagenes n.n saludos

      Eliminar
  10. Muchas graicas!! Es realmente muy bonito... lo puse en practica
    Aqui esta mi blog si quieres ver n_n http://darkangelnagatsuka.blogspot.com/

    ResponderEliminar
  11. Cuando presiono Ctrl y f pongo el codigo y me dice 0 de 0 encontradas y me pasa con todo por favor ayudameeee!! :(

    ResponderEliminar
    Respuestas
    1. sabes lo que pasa es que el formato de la plantilla osea el codigo ya esta algo diferente al de antes.. si te fijas ahora tiene como unas flechitas negras tienes que darle clic a las flechitas y asi se extiende el codigo.. te explico con esta imagen

      http://i1221.photobucket.com/albums/dd461/kawaii_annyz/tuto.png

      copia la direccion y pegala en tu navegador y ahi te explico que debes hacer.. saludos :)!

      Eliminar