Minyatur O_o

9ago/070

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.

PLAIN TEXT
HTML:
  1. <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.

PLAIN TEXT
HTML:
  1. <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".

PLAIN TEXT
CSS:
  1. <style>   
  2. a.scrollover {       
  3. /* Default Colour/Styles here */       
  4. color: #557AFF;   
  5. }   
  6.  
  7. a.scrollover em:first-line {       
  8. /* Rollover Colour/Styles here */       
  9. color: #FF5B3C;   
  10. }
  11. </style>

Visto en Webmasterlibre
Sitio oficial de Scrollovers

Archivado en: diseño, utilidades, webs Deja un comentario
Comentarios (0) Trackbacks (0)

Aún no hay comentarios.


Leave a comment

(required)

Aún no hay trackbacks.

» «

Entradas recientes

Leenos en tu email

Dirección de email:

Meta

Recomendados

Archivos