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.
Tutores.org
Mostrando Codigo - Css
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
/* Codigo ofrecido por Tutores.org */
- <style type="text/css">
- body {
- cursor: url("tu_cursor.cur");
- }
- </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 -->
<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
cesar
09-05-2007 03:08:03
5
5
como puedo hacer para que el cursor personalizado que estoy especificando se muestre tambien en firefox.
Comentario usuario
KOKO
5
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?
pero quiero saber como se cambia a formato cur o ani
en donde lo puedo cambiar?
Comentario usuario
M4RUM4RU
3
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.
http://www.coolutils.com/Online-Image-Converter.php#
Slds.
Comentario usuario
ChronoAntonioChronoAntonio
5
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.
<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
Sandra
14-04-2009 17:20:02
3
5
muchas gracias por la ayuda.....q bueno q existe el google!
Comentario usuario
ChronoAntonioChronoAntonio
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!!
<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
keyvin
10-09-2008 19:55:14
3
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
<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