Foros del web, para los que viven de bits

RootK · 26-abr-2002, 22:36

Hola a todos, miren, quisiera saber si hay manera de podre crear otro color a mis letras por ejemplo.. si deseo que mis letras cambien puedo darle estilo de la siguiente manera:
a:link {color:red; font-size="14" }
a:hover {color:black; font-size="14" }

por lo que mi link normal es de color rojo y cuando pasa el mouse cambia a negro.. pero mi duda es que como hago para que ese estilo no me afecte a otro <a href:...>, porque cada vez que use <a href> se aplicará ese estilo.. no se si haya manera de usar por ejemplo:
.estilo:hover{...estilo...}
y lo pueda incluir en mi enlace de "<a href>"
pero con otro estilo..!!

Espero haberme dado a entender.. espero sus respuetas...y gracias...

P.D.- Deseo que al pasar el mouse cambie de color y me haga algun background pero de diferente estilo a un <a href> a otro, otro.. etc...!!

Saludos...

JavierB · 27-abr-2002, 04:35

Hola, RootK.

Esto es lo que tienes que poner:

Código:

a:link.estilo {color:red; font-size=&quot;14&quot;}
a:hover.estilo {color:black; font-size=&quot;14&quot;}

&lt;a href=&quot;#&quot; class=&quot;estilo&quot;&gt;enlace&lt;/a&gt;

Lo de hacer algún background no lo he entendido. :(

Saludos,

---------------
Pregunta lo que ignoras y pasarás por ton.to 5 minutos.
No lo preguntes y serás ton.to toda la vida.

caricatos · 27-abr-2002, 06:22

Hola RootK:

Sobre la primera parte de la pregunta, no puedo añadir más de lo que pone JavierB, ya que no suelo usar las etiquetas a porque no me gusta la estética, ya que si han visitado los enlaces que pongo, realmente me da igual, y a los visitantes no creo que tampoco les importe (seguro que a muchos les parece útil, y lo respeto), pero mi intención está en contestar la posdata (si es que la entendí bien).

Si quieres cambiar el fondo de la página al pasar el ratón por el enlace, puedes poner algo así:

onmouseover="document.body.background='ficher o_de_fondo_alternativo'"...

luego deberías restaurar el antiguo con algo así:

onmouseout="document.body.background='fichero _de_fondo_original'"...

Si el background no es de toda la página, sino de alguna otra etiqueta, debes tener la etiqueta definida con un "id='algo'", y poner algo así:

onmouseover="document.getElementById('algo'). background-image=url('imagen_alternativa')", y lo mismo que el ejemplo anterior para restaurar la original.

Si quieres hacer algún cambio más puedes ponerlo en la definición del estilo, y en vez de cambiar un atributo del estilo, puedes cambiar la clase completa, por ejemplo:

onmouseover="document.getElementById('algo'). className='otra_clase'".

Si no se trata de esto, entonces especifíca mejor tu problema.

Saludos.

RootK · 27-abr-2002, 14:17

Gracias a los 2 por sus repuestas..!!

Saludos...!!!!

;)

<html><center><embed src="http://www.angelfire.com/on/cobainss/Movie1.swf" height=80 width=200><BR></embed></center></html>

26-abr-2002, 22:36	#1 (permalink)
RootK Moderador Fecha de Ingreso: noviembre-2002 Ubicación: México D.F Mensajes: 7.527	Ayuda con CSS !!!!!!!! Hola a todos, miren, quisiera saber si hay manera de podre crear otro color a mis letras por ejemplo.. si deseo que mis letras cambien puedo darle estilo de la siguiente manera: a:link {color:red; font-size="14" } a:hover {color:black; font-size="14" } por lo que mi link normal es de color rojo y cuando pasa el mouse cambia a negro.. pero mi duda es que como hago para que ese estilo no me afecte a otro <a href:...>, porque cada vez que use <a href> se aplicará ese estilo.. no se si haya manera de usar por ejemplo: .estilo:hover{...estilo...} y lo pueda incluir en mi enlace de "<a href>" pero con otro estilo..!! Espero haberme dado a entender.. espero sus respuetas...y gracias... P.D.- Deseo que al pasar el mouse cambie de color y me haga algun background pero de diferente estilo a un <a href> a otro, otro.. etc...!! Saludos... <html><center><embed src="http://www.angelfire.com/on/cobainss/Movie1.swf" height=80 width=200><BR></embed></center></html>

27-abr-2002, 04:35	#2 (permalink)
JavierB Moderata Fecha de Ingreso: noviembre-2002 Ubicación: Madrid Mensajes: 19.552	Re: Ayuda con CSS !!!!!!!! Hola, RootK. Esto es lo que tienes que poner: Código: a:link.estilo {color:red; font-size="14"} a:hover.estilo {color:black; font-size="14"} <a href="#" class="estilo">enlace</a> Lo de hacer algún background no lo he entendido. :( Saludos, --------------- Pregunta lo que ignoras y pasarás por ton.to 5 minutos. No lo preguntes y serás ton.to toda la vida.

27-abr-2002, 06:22	#3 (permalink)
caricatos Moderador Fecha de Ingreso: noviembre-2002 Ubicación: Torremolinos (Málaga) Mensajes: 12.212	Re: Ayuda con CSS !!!!!!!! Hola RootK: Sobre la primera parte de la pregunta, no puedo añadir más de lo que pone JavierB, ya que no suelo usar las etiquetas a porque no me gusta la estética, ya que si han visitado los enlaces que pongo, realmente me da igual, y a los visitantes no creo que tampoco les importe (seguro que a muchos les parece útil, y lo respeto), pero mi intención está en contestar la posdata (si es que la entendí bien). Si quieres cambiar el fondo de la página al pasar el ratón por el enlace, puedes poner algo así: onmouseover="document.body.background='ficher o_de_fondo_alternativo'"... luego deberías restaurar el antiguo con algo así: onmouseout="document.body.background='fichero _de_fondo_original'"... Si el background no es de toda la página, sino de alguna otra etiqueta, debes tener la etiqueta definida con un "id='algo'", y poner algo así: onmouseover="document.getElementById('algo'). background-image=url('imagen_alternativa')", y lo mismo que el ejemplo anterior para restaurar la original. Si quieres hacer algún cambio más puedes ponerlo en la definición del estilo, y en vez de cambiar un atributo del estilo, puedes cambiar la clase completa, por ejemplo: onmouseover="document.getElementById('algo'). className='otra_clase'". Si no se trata de esto, entonces especifíca mejor tu problema. Saludos.

27-abr-2002, 14:17	#4 (permalink)
RootK Moderador Fecha de Ingreso: noviembre-2002 Ubicación: México D.F Mensajes: 7.527	Re: Ayuda con CSS !!!!!!!! Gracias a los 2 por sus repuestas..!! Saludos...!!!! ;) <html><center><embed src="http://www.angelfire.com/on/cobainss/Movie1.swf" height=80 width=200><BR></embed></center></html>

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado