Publicentral.com - promocion de paginas webpromocion de paginas web
Mostrando Codigo - Css
Code

Css - Mostrar cursor personalizado

Códigos Css

Para dar un poco mas de diseño a nuestras paginas podemos modificar el cursor del raton con una imagen creada por ti mismo.
Visitas: 21,405 - 18/10/2003 2:06:39
CODIGO SIN DEMOSTRACIONNO CONTIENE ARCHIVO DESCARGABLEComentario
EXPLICACION
Simplemente debemos cambiar la extension de tu imagen .gif, .jpeg, .bmp ... por .cur En este caso modificar tu_cursor.cur por el que desees.
CODIGO
Este codigo aun no ha sido probado por Tutores.org en ChromeEste codigo aun no ha sido probado por Tutores.org en FirefoxCodigo probado en Internet Explorer 7+Este codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


/* Codigo ofrecido por Tutores.org */

  1. <style type="text/css">
  2. body {
  3. cursor: url("tu_cursor.cur");
  4. }
  5. </style>



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Mostrar cursor personalizado" href="http://www.tutores.org/codigo/744/" target="_blank">Mostrar cursor personalizado</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
09-05-2007 03:08:03
1 5
como puedo hacer para que el cursor personalizado que estoy especificando se muestre tambien en firefox.
Comentario usuario
KO
3 5
bueno, he visto que dicen que se cambie el formato de la imagen de gif, png, entre otros

pero quiero saber como se cambia a formato cur o ani
en donde lo puedo cambiar?
Comentario usuario
M4RU
1 5
Tenes una web on line para pasar formatos y sino el soft este q no es muuuy bueno pero zafa:Total Image Converter.
http://www.coolutils.com/Online-Image-Converter.php#
Slds.
Comentario usuario
ChronoAntonio
1 5
Para que se ponga tambien en FF:

<style type="text/css">
body {
cursor: url('test.png'),pointer;
}
</style>

el formato .cur, lo utiliza Microsoft, asi que por eso FF no lo toma por asi decirlo.
Comentario usuario
wawadsda
5 5
en donde se pone eso???
no see adonde eees
Comentario usuario
14-04-2009 17:20:02
3 5
muchas gracias por la ayuda.....q bueno q existe el google!
Comentario usuario
ChronoAntonio
3 5
Bueno ya estuvo, para que se ponga un cursor personalizado tanto en IE para FF seria el CSS de esta forma:

<style type="text/css">
body {
cursor: url('URL_Del_CURSOR/cursor.cur'),default;
}
</style>

ya con esto se resolveria el problema con ambos navegadores, no conosco el efecto que tenga en otros navegadores, suerte!!
Comentario usuario
10-09-2008 19:55:14
2 5
para que se vea en firefox en toda la pagina es

<html style="cursor:url(css/img/cursor.cur), auto;">

y para que se vea en los link

<a style="cursor:url(css/img/cursor2.cur), auto;" href="">link</a>

saludos desde venezuela
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad


Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado

Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.