Pincha aquí para verlo mejor!

21 abril 2008

Blogger "Ayuda" : Cambiar o Personalizar Cursor

Bueno una de las cosas por las que cree esta cosa era para poner código C++, java y lo que se me apareciera, como han visto pues no hay nada de eso XD, pero ya alguien me pregunto como se cambia el cursor (Cursor; es el igual a fechita, puntero, coso ese que se mueve en la pantalla y esta mandado con el mouse o ratón), en realidad yo no tenia ni idea, como se hacia pero lo vi en el blog de pascuita y pues me guarde la pagina y en Dreamweaver examine cada cosa y me di cuenta que esta chiquilla tenia el código una extensión .ani y listo.

Lo que se tiene que hacer es sencillo, en blogger buscan el body{ (en la parte de estilos) y le agregan el siguiente código entre las llaves body{}.

cursor: url("http://puntogh.googlepages.com/Bleeding.ani"), url("http://i238.photobucket.com/albums/ff291/puntogh/Arrow011.png"), auto;

La explicación... se esta creando el uso del cursor, la primera url es un archivo con extensión .ani, cursor que permite el dinamismo y no es tolerado en firefox, por eso esta la segunda url que posee extensión png y es tolerada en Firefox, supongo que el auto es para que el decida cual aplicar.

Ahora como hacer para que cambie cada vez que se
coloca sobre un link, pues un poco mas abajo van a tener un a:hover{ esto viene a ser como un evento, solo tienen que agregar este código entre los las llaves de a:hover{}

cursor: url("http://puntogh.googlepages.com/yin_yang_cur.ani"), url("http://i238.photobucket.com/albums/ff291/puntogh/Normal.png"), auto;

Es la misma explicación, ahora bien, si no cambian nada de estos dos últimos, va a trabajar con el cursor por defecto.
Otras consideraciones que los van ayudar son las siguientes:
1-> Ctrl+F: Ayuda mucho a buscar las cosas en la plantilla (se los digo, yo trabajaba el triple por que no sabia que existía esta propiedad)
2-> Si desean Cursores o imágenes visitan Deviantart, ahi hay muchos y puede ser que encuentren algo que les guste.
3-> Si se descargan Dreamweaver les será de ayuda para probar las cosas.
4-> ¿Donde montar los cursores?, si se dan cuenta, la dirección de mis cursores son http://puntogh.googlepages.com/ google posee de todo y la gente que usa blogger le queda muy papa, solo se van a googlepages acceden con su cuenta normalita y montan todos los archivos de este tipo, luego dan clic derecho, copiar ruta y pues la sustituyen por la mía.
5-> También como referencia, sobre mi site pueden dar Ctrl+U, y ver mi código fuente y pues aplicar la consideración 1 XD eso ayuda a encontrar lo que están buscando.
6-> LA MAS IMPORTANTE, disculpen la pirateada, lo que pasa es que no soy diseñador y mucho menos me he hecho curso de CSS, lo que se, es por que lo he aprendido mirando y robando código XD, así que si necesitan ayuda pues me avisan a ver si en algo les funcionoXD
NOTA: hay muchos cursores en este planeta, recuerden que la idea es darle un toque original (espero que capten la idea).

12 comentarios:

  1. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  2. coloca el código y me avisas así yo veo el código fuente y veo a ver si te puedo ayudar a ver cual es el problema...
    Y Sorry por borrar el comentario, no era mi intención.

    ResponderEliminar
  3. Tengo muy claro que cursor quiero, ya dispongo del código (lo borré anteriormente por error), el problema es que por más que lo coloco y recoloco en mis dos blogs no se visualiza en ninguno. He probado a meterlo desde los gadgets y en el body como indicas de la plantilla y no hay manera. Como ves tampoco yo soy experta informática. Sólo quiero solucionarlo de una vez por todas y por más que consulto el resultado es siempre el mismo: no se cambia. ¿Recuerdas si la modificación es inmediata en cuanto introduces el código elegido? Gracias.

    ResponderEliminar
  4. body{<style type="text/css">body{cursor:url(http://www.JellyMuffin.com/cursors/animals/cursors/1.ani);}</style> eso que tienes ahi esta praticamente bien lo que falta son las comillas del url y eliminar unas cositas
    Quedaria algo asi
    body{cursor:url("http://www.JellyMuffin.com/cursors/animals/cursors/1.ani"), url(""), auto;}
    </style>
    Y la plantilla esta un pelo dañada
    antes del /* ---( footer )--- */
    debes colocar <style type="text/css">
    Me gustaria ayudarte mejor pero necesitaria permisos de admin para ver la plantilla mejor...

    ResponderEliminar
  5. Ah y tambien deberias chequear como se ve la pagina desde otros navegadores como firefox, opera, chrome....

    ResponderEliminar
  6. Woah!!! Hombre!!! si que funciona !!! mil gracias , me has ayudado en grande :D

    ResponderEliminar
  7. Emm... tengo (creo) un problema. Hice todo lo que tu hiciste, y funcionó, pero... en mi página no se ve igual que en la página en yo vi mi cursor: en ella el cursor puede moverse y en la mia está estático. Ahora bien, hay algo que hice diferente a tí: en "a:hover{" puse lo mismo que en "body{", quizás ahí esté el problema. Gracias si me ayudas =), y agrego que está muy buena tu explicación.

    ResponderEliminar
  8. No debería tener problema... seria bueno que dejaras una referencia de que pagina tienes y segundo intenta sin el a:hover si funciona pues obvio que el a:hover es el culpable...y pues luego vemos como se soluciona...

    ResponderEliminar
  9. Ya lo hice y no funciona. El cursor es de la página: "http://www.layoutcodez.net/cursors/category.php?id=Animated&page=4". Es el tercero. Como ves el cursor tiene efecto, y ahí está el código.
    Gracias por responder mi antigua pregunta.

    ResponderEliminar
  10. Muchas gracias, esta super, claro que si funciona

    ResponderEliminar
  11. hola, yo ya he probado muchos tutoriales y mi problema es que el cursor sí se agraga pero se me desconfiguran algunos elementos, por lo egenral el fondo se me queda blanco, cuando debe ser verde. Mi blog: www.juanagaviota.blogspot.com
    que puedo estar haciendo mal?

    ResponderEliminar
  12. yo tengo computadora Mac y uso el navegador Safari, en la plantilla no encuentro el body, me gustaria saber si me pueden ayudar

    ResponderEliminar