comment
IRC Chat
play_arrow
  3. [HTML][BASICO] Como cambiar el cursor por uno personalizado (Explicado)
Este sitio utiliza cookies propias y de terceros. Si continúa navegando consideramos que acepta el uso de cookies. OK Más Información.
« anterior próximo »
Páginas: [1]   Ir Abajo

[HTML][BASICO] Como cambiar el cursor por uno personalizado (Explicado)

  • 2 Respuestas
  • 1614 Vistas

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado elshotta

  • *
  • Underc0der
  • Mensajes: 87
  • Actividad:
    1.67%
  • Reputación 0
    • Ver Perfil

[HTML][BASICO] Como cambiar el cursor por uno personalizado (Explicado)

« en: Octubre 10, 2012, 02:17:34 pm »
Hola a todos
ahora les mostrare como poner un cursor personalizado en tu web con css
 ;D
bueno pondre un codigo fuente para mayor comodidad
Código: HTML5
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  2. "http://www.w3.org/TR/html4/strict.dtd"
  3. >
  4. <You are not allowed to view links. Register or Login lang="en">
  5. <You are not allowed to view links. Register or Login>
  6. <You are not allowed to view links. Register or Login>Utilizo un cursor personalizado</You are not allowed to view links. Register or Login>
  7. <You are not allowed to view links. Register or Login type="text/css">
  8. body {
  9. cursor: url(nat870.cur), pointer;
  10. }
  11.  
  12. </You are not allowed to view links. Register or Login>
  13.  
  14. </You are not allowed to view links. Register or Login>
  15. <You are not allowed to view links. Register or Login>
  16. <You are not allowed to view links. Register or Login style="height: 600px; background: #ffdd99; padding: 20px;">
  17. <You are not allowed to view links. Register or Login>Trabajar con cursores personalizados</You are not allowed to view links. Register or Login>
  18. <You are not allowed to view links. Register or Login>
  19. Pasa el ratón por cualquier parte del cuerpo de la página, para ver el cursor personalizado que se a colocado. <You are not allowed to view links. Register or Login>
  20.  
  21.  
  22. <You are not allowed to view links. Register or Login>
  23.  
  24. </You are not allowed to view links. Register or Login>
  25. </You are not allowed to view links. Register or Login>
  26. </You are not allowed to view links. Register or Login>
  27. </You are not allowed to view links. Register or Login>
EXPLICACION

ok nos concentraremos en esta parte
Código: CSS
  1. body {
  2. cursor: url(nat870.cur), pointer;
  3. }
  4.  
  5. </style>

vemos que dice nat870.cur, ese es el cursor que ponemos "que remplaza la flechita de siempre xD". El navegador intentará colocar como cursor en el cuerpo de la página la "nat870.cur" y si no es compatible con ese tipo de archivo gráfico en el cursor, colocara el predeterminado tipo "pointer" que es la típica flecha del ratón.

Bueno no tiene mucha ciencia
Aca les dejo una web para descargar los cursores
You are not allowed to view links. Register or Login
eligen uno, lo descargan y solo lo cambian por el nat870.cur

espero que les sirva xD
saludos  :)
« Última modificación: Mayo 06, 2014, 03:37:55 pm por Destructor.cs »
En línea

Desconectado ANTRAX

  • *
  • Administrator
  • Mensajes: 5339
  • Actividad:
    16.67%
  • Reputación 30
  • ANTRAX
    • Ver Perfil
    • Underc0de
    • Email
  • Skype: underc0de.org
  • Twitter: @Underc0de
Re:Como Cambiar El Cursor Por Uno Personalizado (Explicado)
« Respuesta #1 en: Octubre 10, 2012, 02:32:17 pm »
Muy buena bro! hoy dia cambiamos el cursor del foro por el de la cruz!
En línea

Desconectado elshotta

  • *
  • Underc0der
  • Mensajes: 87
  • Actividad:
    1.67%
  • Reputación 0
    • Ver Perfil
Re:Como Cambiar El Cursor Por Uno Personalizado (Explicado)
« Respuesta #2 en: Octubre 15, 2012, 08:25:38 pm »
ajajaj si se ve
bien el foro haci  ;D ;D
saludos
En línea
Páginas: [1]   Ir Arriba
« anterior próximo »
 

¿Te gustó el post? COMPARTILO!



Como instalar el diccionario para corrección ortográfica en español en Notepad++

Iniciado por graphixx

 Respuestas: 0
Vistas: 319 		Último mensaje Julio 18, 2018, 04:25:23 am
por graphixx
Como colocar caja de comentarios de Facebook en Blogger en 3 pasos

Iniciado por ANTRAX

 Respuestas: 1
Vistas: 1310 		Último mensaje Junio 21, 2015, 08:53:48 pm
por Yavi
Internet & World Wide Web Como Programar, 5ta Edición - Deitel

Iniciado por D3ivid

 Respuestas: 1
Vistas: 1729 		Último mensaje Febrero 24, 2015, 05:40:40 pm
por Hu3c0
[SOURCE] Libreria para tu propia NUBE como MEGA

Iniciado por graphixx

 Respuestas: 4
Vistas: 1925 		Último mensaje Marzo 21, 2017, 01:40:16 pm
por 79137913
[Tutorial] Como crear un google maps con marcadores

Iniciado por graphixx

 Respuestas: 5
Vistas: 1781 		Último mensaje Agosto 28, 2014, 10:52:04 am
por Cl0udswX