Entradas mas populares

Sobre que quieres un post?


page counter
FullTraffic.Net - Global Traffic Packages

Que buscas?

martes, 17 de junio de 2008

Cambiar el Cursor

Para cambiar la figura del cursor mientras se navega por nuestro blog es muy simple.

Para empezar cabe aclarar que solo funciona con Internet Explorer y no con Firefox, pero no hay que desanimarse, ya que varios usan Internet Explorer y podrán ver nuestro cursor y los que usan Firefox verán el cursor de siempre.

Primero tenemos que conseguir un cursor, los formatos mas comunes son .cur y .ani, que se que funcionan.



En esta pagina: www.myspacecursor.net, pueden encontrar muchos cursores clasificados en categorías, pero existen varias mas solo hay que buscarlas.

Después de escoger uno que nos agrade copiamos el código y lo pegamos en nuestra plantilla, debajo de <body> funciona bien.

Ej: este seria el codigo que nos da la web de un cursor Gothic:

<style type="text/css">body {cursor: url(http://www.myspacecursor.net/gothic/1.ani); }</style><br /> <a href="http://www.myspacecursor.net" title="Free Cursors">Free Cursors</a><a href="http://www.freelayoutsnow.com" title="Myspace Layouts">Myspace Layouts</a><a href="http://www.getmyspacecomments.com" title="Myspace Comments">Myspace Comments</a><br />

Bien cuando lo vemos en IE notamos que arriba en el medio aparece un enlace de la pagina del cursor: Free CursorsMyspace LayoutsMyspace Comments, una forma de eliminar eso y hacer mas simple el codigo es hacer lo siguiente.

Nos ubicamos nuevamente debajo del <body> si tenemos el otro código anterior lo borramos todo menos donde dice "http://www.myspacecursor.net/gothic/1.ani" y ponemos el siguiente código:


<style type='text/css'>
body {cursor: url(http://www.myspacecursor.net/gothic/1.ani); }</style>

Así de simple queda el código guardamos la plantilla y probamos en IE si esta todo bien se vera sin problemas, este código se puede usar con cualquier pagina web que tenga cursores tanto ".ani" como ".cur" solo `ponemos la dirección del cursor y listo.

0 comentarios: