Efecto Scrollovers para tus enlaces | La Buhardilla Pixel

Efecto Scrollovers para tus enlaces

Actualizaciones, HTML-CSS, Tutoriales

Posted on Septiembre 18th, 2008

Written by Xana

Related Posts
Tags
CSS, HTML, Novedades
De una forma muy sencilla, con un simple scrip, puedes dar este efecto muy original a tus enlaces.
Ejemplo:

AQUI

Descarga el archivo scrollovers.js

LLamas el scrip entre los tags head

<script type=”text/javascript” src=”http://www.scrollovers.com/js/scrollovers.js”></script>

Añades los siguientes codigos a la css:

a.scrollover {
/* Default Colour/Styles here */
color: #DAE0D2;
}
a.scrollover em:first-line {
/* Rollover Colour/Styles here */
color: #4b4ddd;
}

Y el siguiente codigo en los enlaces que quieras que aparezca el efecto:

<a href=”http://www.xanarts.com/” class=”scrollover” type=”scrollover”>:: La Buhardilla Pixel ::</a>

Este efecto es compatible: Firefox 2.0, Internet Explorer 7, Internet Explorer 6, Internet Explorer 5.5, Safari 3 (Windows) y Opera 9

Fuente: www.scrollovers.com

-
¿Te ha gustado? Compartelo:
Etiquetas: Actualizaciones, CSS, HTML, HTML-CSS, Novedades, Tutoriales

Entradas relacionadas
- Tutoriales/Listado (0)
- Tutorial Galeria, solo con CSS (20)
- Tutorial Calendario Halloween 2008 (12)
- Links (0)
- Iframe dinamico, tutorial (27)
- Carrusel, tutorial en PHP (17)
- Tutorial: Comenzando con HTML y CSS (7)
- Tutorial calendario Navidad 2008 (17)
- Suprimir el subrayado de los links (4)
- Scrip “Link Me” (8)
This entry was posted on Jueves, Septiembre 18th, 2008 at 9:19 am and is filed under Actualizaciones, HTML-CSS, Tutoriales. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
6 Comments

Take a look at some of the responses we've had to this article.
1. Bitacoras.com
  
  Posted on Septiembre 18th
  
  Información Bitacoras.com…
  
  Si lo deseas, puedes hacer click para valorar este post en Bitacoras.com. Gracias….
2. Navegante
  
  Posted on Septiembre 18th
  
  Gracias por los codigos me seran de mucha utilidad.
3. Triana
  
  Posted on Septiembre 18th
  
  Ta chuli, ya me dirás jefa si lo has probado y no da problemas.
  
  Último post en la Web de …Triana…Nuevo Tutorial en La Buhardilla.
4. Lola
  
  Posted on Septiembre 18th
  
  Que originallllll esta estooooooooo graciassss :46:
  
  Último post en la Web de …Lola…Vicente Blasco Ibáñez
5. Fiat
  
  Posted on Septiembre 19th
  
  Se ve super el efecto!, gracias Xana :27:
6. Graciela
  
  Posted on Septiembre 19th
  
  Que bueno está!!!!!! Como siempre trayendo novedades fantásticas!ª!!!
Post a Comment

Let us know what you thought.
Name:

Email (required):

Website:

Message: