Puntero: selección de texto

terrariomania · #1 (**permalink**) 08/01/2006, 07:25

Hola, revisando temas de estos foros he aprendido a cambiar el puntero del mouse por otro (previamente creado con el programa Microangelo). También he conseguido que cambie al pasar sobre un hipervinculo a otro también creado por mi.

Bien.

El problema es que me gustaría crear otro para cuando estás sobre un texto (ya que al crear el primero desapareció el de selección de texto). Él típico segmento vertical similar a " I ". Le llamaría cursoltex.cur

¿Como hago?

El sitio está colgado temporalmente:
http://personal.telefonica.terra.es/...anti/index.htm

P.D. también quisiera saber como hago para que cambia a uno 4º cursor sobre sienrtas imágenes o palabras (para poner un signo de " ? " en términos de ayuda. Eso juraría haberlo visto por aquí, miraré ahora.

Jorolo · #2 (**permalink**) 08/01/2006, 08:37

Hola terrariomania.

Prueba el siguiente código:

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<title>Punteros</title>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'> 
<style type="text/css">
#auto {cursor: url(), auto;}
#crosshair {cursor: url(), crosshair;}
#default {cursor: url(), default;}
#pointer {cursor: url(), pointer;}
#move {cursor: url(), move;}
#e-resize {cursor: url(), e-resize;}
#ne-resize {cursor: url(), ne-resize;}
#nw-resize {cursor: url(), nw-resize;}
#n-resize {cursor: url(), n-resize;}
#se-resize {cursor: url(), se-resize;}
#sw-resize {cursor: url(), sw-resize;}
#s-resize {cursor: url(), s-resize;}
#w-resize {cursor: url(), w-resize;}
#text {cursor: url(), text;}
#wait {cursor: url(), wait;}
#help {cursor: url(), help;}
#progress {cursor: url(), progress;}
</style>

<p id='auto'>auto</p>
<p id='crosshair'>crosshair</p>
<p id='default'>default</p>
<p id='pointer'>pointer</p>
<p id='move'>move</p>
<p id='e-resize'>e-resize</p>
<p id='ne-resize'>ne-resize</p>
<p id='nw-resize'>nw-resize</p>
<p id='n-resize'>n-resize</p>
<p id='se-resize'>se-resize</p>
<p id='sw-resize'>sw-resize</p>
<p id='s-resize'>s-resize</p>
<p id='w-resize'>w-resize</p>
<p id='text'>text</p>
<p id='wait'>wait</p>
<p id='help'>help</p>
<p id='progress'>progress</p>

terrariomania · #3 (**permalink**) 08/01/2006, 08:51

Pero ese texto no me cambiaría todo lo que yo he predefinido? Si usase ese código sería solo pegar entre head y head:

Código HTML:

<style type="text/css">
#auto {cursor: url(), auto;}
#crosshair {cursor: url(), crosshair;}
#default {cursor: url(), default;}
#pointer {cursor: url(), pointer;}
#move {cursor: url(), move;}
#e-resize {cursor: url(), e-resize;}
#ne-resize {cursor: url(), ne-resize;}
#nw-resize {cursor: url(), nw-resize;}
#n-resize {cursor: url(), n-resize;}
#se-resize {cursor: url(), se-resize;}
#sw-resize {cursor: url(), sw-resize;}
#s-resize {cursor: url(), s-resize;}
#w-resize {cursor: url(), w-resize;}
#text {cursor: url(), text;}
#wait {cursor: url(), wait;}
#help {cursor: url(), help;}
#progress {cursor: url(), progress;}
</style>

<p id='auto'>auto</p>
<p id='crosshair'>crosshair</p>
<p id='default'>default</p>
<p id='pointer'>pointer</p>
<p id='move'>move</p>
<p id='e-resize'>e-resize</p>
<p id='ne-resize'>ne-resize</p>
<p id='nw-resize'>nw-resize</p>
<p id='n-resize'>n-resize</p>
<p id='se-resize'>se-resize</p>
<p id='sw-resize'>sw-resize</p>
<p id='s-resize'>s-resize</p>
<p id='w-resize'>w-resize</p>
<p id='text'>text</p>
<p id='wait'>wait</p>
<p id='help'>help</p>
<p id='progress'>progress</p>

o también:

Código HTML:

<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>

Por que supongo que noserá necesario:

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<title>Punteros</title>

Por cierto, ya he conseguido cambiar el cursor al pasar sobre el texto usando:

TEXTO QUE APARECERÁ

Jorolo · #4 (**permalink**) 08/01/2006, 09:17

Hola de nuevo.

No, no te ofrecí el código para que lo insertaras directamente en tus documentos.

El código es una prueba, un ejemplo, una muestra del uso de palabras clave como valores de la propiedad cursor.

Creas un archivo, copias y pegas el código, y lo guardas como loquesea.html

El DOCTYPE, el title y el meta los he incluido para que el ejemplo sea un documento html completo.

Ademas de permitirte comprobar que el código es html válido.

terrariomania · #5 (**permalink**) 08/01/2006, 09:34

Ah, jejeje.

perdona mi torpeza. Ya veo lo que es.

Le echo un ojo a ver si le encuentro algo que me sirva.

Gracias y perdón de nuevo.

terrariomania · #6 (**permalink**) 08/01/2006, 09:45

A ver si entiendo.

El que yo quiero es el de text (aunque quisiera cambiarlo por el mio cursortext.cur por ejemplo) que aún no sé porque se ha ido.

Lo que veo ahí es que abría que ponerle id a cada texto?

No lo veo claro. Más bien no lo entiendo.

webosiris · #7 (**permalink**) 08/01/2006, 10:59

algo menos complicado...
en el css:

Código HTML:

<style type="text/css">
p {cursor: url(cursortext.cur), text;}
</style>

terrariomania · #8 (**permalink**) 08/01/2006, 13:00

Eso era lo que yo quería, es lo que he ido poniendo antes. Lo que pasa es que he tenido que pone font en lugar de p.

font {cursor: url(cursortext.cur), text;}

Debería sustituir los font por p en todo el código?
Creo que algo así me dijo un compañero del foro que me está ayudando poco a poco con mis códigos (saludos Vites!!!)

Tengo:

En Món Exòtic
somos especialistas en....

¿Cambio por:

En Món Exòtic
somos especialistas en....

??

Gracias... voy avanzando al final.

Jorolo · #9 (**permalink**) 08/01/2006, 13:43

Hola.

Lo que veo ahí es que abría que ponerle id a cada texto?

De tus preguntas deduzco que aun no tienes mucha idea de CSS o HTML.
Si quieres aprender la respuesta a esta y a todas tus demas dudas te sugiero que leas.
Por ejemplo:
http://www.w3.org/2003/03/Translatio...ge?language=es
http://www.sidar.org/recur/desdi/tra...hp#especixhtml

Puedes empezar por:
http://html.conclase.net/w3c/html401-es/cover.html
http://www.sidar.org/recur/desdi/tra...css/cover.html

webosiris · #10 (**permalink**) 08/01/2006, 19:51

si, te recomiendo leer algo sobre css

la idea es que todo lo que es estilo (colores, tamaños, posiciones, etc) vaya escrito en css en un archivo aparte, para así quedarte el html solo con la estructura... lo que vos pusiste (<font face...) es html, por lo que lo mejor es que lo pases todo a css..

p{
font:0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
cursor: url(cursortext.cur), text;
}
-------------------------
después en el html...
el texto que quieras
--------------------------
esto facilita muchas cosas, por ejemplo ahora si queres cambiar el tipo de letra vas a tener que modificar una sola línea y no todos los <font que tenías...

terrariomania · #11 (**permalink**) 09/01/2006, 07:22

Ya, creo que entendí.

Tengo que definir las caractersiticas (CSS) en un archivo aparte, pero... un html? un txt? Va suelto en la carpeta donde tengo el web' y se debe llamar de algun modo especial claro.

Lo de leer tutoriales... lo intento, de verás. Pero es que no entiendo mucho. Cada vez voy entendiendo más cosas a partir de lo que les leo a ustedes (voy entendiendo algo de lo que significan los códigos, pq para mi esto es un idioma distinto, jeje) pero en los tutoriales no me entero de nada.