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.
Que buscas?
martes, 17 de junio de 2008
Cambiar el Cursor
Etiquetas:
Cambiar el Cursor
Suscribirse a:
Enviar comentarios (Atom)
0 comentarios:
Publicar un comentario