Cursores para tu web gratuitos!
Queres darle un toque de vida a tu pagina web? Con estos cursores gratis que te podes descargar desde aca lo podes lograr facilmente. Una vez que instales estos punteros en tu sitio web, el cursor sera reemplazado por el que elijas. "Que bueno!" estaras diciendo, pero no tan rapido, primero necesitas saber como implementarlos en tu pagina web.
Hace click en uno de los cursores gratuitos para descargarlo a tu computadora
Instalar cursores usando CSS
Para integrar los cursores a tu pagina, lo primero y mas obvio es subir el cursor a tu sitio usando uno de los FTP's gratuitos que podes conseguir en la seccion de descargas. Una vez hecho esto, tenes que agregar un pequeño codigo en tu hoja de estilo o cabecera de la pagina.
Copia y pega el siguiente codigo en tu hoja de estilo o entre las etiquetas <head></head> de tu pagina.
<!--
BODY {cursor: url(URL DE TU CURSOR VA ACA)}
-->
</style>
Si eligen poner el codigo en su hoja de estilo recuerden que solo deben incluir la linea que comienza con BODY. Si ponen el codigo entre las etiquetas <head></head> dejan el codigo asi como aparece. Cabe aclarar que esto solo funciona en Internet Explorer. A pesar de que navegadores como Firefox u Opera sean considerablemente mas avanzados que IE, estos no soportan cursores personalizados. Sin embargo, podes hacer que este se cambie a uno de los default de Windows.
Cursores de Windows
Quizas nunca le hallas dado mucha importancia, pero Windows tiene su propio set de cursores disponibles, que, con un poco de CSS, podemos usar en nuestro sitio web. Estoy seguro que viste el reloj de arena cuando Windows decide andar medio lento, o cuando abris un editor de texto como Microsoft Word o Notepad, viste el cursor de editar texto. Esos y mas forman parte de los cursores que Windows usa y uno esta acostumbrado a ver diariamente.
Usar cursores de Windows en tu pagina web
Como con los cursores personalizados, usando un poco de CSS se pueden integrar estos cursores a la web.
Copia y pega el siguiente codigo en tu hoja de estilo o entre las etiquetas <head></head> de tu pagina.
body {
cursor: ESTILO;
}
</style>
Reemplaza estilo por una de las siguientes palabras. Si pones el mouse encima de cada palabra, vas a ver un ejemplo del cursor.
crosshair
default
hand
help
move
text
wait
auto
e-resize
ne-resize
n-resize
nw-resize
w-resize
sw-resize
s-resize
se-resize
Si queres que el cursor cambie cuando pones el mouse encima, modifica dicho link para que quede asi. Modifica ESTILO con alguna de las palabras de arriba.
