Cambiar cursor

Esto es para los que quieran saber como cambiar el cursor en el foro. Seguna la tematica de cada foro, es divertido tener un cursor acorde. En mi caso, el cursor es un destornillador, porque el foro es de coches, y por lo poco que pesa, no supone ningun problema pero es atractivo.

Os dejo ejemplo: Club V8 España


Si os interesa, vais a editar el estilo que usais y buscais las plantillas CSS. Ahi buscais la plantilla additional.css



Ahora si definimos un cursor personalizado, este se motrara en estado normal en lugar del puntero.

Dentro de la plantilla additional.css pegais esto:

Código HTML:

body {
cursor: url('screw.png'),default;
cursor: url('screw.png'),pointer;
cursor: url('screw.png'),hand;
}

sin embargo este puntero solo se mostrara en las zonas de la pagina donde no haya enlaces... ya que sobre los enlaces aparecera la "mano". Si quereis que la mano tambien cambie de forma agregais este codigo a continuacion en la misma plantilla:

Código HTML:

a {
 cursor: url('screw2.png'),default;
 cursor: url('screw2.png'),pointer;
 cursor: url('screw2.png'),hand;
}

si os fijais, para que no sea la misma imagen, yo he puesto otra (en realidad es la misma pero de otro tono). De este modo, la imagen aparece en cualquier zona pero visualmente sigue diferenciando entre enlaces y zonas normales.

Tambien os fijais que he puesto repetido lo de cursor.. Cuando un navegador encuentra algo que no entiende, lo ignora. IE ignoraría pointer y Mozilla ignoraría hand, etc. Asi os asegurais de que aparezca la imagen en cualquier caso, con cualquier navegador.

Para terminar, he utilizado imagen .png, pero se puede utilizar cursor con extension .cur


si quereis podeis buscar aqui mas iconos en png, los bajais en un tamaño mediano para que no sea cansino ni moleste y ya esta.

Iconfinder | Search and download free icons