[HTML][BASICO] Como cambiar el cursor por uno personalizado (Explicado)

« **en:** Octubre 10, 2012, 02:17:34 pm »

Hola a todos
ahora les mostrare como poner un cursor personalizado en tu web con css

bueno pondre un codigo fuente para mayor comodidad

Código: HTML5

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"
>
<No tienes permisos para ver links.
 Registrate o Entra con tu cuenta lang="en">
<No tienes permisos para ver links.
 Registrate o Entra con tu cuenta>
<No tienes permisos para ver links.
 Registrate o Entra con tu cuenta>Utilizo un cursor personalizado</No tienes permisos para ver links.
 Registrate o Entra con tu cuenta>
<No tienes permisos para ver links.
 Registrate o Entra con tu cuenta type="text/css">
body {
cursor: url(nat870.cur), pointer;
}
 
</No tienes permisos para ver links.
 Registrate o Entra con tu cuenta>
 
</No tienes permisos para ver links.
 Registrate o Entra con tu cuenta>
<No tienes permisos para ver links.
 Registrate o Entra con tu cuenta>
<No tienes permisos para ver links.
 Registrate o Entra con tu cuenta style="height: 600px; background: #ffdd99; padding: 20px;">
<No tienes permisos para ver links.
 Registrate o Entra con tu cuenta>Trabajar con cursores personalizados</No tienes permisos para ver links.
 Registrate o Entra con tu cuenta>
<No tienes permisos para ver links.
 Registrate o Entra con tu cuenta>
Pasa el ratón por cualquier parte del cuerpo de la página, para ver el cursor personalizado que se a colocado. <No tienes permisos para ver links.
 Registrate o Entra con tu cuenta>
 
 
<No tienes permisos para ver links.
 Registrate o Entra con tu cuenta>
 
</No tienes permisos para ver links.
 Registrate o Entra con tu cuenta>
</No tienes permisos para ver links.
 Registrate o Entra con tu cuenta>
</No tienes permisos para ver links.
 Registrate o Entra con tu cuenta>
</No tienes permisos para ver links.
 Registrate o Entra con tu cuenta> 

EXPLICACION

ok nos concentraremos en esta parte

Código: CSS

body {
cursor: url(nat870.cur), pointer;
}
 
</style> 

vemos que dice nat870.cur, ese es el cursor que ponemos "que remplaza la flechita de siempre xD". El navegador intentará colocar como cursor en el cuerpo de la página la "nat870.cur" y si no es compatible con ese tipo de archivo gráfico en el cursor, colocara el predeterminado tipo "pointer" que es la típica flecha del ratón.

Bueno no tiene mucha ciencia
Aca les dejo una web para descargar los cursores
No tienes permisos para ver links. Registrate o Entra con tu cuenta
eligen uno, lo descargan y solo lo cambian por el nat870.cur

espero que les sirva xD
saludos

« **Respuesta #1 en:** Octubre 10, 2012, 02:32:17 pm »

Muy buena bro! hoy dia cambiamos el cursor del foro por el de la cruz!

« **Respuesta #2 en:** Octubre 15, 2012, 08:25:38 pm »

ajajaj si se ve
bien el foro haci

saludos

Como instalar el diccionario para corrección ortográfica en español en Notepad++ Iniciado por graphixx	Respuestas: 0 Vistas: 414	Julio 18, 2018, 04:25:23 am por graphixx
Como colocar caja de comentarios de Facebook en Blogger en 3 pasos Iniciado por ANTRAX	Respuestas: 1 Vistas: 1360	Junio 21, 2015, 08:53:48 pm por Yavi
Internet & World Wide Web Como Programar, 5ta Edición - Deitel Iniciado por D3ivid	Respuestas: 1 Vistas: 1839	Febrero 24, 2015, 05:40:40 pm por Hu3c0
[SOURCE] Libreria para tu propia NUBE como MEGA Iniciado por graphixx	Respuestas: 4 Vistas: 2001	Marzo 21, 2017, 01:40:16 pm por 79137913
[Tutorial] Como crear un google maps con marcadores Iniciado por graphixx	Respuestas: 5 Vistas: 1842	Agosto 28, 2014, 10:52:04 am por Cl0udswX

Esta es una respuesta al tema: [HTML][BASICO] Como cambiar el cursor por uno personalizado (Explicado) en La plantilla. Zona Webmaster

[HTML][BASICO] Como cambiar el cursor por uno personalizado (Explicado)

elshotta

[HTML][BASICO] Como cambiar el cursor por uno personalizado (Explicado)

ANTRAX

Re:Como Cambiar El Cursor Por Uno Personalizado (Explicado)

elshotta

Re:Como Cambiar El Cursor Por Uno Personalizado (Explicado)

Similar topics (5)