Go to content Go to menu
 


Si no sabes que es un effecto hover aqui te explico.

Un efecto hover es cuando pasas el raton sobre una imagen y se cambia a otra o hace un efecto y eso es lo que vamos a lograr con estos codigos.

Es muy simple de hacer esto, lo unico que tienes que hacer es poner la link directa de la otra imagen alli donde te digo.

Aqui les dejo una link de un gif que creo que le va a gustar a alguna chica.

http://i41.tinypic.com/35jh18i.gif

 

Aqui les dejo los codigos, todos van en la seccion de CSS.

 

Imagen principal

div.basicInfoModule div.photo a:hover img {filter:alpha(opacity=70); opacity:0.7; -khtml-opacity:0.7; }
div.basicInfoModule div.photo a:hover {display:block; background-image:url(aqui pones la link directa de la otra foto.... no borres los parentisis solo las letras);}

 

Las 3 fotos que aparesen

div.basicInfoModule div.profileDemographics a:hover img {filter:alpha(opacity=70); opacity:0.7; -khtml-opacity:0.7; }
div.basicInfoModule div.profileDemographics a:hover {display:block; background-image:url(aqui pones la link directa de la otra foto.... no borres los parentisis solo las letras);}

 

Las fotos de tus amigos

div.friendSpaceModule ol.moduleList li a:hover img {filter:alpha(opacity=70); opacity:0.7; -khtml-opacity:0.7; }
div.friendSpaceModule ol.moduleList li a:hover {display:block; background-image:url(aqui pones la link directa de la otra foto.... no borres los parentisis solo las letras);}

 

Las fotos de tus amigos en los comentarios

div.commentsModule ul.moduleList li a:hover img {filter:alpha(opacity=70); opacity:0.7; -khtml-opacity:0.7; }
div.commentsModule ul.moduleList li a:hover {display:block; background-image:url(aqui pones la link directa de la otra foto.... no borres los parentisis solo las letras);}

 

Comments

Add comment

Overview of comments

There have not been any comments added yet.