- Desde
- 23 Jul 2010
- Mensajes
- 10
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:
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:
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
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:
HTML:
body {
cursor: url('screw.png'),default;
cursor: url('screw.png'),pointer;
cursor: url('screw.png'),hand;
}
HTML:
a {
cursor: url('screw2.png'),default;
cursor: url('screw2.png'),pointer;
cursor: url('screw2.png'),hand;
}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
.
