11 oct. 2010

Brillo al pasar el cursor

Aquí respondiendo una consulta que nos hizo nuestra amiga que siempre nos visita Tomoyo *-* Han notado que al pasar el cursor sobre un link aparece un brillito??? como este por ejemplo http://i11.photobucket.com/albums/a168/evelynregly/minigifs/th_tres_brilhos.gif y en mi caso uso un background mas grande http://i31.tinypic.com/b67nyf.gif

Pues aquí les traigo la manera de hacerlo. Es muy fácil, sólo sigan estos pequeños pasos:

1.- Entrar al blog y entrar a Diseño y click en Editar HTML
2.- Control+F y buscan algo parecido a esto (cambia dependiendo de la plantilla, generalmente está casi al comienzo):
Nota: quiz{as no encuentren con control+F esto se debe porque los colores de mi blog son diferentes al suyo...les recomiendo buscarlo manualmente, es decir, bajando de a poco y poniendo mucho ojo!
a, a:visited {
color: #fc318a;

text-decoration: none;

}

a:hover {

color: #fc318a;

text-decoration: underline;


3.- Y luego le agregan lo siguiente (lo que está en rosado): a, a:visited {
color: #fc318a;
text-decoration: none;

}

a:hover {

color: #fc318a;

background: url(URL DE LA IMAGEN) repeat;

text-decoration: underline;

Dentro, donde dice URL DE LA IMAGEN, buscan algun gif,glitter, fondos, etc y lo colocan ahí, y listo! (antes de guardar recuerden ver en "vista previa")

4.- Pueden buscar brillos "googleando" la palabra "gif de brillos" y les saldrá unas cuantas páginas..que tengan éxito!!

12 comentarios:

  1. no :S no me sirvió, primero... no puedo encontrar eso de a a: visited etc, o como sea. y segundo, encontré algo parecido que no creo que sea y cuando pongo eso es exactamente lo mismo!

    ResponderEliminar
  2. perdón Priscila no me había percatado de tu comentario!!...
    Bueno te explico...Busca

    a:hover

    (generalmente se encuentra casi al comienzo de plantilla), esto significa como va a cambiar las letras cuando pasas el cursor....y abajo de eso colocas

    background: url (url imagen);

    dentro del paréntesis colocas la url de la imagen(como lo dice ahí). Si no funciona lo colocas entre comillas...

    background: url ('url imagen');
    background: url ("url imagen");

    éxitooo!!...me avisas cualquier cosa..

    ResponderEliminar
  3. perdón..no salió el código...lo escribo de neuvo

    a:_hover

    le puse un guión abajo para que no saliera el monito que salió antes...pero va SIN ESE GUIÓN...

    ResponderEliminar
  4. hola, lo que estoy buscando es que al pasar el curso por cualquier parte de la pagina tenga brillito,como puedo hacerlo, si pudieras responderme a cafrapn2@hotmail.com

    ResponderEliminar
  5. no puedo cambiarlo me sale asi:


    }

    a:visited {
    text-decoration:none;
    color: $(link.visited.color);
    }

    a:hover {
    text-decoration:underline;
    color: $(link.hover.color);
    }

    y ya lo intente de varias formas pero no :s tienes alguna solucion? te lo agradeceria mucho ^^

    ResponderEliminar
  6. No siver , tampoco pude buscar el codigo :(

    ResponderEliminar
  7. Linda, no me sirve. Creo que soy mas simio que el resto de los humanos, y no lo entiendo. Gracias.

    ResponderEliminar
  8. si a nadie le sirvio,te recomiendo que saques esta publicacion antes de que alguien intente ponerlo sin leer los comentarios.igual,yo boy a probar si me sala

    ResponderEliminar
  9. perdon,no si me sala,
    quice decir si me sale

    ResponderEliminar
  10. no me sirvio para nada :( no me sale eso de a, a:visited y lo busque ciento de veces

    ResponderEliminar

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
ir arriba