lunes, 14 de marzo de 2011

Decora tus links con brillitos

Este truquito me encanto *.* , lastima que mi plantilla no tiene asi el codigo y nu se donde ponerla -_- pero buenoo para las que si tienen asi el codigo sus links quedara hara que todos tus links se miren lindos *.* veras que es muy facil solo sigue bien los pasos...!!



mira en mi nuevo >>>> blog de pruebas xD !!



ve a Plantilla/Edición de HTML y busca el siguiente codigo:





a:link {

color:#0000ff;

text-decoration:none;

}

a:visited {

color:#006600;

text-decoration:none;

}

a:hover {

background:url(aquí la direccion o url de tu imagen);

color:#ff3300;

text-decoration:underline;

}





añades justo abajo de a:hover { la linea que esta de color morado y entre los parentesis pones la url o direccion de tu imagen porfis no te olvides del punto y coma detrás del paréntesis de cierre o no funcionará.








este es el brillito que he puesto en mi blog de pruebas ^-^



Algunos otros para decorar ^^







http://i603.photobucket.com/albums/tt117/misdollymie/rainbowhover.gif






http://dl6.glitter-graphics.net/pub/683/683156k6a7w9s3pn.gif






http://dl5.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif










http://dl6.glitter-graphics.net/pub/1097/1097706nsxl9flarn.gif






http://dl.glitter-graphics.net/pub/1274/1274791or8ew5kzx6.gif






http://dl5.glitter-graphics.net/pub/602/602355k2suf9v03y.gif




9 comentarios:

  1. waaaaaaa que xevereee y kawaii me encantaa se lo pondre a mi blog *o*
    una pregunta el url de imagen?
    es que yo solo pongo el enlace asu como pusiste de ejemplo en el otro blog!!

    ResponderEliminar
    Respuestas
    1. Amiga,con el boton izquierdo del mouse apretá el iconito que queres,busca en la barra.URL de la imagen. lo copias y lo pegas! Facilisimo!

      Eliminar
  2. sip la url o direccion de la imagen que quieres que aparezca decorando tus links !! ammm

    te doy unas paginas que creo te serviran para tus brillitos n.n.. de preferencia los brillitos con fondos trasparentes se miran mejor pero eso ya varia en gustos ^-^

    1.- http://usuarios.multimania.es/imagenegez2/fondostrasparente2/

    2.- http://fariassera.wordpress.com/2006/11/25/fondos-negros-y-transparentes-animados/

    ResponderEliminar
  3. ohhh gracias *___________* ya logre ponerlo y se ve hermoso <3
    me encanta mucho tu blog me ha ayudado mucho a decorar el mio n-n
    thank *-*

    ResponderEliminar
  4. Ahhh esta muy lindooooo !! Muchas gracias x tu página esta inkreible, trate de poner este truko peor no me sale ese kodigo :( Este es el ke tengo


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

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

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

    No s epuede hacer algo al respecto kon el?? Ahh d everdad kieor poner este efekto :(

    Muchas gracias!!! Todo muy bello ^_______^

    ResponderEliminar
    Respuestas
    1. Yo tengo casi lo mismo que tú, sólo que sí me sale lo de "decoration" y eso, pero antes, y me sale lo de "Color $" y lo pude poner, pero no sé que puedes hacer, sorry.

      Eliminar
  5. ola buen tuto pero tu tienes en tu blog cuando hay un link pasas el cursor y se ase de color arcoiris

    ResponderEliminar
    Respuestas
    1. la mayoria de las cosas que tengo en mi blog.. los encuentras en tutoriales n.n

      igual te paso el link

      http://annyz-kawaii.blogspot.mx/2011/06/efecto-arcoiris-en-los-links.html

      Eliminar
  6. Muchas gracias! Se ve super lindo el efecto!!

    ResponderEliminar

Nota: solo los miembros de este blog pueden publicar comentarios.