ÍndiceÍndice  PortalPortal  FAQFAQ  BuscarBuscar  RegistrarseRegistrarse  ConectarseConectarse  

Compartir | 
 

 [Tutorial]Hacer un cursor compatible con IE7 y Mozilla firefox

Ver el tema anterior Ver el tema siguiente Ir abajo 
AutorMensaje
Reyjhonatan
miembro1
miembro1


Cantidad de envíos: 1248
Puntos de posteo: 6461
inscripción: 27/08/2008

MensajeTema: [Tutorial]Hacer un cursor compatible con IE7 y Mozilla firefox   Sáb Feb 21, 2009 8:42 pm

Tenemos un problema complicado y es que los cursores solo son visualizados en en IE y en mozilla no, pues descubrí un interesante código para que funcione en los dos:

1. Para mozilla, el cursor tiene que ser .png (imagen) y para IE tiene que sera .ani (cursor animado de windows)
2. primero coges la imagen de 32 * 32 en formato png, luego te descargas "AniTuner 2" y conviertes el png a ani, el programa es facil de usar don´t worry
3. el code es este, lo pegas en <head></head>, para PGW lo pegas en texto por encima de la pagina

Código:
<style type="text/css"> HTML,BODY{cursor: url("URL DEL PUNTERO .ANI"), url("URL DEL PUNTERO . PNG"), auto;} </style>


y listo!!! queda compatible para users de mozilla y de IE
Volver arriba Ir abajo
Ver perfil de usuario http://www.poderstg.es.tl
iCzT
miembro2
miembro2


Cantidad de envíos: 1699
Puntos de posteo: 8415
inscripción: 13/04/2008

MensajeTema: Re: [Tutorial]Hacer un cursor compatible con IE7 y Mozilla firefox   Dom Feb 22, 2009 8:44 am

ok, pero si para firefox tiene que ser *.png y para ie seria *.ani, al colocar uno de estos dos no se veria en el otro? me explico, al colocar el cursos en *.png se veria en ie?

saludos
Volver arriba Ir abajo
Ver perfil de usuario http://www.lllMcBo.es.tl
raul
usuario activo
usuario activo


Cantidad de envíos: 775
Puntos de posteo: 7053
inscripción: 27/04/2008

Datos de jugador
puntos:
0/0  (0/0)
palabra:

MensajeTema: Re: [Tutorial]Hacer un cursor compatible con IE7 y Mozilla firefox   Dom Feb 22, 2009 5:46 pm

O alomejor se pede colocar los 2 codigos en la pagina, un codigo para el IE con .ani y para el firefox con .png
Volver arriba Ir abajo
Ver perfil de usuario http://cristtianos.es.tl
Reyjhonatan
miembro1
miembro1


Cantidad de envíos: 1248
Puntos de posteo: 6461
inscripción: 27/08/2008

MensajeTema: CORREGIMIENTOS DE CODES Y NUEVOS CODES PARA AGREGAR   Lun Feb 23, 2009 12:02 am

pues raul y lllMcBo. estan en un error y a la ves en lo cierto, lo que pasa es que si lo pones de este modo:

Código:

 HTML,BODY{cursor: url("URL DEL PUNTERO .ANI"), auto;}

 HTML,BODY{cursor: url("URL DEL PUNTERO .PNG"), auto;}


el problema es que el que se pone de ultimas independiente de que sea .ANI o .PNG anula al primero, es decir en este caso solo se veria para mozilla y para IE7 no

mientras que de la forma que puse antes no, si es visualizada en las dos por que solo es un codigo mas no dos, por lo tanto el primero no lo anula
Volver arriba Ir abajo
Ver perfil de usuario http://www.poderstg.es.tl
iCzT
miembro2
miembro2


Cantidad de envíos: 1699
Puntos de posteo: 8415
inscripción: 13/04/2008

MensajeTema: Re: [Tutorial]Hacer un cursor compatible con IE7 y Mozilla firefox   Lun Feb 23, 2009 4:45 am

y no seria mas facir hacer esto??

Código:
<style type="text/css">
HTML,BODY{cursor: url("URL DEL PUNTERO .ANI"), auto;}
HTML,BODY{cursor: url("URL DEL PUNTERO .PNG"), auto;}
</style>


para que repetir etiquetas?

saludos
Volver arriba Ir abajo
Ver perfil de usuario http://www.lllMcBo.es.tl
javidj
admin.
admin.


Cantidad de envíos: 14154
Puntos de posteo: 11331
inscripción: 06/08/2007

MensajeTema: Re: [Tutorial]Hacer un cursor compatible con IE7 y Mozilla firefox   Lun Feb 23, 2009 8:42 am

bueno, dejo el tema aun aqui para resolver o poner distintos codes, tras ser resuelto, lo fusionaré

____________________________
Participa ahora en el TOP WEB JYD AQUI
premios, afililiaciones, ranking...etc
------------------------
Horario disponible de soporte: fines de semana
Volver arriba Ir abajo
Ver perfil de usuario http://javidj.es.tl
elite programmer
usuario activo
usuario activo


Cantidad de envíos: 772
Puntos de posteo: 5874
inscripción: 28/01/2009

MensajeTema: Re: [Tutorial]Hacer un cursor compatible con IE7 y Mozilla firefox   Lun Feb 23, 2009 9:28 pm

despues de que tienes experiencia siendo webmaster te das cuenta que puedes manipular los navegadores a tu antojo otro aporte para por ejemplo poner los margenes diferentes en firefox o IE esta este:

Código:

<style>
#ejemplo{
margin-left:40px; !important; /* esto lo lee firefox */
margin-left:40px; /* esto lo lee IE */
}
</style>


Última edición por elite programmer el Mar Feb 24, 2009 12:20 am, editado 1 vez
Volver arriba Ir abajo
Ver perfil de usuario http://revolutionteam.info
Reyjhonatan
miembro1
miembro1


Cantidad de envíos: 1248
Puntos de posteo: 6461
inscripción: 27/08/2008

MensajeTema: Re: [Tutorial]Hacer un cursor compatible con IE7 y Mozilla firefox   Lun Feb 23, 2009 11:54 pm

lllMcBo. escribió:
y no seria mas facir hacer esto??

Código:
<style type="text/css">
HTML,BODY{cursor: url("URL DEL PUNTERO .ANI"), auto;}
HTML,BODY{cursor: url("URL DEL PUNTERO .PNG"), auto;}
</style>


para que repetir etiquetas?

saludos


el que puse arriba no es, dirijete a la sección de tutoriales arriba, el que puse en este post es unejemplo claro de error,incluso el verdadero es mas corto que el que pusiste
Volver arriba Ir abajo
Ver perfil de usuario http://www.poderstg.es.tl
iCzT
miembro2
miembro2


Cantidad de envíos: 1699
Puntos de posteo: 8415
inscripción: 13/04/2008

MensajeTema: Re: [Tutorial]Hacer un cursor compatible con IE7 y Mozilla firefox   Mar Feb 24, 2009 4:02 am

pues si, es mas corto pero recuerda que ese no lo puse yo, lo pusiste tu... incluso mas largo Razz

yo lo que hize fue quitarle las etiquetas que tenia repetidas, jeje

saludos
Volver arriba Ir abajo
Ver perfil de usuario http://www.lllMcBo.es.tl
 

[Tutorial]Hacer un cursor compatible con IE7 y Mozilla firefox

Ver el tema anterior Ver el tema siguiente Volver arriba 
Página 1 de 1.

 Temas similares

-
» Al entrar en un control situar el cursor en el lugar que queramos
» Como Usar Cookies? Tutorial Ultra Facil Explicado Por Mi + JavaScript Universal!!!
» [GUÍA]Tutorial Implementar nuevas armaduras y armaduras olímpicas.
» Cursor personalizado compatible con Firefox
» Mozilla Firefox: ¡Bienvenidos humanos!

Permiso de este foro:No puedes responder a temas en este foro.
 ::  :: Tutoriales sobre Textos y Codigos-