Scrollovers: una nueva forma de hacer vÃnculos
Interesante es esta forma de mostrar y resaltar aún más nuestros vÃnculos. El creador decidió llamarlo Scrollovers. Cuando pasamos el cursor por encima del enlace, este se va hacia arriba o hacia abajo (cuando lo sacamos).
Para usarlo sólo hay que poner entre las etiquetas <head></head> de nuestro template el siguiente código que enlaza al archivo js que está alojado en el sitio del creador. O podés descargarlos de acá y enlazarlo desde tu servidor.
HTML:
-
<script src="http://www.scrollovers.com/js/scrollovers.js" type="text/javascript"></script>
Después tenemos que poner la clase y tipo scrollovers al enlace que queremos tenga el efecto.
HTML:
-
<a href="tu_direccion" class="scrollover" type="scrollover">[TU TEXTO]</a>
La clase es para que podamos definir en una hoja de estilos, como va a ser nuestro vÃnculo y que cambios podrÃa tener en el estado "sobre".
CSS:
-
<style>
-
a.scrollover {
-
/* Default Colour/Styles here */
-
color: #557AFF;
-
}
-
-
a.scrollover em:first-line {
-
/* Rollover Colour/Styles here */
-
color: #FF5B3C;
-
}
-
</style>
