Efecto o menu para FRIENDS #2+ Chat OTAKUSALPODER!

Pretty Little Fashion ♡ | via Tumblr
Hola!Como andan?
Jeje yo estuve muuucho dibujando n.n
Hice bastante y bueno...
Estuve viendo y saqué este efecto! Espero que les guste!!

Ok empecemos!


Para conseguir algo simple solo pon este código en tu blog:

<center>
<a href="http://www.blogger.com/URL DEL BLOG" title="NOMBRE DEL BLOG"><img class="eliteaffies" src="http://4.bp.blogspot.com/-c8tiR8ycMl8/VAjBgWnE_MI/AAAAAAAAGPc/ZRMeFNkU8cI/s1600/Welcome%2Be%2BThe%2BEnd%2B9.png" /></a></center>
<center>
<a href="http://www.blogger.com/ URL DEL BLOG " title=" NOMBRE DEL BLOG "><img class="eliteaffies" src="http://i.imgur.com/mFb3MT9.png" /></a>
<a href="http://www.blogger.com/ URL DEL BLOG " title=" NOMBRE DEL BLOG "><img class="eliteaffies" src="http://i.imgur.com/0c0TpWN.png" /></a></center>
<center>
<a href="http://www.blogger.com/ URL DEL BLOG " title=" NOMBRE DEL BLOG "><img class="eliteaffies" src="http://4.bp.blogspot.com/-c8tiR8ycMl8/VAjBgWnE_MI/AAAAAAAAGPc/ZRMeFNkU8cI/s1600/Welcome%2Be%2BThe%2BEnd%2B9.png" /></a></center>


Editas ~

Rojo:Pega la URL  del blog
Verde: EL URL DE LA IMAGEN
Celeste: El nombre de tu amiga

Dale la forma que tu quieras a las imágenes!

Para agregar mas amigas solo antes del ultimo </center> pega:

<a href="http://www.blogger.com/ URL DEL BLOG " title=" NOMBRE DEL BLOG "><img class="eliteaffies" src="http://i.imgur.com/0c0TpWN.png" />

También puedes ponerle algún efecto a este tutorial! ^^
Este efecto le da tipo un rainbow (?

Para ponerlo solo debes ir a :

]]></b:skin>

Y pegar antes de el:

.eliteaffies{
-webkit-transition: all 0.7s ease-in;
-moz-transition: all 0.7s ease-in;
transition: all 0.7s ease-in;}
}
.eliteaffies:hover {
-webkit-transition: all 0.7s ease-in;
-moz-transition: all 0.7s ease-in;
transition: all 0.7s ease-in;}
img:hover {
filter: brightness(0.7) contrast(5) grayscale(1) hue-rotate(360deg) invert(0.1) saturate(7);
-webkit-filter: brightness(0.7) contrast(5) grayscale(1) hue-rotate(360deg) invert(0.1) saturate(7);
-moz-filter: brightness(0.7) contrast(5) grayscale(1) hue-rotate(360deg) invert(0.1) saturate(7);
-webkit-filter;(1);
-webkit-transition: all 0.7s ease-in;
-moz-transition: all 0.7s ease-in;
transition: all 0.7s ease-in;}
}
Y listo!! 
Ya tienes tu menu para FRIEND!
Espero que les sirva!

| Dudas en los comentarios |



imageimage

Ven al CHAT!
Clik en la imagen para ir!


BYEE!~


7 comentarios:

  1. Muy lindo el tutorial gracias por compartirlo ^^

    ResponderEliminar
  2. Tutorial perfeito... Nunca ouvi falar desse efeito. Sorte minha encontra-lo por aqui ^ ^
    || Doce Bunny ||

    ResponderEliminar
  3. Buen tuto :D gracias por compartirlo... Por cierto ya estás en mis afiliados :3 disculpa por la demora y también te sigo *-*

    ResponderEliminar

Hola! Si estas a punto de comentar me alegra mucho♥ Recuerda cumplir las reglas para evitar que borre tu comentario
~No digas malas palaras.
~No hagas SPAM.
~La afiliación se pide por la cbox o entrando en la pag de links
~Disfrutar porque es también tu lugar (^3^)/

HomeAfilieHelps 4 youPublicityLayouts Free