Slider

espacios slider









23 nov. 2014

Tutorial: Menú Piano Hover


Hola! que tal se encuentran?  ya se esta acabando el finde .. no quieroo espero que les vaya mejor que a mí porque ya empiezo los exámenes  y bueno bueno hoy les traigo este tuto espero que les sirva~



1º Edicion HTML
2º Buscar :]]></b:skin> y antes de eso pega

/* 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;

Nota: El símbolo # es para cambiar el color 

3º Diseño y añadir gadget Javascrip y pega este código

<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>
<div class="electric"><a href="LINK DE TU ENLACE">Categoria</a></div>

Espero que les guste este tutorial besotess~ 



5 comentarios:

  1. Esta hermoso!Me alegro de que estes de nuevo publicando!
    Viejos tiempos en quie me hacias todas tus ediciones sigues con ellas?
    Responde en mi Blog porfi!Gracias!
    Besitos Shori y suerte en tus examenes!

    ResponderEliminar
    Respuestas
    1. Volví hace poquito ^^´ y espero estar por mucho mas tiempo :´) ya me pase por tu blog esta muy lindo ;)

      Eliminar