Go to content Go to menu
 


 

Aqui les dejo todos los estilos en el arrey del CSS para darle un efecto a una foto. No voy a poder poner todas las fotos de ejemplo aqui por que se me van a mesclar y no se mirara el efecto de ejemplo. Si puedo ponerlas pero nesecita hacer una tabla y no tengo mucho tiempo, mejor les dejo unas links para que los chequen en otra ventana.

Estos rollovers son muy diferentes a los demas por que estos hacen todas las links de tu perfil con ese efecto y tambien las fotos de tus amigos y cualquier imagen que tengas en tu perfil.

Aqui les dejo la primer imagen para que vean como es. Pasa el raton sobre la imagen de abajo y tambien la link que esta abajo de la imagen.  Asi como miras el efecto se agregara a cualquier link de tu perfil y asta la barra de navegacion.

 

NOTA: este efecto solo se ve con el Internet Explorer y si traes el Mozilla Firefox u otro navegador solo podras ver el efecto en las links.

 

Pega el codigo que esta abajo en la seccion de CSS y elije Vista previa antes de salvar cambios.

 

YO SOY UNA LINK! PASA EL RATON SOBRE MI :)

 

Comiensa a abrir links abajo aver si encuentras una efecto que te guste y si alguien quiere hacer la tabla para poder poner todas las imagenes en esta seccion me dicen pero lo dudo jejeje bueno si tengo tiempo yo la hago pero por mientras comiensen a abrir links abajo.

 

Efecto de corazones

Sombra azul

Sombra morada con estrellas

Boltiar la imagen

Estrellas moradas

Quitarle el color

Sombra rosita

Orillas blancas

Obscureser las fotos

 

 

Es muy facil de lograr ese efecto por que yo mismo hise el codigo. Si quieres hacer el tullo aqui te dejo el codigo para que lo editas. Solo pon la link directa del GIF que vallas a usar alli donde te digo (la misma link en las 3 partes).
Si quieres checa unos gifs que tengo en esta seccion

/articles/gif-detras-de-tu-foto

 

 



a.navbar:hover{color:red;
font-weight:bold;background-image:url(link directa del GIF aqui y no borres los parentisis);}
a:hover, a.redlink:hover, a.navbar:hover
{background-image:url(link directa del GIF aqui y no borres los parentisis);
font-size:8pt; color:red; text-decoration:none; border:0px solid;}
a:hover img
{background-image:url(llink directa del GIF aqui y no borres los parentisis);
filter:alpha(finishopacity=50, style=2); border:0px solid;}