☆彡 Link Hover
domingo, 12 de febrero de 2012 @ 16:58
Quieres un efecto diferente al pasar el cursor sobre los link? Pues es algo muy sencillo de hacer, sólo deben seguir los siguientes pasos:
1.- Plantilla, en el código html aparecerá algo parecido a esto, lo importante es que diga
a:hover
a:hover {
color:$titlecolor;
text-decoration:none;
}
2.- Deben agregar background:url(URL IMAGEN) ;background-repeat: quedando de esta manera:
a:hover {
color:$titlecolor;
background:url(URL IMAGEN) ;background-repeat:
text-decoration:none;
}
3.- En el lugar dónde dice URL IMAGEN colocan el url de la imagen que deseen y lo guardan :D
Aquí tienen algunos efectos de diferentes colores.Suerte.-
NEGRO/BLACK
http://i1160.photobucket.com/albums/q484/koniiwa/black-hover.gif
ROSADO/PINK
http://i1160.photobucket.com/albums/q484/koniiwa/pinkhover-happyy-stop.gif
ROSA&AMARILLO/PINK&YELLOW
http://i1160.photobucket.com/albums/q484/koniiwa/pnyhover-happyy-stop.gif
MORADO/PURPLE
http://i1160.photobucket.com/albums/q484/koniiwa/purplehover-happyy-stop1.gif
ARCOIRIS/RAINBOW
http://i1160.photobucket.com/albums/q484/koniiwa/rainbowhover-happyy-stop.gifEtiquetas: Link Hover, Tutorial
◀ HOME
▶
http://yourblog.blogspot.com/