Hola!Como andan?
Jeje yo estuve muuucho dibujando n.n
Jeje yo estuve muuucho dibujando n.n
Hice bastante y bueno...
Estuve viendo y saqué este efecto! Espero que les guste!!
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:
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:
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 |
Ven al CHAT!
Clik en la imagen para ir!
BYEE!~
Gracias por el tutorial :)
ResponderEliminargracias laurita por el tutorial
ResponderEliminarMuy lindo el tutorial gracias por compartirlo ^^
ResponderEliminarGracias por el tuto :),besos ^3^
ResponderEliminarbuen tutorial gracias
ResponderEliminarTutorial perfeito... Nunca ouvi falar desse efeito. Sorte minha encontra-lo por aqui ^ ^
ResponderEliminar|| Doce Bunny ||
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