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

elshotta · 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"
>
<html lang="en">
<head>
<title>Utilizo un cursor personalizado</title>
<style type="text/css">
body {
cursor: url(nat870.cur), pointer;
}

</style>

</head>
<body>
<div style="height: 600px; background: #ffdd99; padding: 20px;">
<h1>Trabajar con cursores personalizados</h1>
<p>
Pasa el ratón por cualquier parte del cuerpo de la página, para ver el cursor personalizado que se a colocado. <br>


<p>

</p>
</div>
</body>
</html>

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 permitido ver los links. Registrarse o Entrar a mi cuenta
eligen uno, lo descargan y solo lo cambian por el nat870.cur

espero que les sirva xD
saludos

ANTRAX · Octubre 10, 2012, 02:32:17 PM

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

elshotta · Octubre 15, 2012, 08:25:38 PM

ajajaj si se ve
bien el foro haci

saludos

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

elshotta

Octubre 10, 2012, 02:17:34 PM Ultima modificación: Mayo 06, 2014, 03:37:55 PM por Destructor.cs

ANTRAX

Octubre 10, 2012, 02:32:17 PM #1

elshotta

Octubre 15, 2012, 08:25:38 PM #2