Home  |  Contact  

Email:

Password:

Sign Up Now!

Forgot your password?

Los_Amigotes_De_Siempre
 
What’s New
  Join Now
  Message Board 
  Picture Gallery 
 Files and Documents 
 Polls and Test 
  List of Participants
 ♥♥♥ GENERAL ♥♥♥ 
 . . . Poemas 
 ♥♥♥ SOCIALES ♥♥♥ 
 . . . Me presento 
 . . . Cumples 
 . . . Grupos Amigos 
 ♥♥♥ JUEGOS ♥♥♥ 
 ♥♥♥ TODO LISTO ♥♥♥ 
 . . . Fondos 
 . . . Firmas - Regalos 
 . . . Extras - Gifs 
 ♥♥♥ DISEÑO ♥♥♥ 
 . . . Material 
 . . . Tutoriales 
 . . . Prácticas 
 ♥♥♥ DISEÑADORES ♥♥♥ 
 . . . Firmas Bonnies-Kirenia 
 . . . Firmas Caline 
 . . . Firmas Casibruja 
 . . . Firmas Docepaixao 
 . . . Firmas Janiz 
 . . . Firmas Lina 
 . . . Firmas Sila 
 . . . Firmas Solgraficos 
 . . . Firmas Thilsa Sue 
 . . . Firmas Xiomary 
 . . . Firmas Yrystal 
 ♥♥♥ HOGAR Y TU ♥♥♥ 
 . . . Manualidades 
 . . . Recetas de Cocina 
 . . . Familia y Salud 
 ♥♥♥ MUSICA ♥♥♥ 
 ♥♥♥ BUZONES ♥♥♥ 
 ♥♥♥ CHAT ♥♥♥ 
  GRACIAS POR VISITARNOS! 
 
 
  Tools
 
Tutoriales_de_diseño: Cambio de cursor
Choose another message board
Previous subject  Next subject
Reply  Message 1 of 1 on the subject 
From: Caminandoo  (Original message) Sent: 19/05/2013 14:00
lo encontré en la red

cursor.txt

CAMBIO DE CURSOR

 

Yo quiero añadir sobre este tema que yo personalmente utilizo para los cursores la extension .ani
pero bueno que cada uno es cada uno.por ejemplo 
 
http://galeon.com/maryasuescun/1a.ani   A esta direccion hay que añadir los codigos en el css
 
Para subir los cursores a una pagina de galeon solo tienes que crear una nueva pagina y subir
 
los cursores que quieres utilizar o bien los que son creados por ti
  
http://downloads.totallyfreecursors.com/    Aqui veis una pagina de cursores pero disponeis de muchas paginas en la red
 
 
Normalmente, cuando navegamos en una página, el puntero del ratón es una flecha y, cuando nos colocamos sobre ciertos elementos, cambia. Esa es la forma en que se nos indica "acá hay algo diferente".

Los navegadores utilizan esos cursores de manera predeterminada, así, un enlace mostrará una mano y una entrada en un formulario será una I que nos indica que podemos escribir un texto. Cada uno de ellos está asociado con algún elemento.
 El CSS nos permite ignorar estos datos y establecer el tipo de cursor a utilizar o emplear cursores personales. La sintaxis es muy simple:
cursor: valor;
Por ejemplo:
a {cursor: pointer;}img {cursor: pointer;}style="cursor: pointer;"
Estos son los cursores predeterminados y sus valores:
 
 default
 pointer  text  crosshair
 wait  move  help
Un caso especial es el tipo resize que no se usa directamente sino que requiere que se indique la dirección:
 
 n-resize  e-resize  s-resize  w-resize
 ne-resize  se-resize  sw-resize  nw-resize
 
Los cursores son parte de los navegadores así que, dependiendo de cuál utilicemos, habrá ciertas variaciones. En las últimas versiones, a partir de IE6 se han agregado más posibilidades. Algunas de ellas son utilizadas por todos, otras sólo son accesibles por uno u otro. Para ver el resultado, basta poner el puntero sobre la imagen:

progress

no-drop

all-scroll

not-allowed

row-resize

col-resize

vertical-text

copy / -moz-copy

alias / -moz-alias

nwse-resize

nesw-resize

cell / -moz-cell

-moz-zoom-out

-moz-zoom-in

-moz-grabbing

-moz-grab
 
Como si esto fuera poco, la propiedad nos permite utilizar cursores personales, para esto, basta indicar la dirección URL de la imagen.

Aquí comienzan los problemas, diferencias e incógnitas. Internet Explores sólo soporta los formatos CUR o ANI. Firefox soporta imágenes PNG, JPG, CUR y GIF pero no cursores ANI. Además, si el GIF es animado se mostrará estático.

Lo razonable es colocar siempre un cursor alternativo, en IE no es obligatorio pero en Firefox sí, si no lo hacemos, simplemente no funciona. La sintaxis es la siguiente:
cursor:url('URL_imagen'), auto;"
Lo normal es utilizar el valor auto como puntero alternativo pero, puede ser cualquier otro.
 
Imágenes en formato CUR
Imágenes en formato ANI (sólo en Internet Explorer)
Otros formatos de imágenes (sólo en Firefox)
PNG JPG GIF

 

 


First  Previous  Without answer  Next   Last  
Anuncios:

 
©2020 - Gabitos - All rights reserved