Bienvenido: ( Identificarse | Registrarse )      
Foros de Trucos Windows
Closed TopicStart new topicStart Poll

Outline · [ Estándar ] · Lineal+

> hola, de nuevo por aqui

joan_makoy
post Dec 6 2006, 06:54 PM
Publicado: #1


Miembro Elite
****

Grupo: Members
Mensajes: 156
Registrado: 21-October 05
Miembro nº: 150.991
hola a todos yo creo q soy el que mas preguntas hago en este foro jejeje.
bueno duda es que quisiera saber como cambiar el cursor o puntero de mi pagina por una que este guapo.
yo me descargue cursores pero no se como los pongo en mi pagina...


User is offlineProfile CardPM
Go to the top of the page
+Quote Post
1001Dudas
post Dec 6 2006, 07:09 PM
Publicado: #2


Miembro
**

Grupo: Members
Mensajes: 41
Registrado: 13-September 06
Miembro nº: 180.732
Para la página en general:

body {

cursor: crosshair;

}

Los posibles valores son:

donde: crosshair puedes poner otro valores (cursores) de la siguiente lista
* crosshair
* hand
* move
* text
* wait
* help
* e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize
* default




default (flecha)
crosshair (cruz)
e-resize (flecha que apunta a la derecha)
hand (mano)
help (signo de pregunta)
move (cruz con flechas en los extremos)
n-resize (flecha que apunta hacia arriba)
ne-resize (flecha que apunta al noreste)
nw-resize (flecha que apunta al noroeste)
pointer (mano)
s-resize (flecha que apunta hacia abajo)
se-resize (flecha que apunta hacia el sudeste)
sw-resize (flecha que apunta hacia el sudoeste)
text (I-beam)
w-resize (flecha que apunta a la izquierda)
wait (reloj de arena)

Para cuando pongas el cursor sobre un enlace y este cambie de curso;

<A HREF="www.tuweb.com" style="cursor:hand">

donde hand puesdes poner otro cursor de la lista de arriba


User is offlineProfile CardPM
Go to the top of the page
+Quote Post
Wily001
post Dec 6 2006, 07:09 PM
Publicado: #3


Gnu/Linux Vivi tu liberad!!!
Group Icon

Grupo: Moderadores
Mensajes: 1.973
Registrado: 1-September 04
Miembro nº: 16.414
Buenas...

haber si te ayuda esto:

QUOTE
Existe dos tipos de cursores:
Estático o fijo que tiene como extensión  .CUR
Animado que tiene como extensión  .ANI

Para usar cualquiera de estos tipos de cursor debes escribir el siguiente código entre las etiquetas <HEAD>  y  </HEAD>.

Ejemplo:

<HEAD>

<style type="text/css">
body {cursor : url("ruta/nombre_cursor.extension") }
</style>
type="text/css">
body {cursor : url("ruta/nombre_cursor.extension") }
</style>

</HEAD>.

Ten en cuenta que si usas un cursor personalizado, tienes que subir el archivo (CUR o ANI) a donde se encuentra alojado tu pagina. y en ruta/nombre_cursor.extension escribir lo que corresponde, ejemplo: imagenes/micursor.ani

Ahora puedes usar en tu archivo .CSS de clases para indicarle que cambie el cursor, usando el criterio anterior, ejemplo:

a:link { url("ruta/nombre_cursor.extension") }
a:active { url("ruta/nombre_cursor.extension") }
a:visited { url("ruta/nombre_cursor.extension") }
a:hover { url("ruta/nombre_cursor.extension") }

asi de ese modo puedes cambiar también cuando te posicionas en un enlace y no te muestre la clásica manito blanca, por defecto de Windows sino, el cursor personalizado...



QUOTE
Cambiando el Cursor del Mouse

Nuestro sistema operativo tiene cursores preestablecidos, como la famosa (flecha). Existen quienes tienen la curiosidad o necesidad de aplicar ciertos cambios a su cursor. Puedes tener como cursor hasta una imagen creada por ti mismo.

csscursorNuestro sistema operativo posee cursores por defecto. En Windows podemos encontrar varios cursores que se activan cuando pasamos por "ciertas zonas" de nuestra pantalla. Por ejemplo, cuando nos posicionamos sobre un link, la típica flechita (denominada default en CSS) cambia por la manita ( pinter ). Como en el ejemplo anterior, podemos encontrar decenas de situaciones en donde nuestro puntero cambia de imagen.

Con la ayuda de las hojas de estilo podemos forzar a nuestro sistema operativo que no se rija más sobre las normas convencionales de los punteros; logrando así un atractivo diseño web en donde el puntero de nuestro mouse puede llegar a ser hasta una imagen de nuestra propia creación.

A continuación pueden observar la lista de los cursores disponibles por defecto en Windows:

    * default (flecha)
    * crosshair (cruz)
    * e-resize (flecha que apunta a la derecha)
    * hand (mano)
    * help (signo de pregunta)
    * move (cruz con flechas en los extremos)
    * n-resize (flecha que apunta hacia arriba)
    * ne-resize (flecha que apunta al noreste)
    * nw-resize (flecha que apunta al noroeste)
    * pointer (mano)
    * s-resize (flecha que apunta hacia abajo)
    * se-resize (flecha que apunta hacia el sudeste)
    * sw-resize (flecha que apunta hacia el sudoeste)
    * text (I-beam)
    * w-resize (flecha que apunta a la izquierda)
    * wait (reloj de arena)

Al igual que todas las propiedades del lenguaje CSS, es posible definir el objeto aplicándolo a todo el documento o solo a una parte del mismo.
A todo el documento:


<html>

<title>Cambiar el cursor</title>
<head>
<style type="text/css">
<!--
  body {cursor: pointer}

  -->
</style>
</head>
<body></body>

</html>

A algunos sectores del documento:

<html>
<title>Cambiar el cursor</title>
<head>
</head>

<body>
<h4 style="cursor: default">default</h4>
<h4 style="cursor: crosshair">crosshair</h4>
<h4 style="cursor: pointer">pointer</h4>

<h4 style="cursor: move">move</h4>
<h4 style="cursor: nw-resize">nw-resize</h4>
<h4 style="cursor: ne-resize">ne-resize</h4>

<h4 style="cursor: n-resize">n-resize</h4>
<h4 style="cursor: e-resize">e-resize</h4>
<h4 style="cursor: help">help</h4>

<h4 style="cursor: text">text</h4>
<h4 style="cursor: wait">wait</h4>
</body>
</html>

También es posible utilizar un cursor personalizado:

<html>
<title>Cambiar el cursor</title>
<head>
<style type="text/css">

<!--
  body {cursor : url("find.cur")}
  -->
</style>
</head>

<body>
</body>
</html>



Saludos

Mensaje modificado por Wily001 el Dec 6 2006, 07:12 PM


User is offlineProfile CardPM
Go to the top of the page
+Quote Post
 

 
 Closed TopicTopic OptionsStart new topic

Collapse

> Topicos similares

Titulo Autor visitas Respuestas Ultimo post
Hola a todos mi duda es que tengo un portatil H ... mimosin69 90 3 Ayer, 08:56 PM
By: andylon
hola podrian revisen log GELUNA 71 5 Nov 25 2008, 08:37 PM
By: yosoydoug
Hola Revisen mi Log Gracias oasis5000 30 1 Nov 18 2008, 09:37 AM
By: Caito
hola lo necesito webcat_n 101 1 Nov 5 2008, 09:41 AM
By: Kbite
Hola una curiosidad que tengo... notbugme 69 1 Oct 31 2008, 09:10 AM
By: Kbite

Invision Power Board v2.0.4 © 2008  IPS, Inc. Licensed to: ©trucoswindows.net