Hacker of the Web
Tus ideas en código!...y mas

Cambiar el aspecto del cursor

En algunas ocasiones y áreas de la página se verían un poco mejor con algún otro cursor. Digamos que estas en el FAQ de una página web, y en vez de un aburrido cursor por default te sale otro pero con signo de interrogación, que tal te gusta la idea.

/!\ En esta entrada se asume que tienes conocimientos de como editar la plantilla. Si no sabes como o donde se modifica, revisa esta entrada: Donde editar el código HTML de nuestra plantilla.



Pero lo mejor es que es tan fácil que lo tendrás instalado en tan solo unos segundos. Solo necesitas entrar en el Editor HTML y NO expandir las plantillas de artilugios.

[1] Despues debes copiar y pegar el siguiente código antes del ]]></b:skin>:

cursor: default
default

cursor: crosshair
crosshair

cursor: pointer
pointer

cursor: move
move

cursor: nw-resize
nw-resize

cursor: ne-resize
ne-resize

cursor: n-resize
n-resize

cursor: e-resize
e-resize

cursor: help
help

cursor: text
text

cursor: wait
wait

cursor: url('URL del CURSOR'),default
Personalizado


Pero no se inserta así como lo ven arriba, deben anteponer una clase antes del estilo:

Para añadir al sidebar:

.sidebar {cursor: url('URL del CURSOR'),default}


Para añadir solo a los posts:

.post {cursor: help}


Para añadir a toda la página:

body {cursor: e-resize}


Para añadir a los gadgets:

.widget {cursor: url('URL del CURSOR'),default}


[Modificaciones] El texto en Rojo tienes que cambiarlo por el cursor de tu agrado.
#

Deja tu huella y comenta!

Hola!, por favor deja tus comentarios, te aseguro serán contestados, dudas, sugerencias, lo que sea!!!!!!!!!!.

Si el formulario no funciona, o quieres irte a la segura: agrega tu comentario de forma tradicional

Si necesitas ayuda mas personalizada deja un <a href='URL'>ENLACE</a> hacia tu blog.

Emoticons
Comenta con tu:
Comenta:

3 comentarios !

Sonia dijo...

No se entiende cómo hacerlo. Le pica uno en "personalizado" y no sale nada.

Mal post.

SäNTÿ dijo...

Sonia, emm, no se supone que salga algo en esos links, solo son una demostración.

Eureka ... dijo...

:P genial


Página Principal
Arriba