Cambiar la forma del cursor sobre un link

30 de octubre de 2009 38 comentarios ,
Además de poder personalizar los links cambiándoles el color, tamaño, fondo, etc. también se puede cambiar la forma del cursor cuando este pasa por encima del enlace.
Pasa el mouse sobre los enlaces para ver los distintos efectos del cursor:



Para poner cualquiera de estos efectos sobre los links entra a Diseño > Edición de HTML y busca donde dice a:hover { generalmente está después de body {
Abajo deberás poner cursor: más la propiedad que quieras;
Por ejemplo:
a:hover {
cursor:move;
color: #0000FF;
text-decoration:none;
}

Puedes elegir cualquiera de los estilos antes mencionados, de esta forma podrás tener una forma distinta de mostrar el cursor sobre tus enlaces.

Para saber cómo personalizar los links visita el siguiente enlace: Personalizar enlaces


38 comentarios en:

" Cambiar la forma del cursor sobre un link "

  1. que interesante, me quede como dos minutos pasando el mouse por tantos cursores es divertido jajajjaja
    saludos!

    ResponderEliminar
  2. Jajajajaja, ya te imagino entretenido viendo los cursores, jajaja.

    Saludos!

    ResponderEliminar
    Respuestas
    1. hola, se puede usar los brillitos que caen en mi cursor, para usarlo en cualquier parte, directamente a mi ordenador, o solo es para usarlo en ciertas paginas, o habra alguna página de cursores con éste efecto donde lo pueda bajar, gracias, un saludo,

      Eliminar
  3. Que tal Potro.
    Se puede hacer, sólamente, para un link en especial. Por ejemplo: en alguno que esté en una entrada.
    Me encantaría usarlo en el link "Ver/Ocultar".
    Saludos.
    Jpz.-

    ResponderEliminar
  4. Hola Jpz,

    Claro que se puede, sólo agrega el estilo que quieras al vínculo, por ejemplo:
    <a style="cursor:wait;" href="URL del enlace">wait</a>

    Saludos.

    ResponderEliminar
  5. Hola Potro, regrese aqui con otra pregunta, tu sabes si se puede en Blogger hacer lo de la web cam que esta en esta pagina web: http://www.emezeta.com/

    Mi pregunta es, se podra poner algo similar a tomate una foto en blogger? de antemano gracias.

    ResponderEliminar
  6. Hola @rielCastellanos,

    El sistema que él usa es creación de él, es una mejora del Bloggersnap que ya no existe.
    Había una aplicación parecida pero no sé si aun esté funcionando, deja mañana lo reviso y si se puede el lunes la publico.

    Saludos.

    ResponderEliminar
  7. Esta bien, gracias por despejar mis dudas, que tengas un buen dia.

    ResponderEliminar
  8. Jajajajaja!!! yo hice lo mismo que fabi!!!

    Muy bueno bro!! sólo te falta un post que explote el monitor al pasar el puntero sobre el link, porque todo lo demas ya lo haz explicado!!! jajajaj XD

    ResponderEliminar
  9. Jajaja es que es casi hipnótico, yo igual cuando entro a este post recorro de nuevo los links para ver el cursor, jaja.
    Un abrazo!

    ResponderEliminar
  10. Hola potro veo que paginaste el blog, como el hago para paginar el mio XD.

    ResponderEliminar
  11. Te dejo el enlace donde JMiur explica cómo hacerlo:
    http://vagabundia.blogspot.com/2008/08/paginacin-en-blogger.html

    Saludos.

    ResponderEliminar
  12. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  13. Los enlaces se ponen en las entradas, como lo harías normalmente.

    ResponderEliminar
  14. oye potro se puede cambiar el cursor en toda la página por otro en especial

    gracias

    ResponderEliminar
  15. se puede cambiar el cursor para que cuando pase por un link o imagen tenga este cursor (http://dl.dropbox.com/u/14805508/Nueva%20carpeta/Cursor_14.cur) y cuando esta en cualquier otra parte tenga este otro (http://dl.dropbox.com/u/14805508/Nueva%20carpeta/Cursor_1.cur)????

    ResponderEliminar
  16. Claro Imperfecto, pon antes de </body> lo siguiente:

    <style>HTML,BODY{cursor: url(&quot;http://dl.dropbox.com/u/14805508/Nueva%20carpeta/Cursor_1.cur&quot;), url(&quot;http://dl.dropbox.com/u/14805508/Nueva%20carpeta/Cursor_1.cur&quot;), auto;}

    a:hover{cursor: url(&quot;http://dl.dropbox.com/u/14805508/Nueva%20carpeta/Cursor_14.cur&quot;), url(&quot;http://dl.dropbox.com/u/14805508/Nueva%20carpeta/Cursor_14.cur&quot;), auto;}
    </style>

    ResponderEliminar
    Respuestas
    1. Y como hago para poner otro cursor para cuando selecciono el texto que no me salga ese cursor I sino otro que yo quiera???

      Eliminar
    2. Tendrías que aplicárselo a todo el cuerpo de las entradas, para hacerlo cambia el a:hover por .post-body:hover

      Eliminar
  17. Genial Potro, lo he instalado de la ultima forma, como te pregunto Imperfecto.

    Una cosa, cuando paso el cursor por las imagenes no se cambia, sigue la manita esa con el dedo fuera, jejje.

    ¿Sabes por que puede ser?

    ResponderEliminar
  18. Perdona se me olvido poner la direccion del blog de pruebas donde lo tengo.

    http://tiendajedrez.blogspot.com/

    Gracias por todo.

    ResponderEliminar
  19. Pues en sí con ese código igual debería cambiar, quizá debas añadir también este fragmento al código:

    a:link{cursor: url("URL del cursor"), url("URL del cursor"), auto;}

    ResponderEliminar
  20. Como hago para poner este cursor ( http://cursors4.totallyfreecursors.com/thumbnails/tinkerbell.gif ) para que se ponga cuando pasa por un link?? Gracias!!

    ResponderEliminar
  21. Hola María,

    En esta entrada podrás ver cómo usar ese tipo de cursores:
    http://ciudadblogger.com/2009/06/cambia-el-cursor-de-tu-blog.html

    En los comentarios de ahí dice cómo usarlo sólo para enlaces.
    Saludos.

    ResponderEliminar
  22. No me funciona, nose porque. Yo pongo el link del cursor justo debajo de lo que se pide en la entrada y el cursor no cambia.

    ResponderEliminar
  23. Hola Blackbird, en tus blogs sólo veo cursores personalizados, no pude ver el código del que se habla aquí.

    ResponderEliminar
  24. Hay alguna manera de cambiar el cursor cuando se baja?

    ResponderEliminar
  25. Hola (:
    Cómo haces para cuando estas por el blog con uno personalizado, y cuando pasa por un enlace con otro personalizado, con 2 url de cursores diferentes vamos (cogidos en cualquier página). Solo tengo puesto el primero, me gustaría cambiar el segundo.
    Espero que se me entienda, dime si no.
    Un saludo~

    ResponderEliminar
    Respuestas
    1. No sé decirte, no he visto un blog así, quizá viéndolo pueda revisar sus códigos.

      Eliminar
  26. hola, se puede usar los brillitos que caen en mi cursor, para usarlo en cualquier parte, directamente a mi ordenador, o solo es para usarlo en ciertas paginas, o habra alguna página de cursores con éste efecto donde lo pueda bajar, gracias, un saludo,

    ResponderEliminar
  27. hola, se puede usar los brillitos que caen en mi cursor, para usarlo en cualquier parte, directamente a mi ordenador, o solo es para usarlo en ciertas paginas, o habra alguna página de cursores con éste efecto donde lo pueda bajar, gracias, un saludo,

    ResponderEliminar
    Respuestas
    1. Hola GABRIELA, busca en Google "cursores para Windows" o "cursores para Mac" según el sistema operativo que uses. Los cursores web son únicamente para sitios web, en el caso de los ordenadores deben instalarlos directo en tu ordenador. Saludos.

      Eliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

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

 
Ir Arriba Ir Abajo
I Ciudad Blogger