Foros del Web » Creando para Internet » HTML »

Links que cambien de color...

Estas en el tema de Links que cambien de color... en el foro de HTML en Foros del Web. Como se puede hacer para que cuando alguien pase su mouse por un link este cambie de color? Algo asì como, el link es azul ...
  #1 (permalink)  
Antiguo 20/02/2002, 18:33
 
Fecha de Ingreso: diciembre-2001
Mensajes: 120
Antigüedad: 16 años
Puntos: 0
Links que cambien de color...

Como se puede hacer para que cuando alguien pase su mouse por un link este cambie de color?
Algo asì como, el link es azul y cuando pasas el mouse por ese link cambia a azul claro, pero sin dar click, que solo cambie de color con pasar el mouse sin entrar al link.
  #2 (permalink)  
Antiguo 20/02/2002, 18:50
 
Fecha de Ingreso: enero-2002
Mensajes: 29
Antigüedad: 15 años, 10 meses
Puntos: 0
Re: Links que cambien de color...

Hola, eso que dices se realiza en la hoja de estilo de tu sitio web (si es que ya la tienes creada, sino tendrás que hacer una nueva).

El código es el siguiente, en la hoja de estilo tienes que incluir lo siguiente:

.enlace:link {font-family: Garamond, "Times New Roman"; color:#000000; text-decoration: none;}
.enlace:visited {font-family: Garamond, "Times New Roman"; color:#000000; text-decoration: none;}
.enlace:hover {font-family: Garamond, "Times New Roman"; color:#ff0000; text-decoration: none;}

Te explico un poco el código. Hemos definido un tipo llamado enlace, y luego hemos puesto sus distintas caracteristicas segun el esté activo, visitado o en reposo. hover es cuando el puntero está sobre el enlace, y puedes definir tanto su face, como su tamaño y su color. visited es cuando ya se ha visitado ese enlace, y puedes cambiar las mismas caracteristicas, y link es cuando está en reposo.

cuando hagas el enlace debes ponerlo así en el código html

<a class="enlace" href="....">TU ENLACE</a>
De esta manera le estas diciendo a tu enlace que es de tipo "enlace".

Antes de todo tienes también que "añadir" la hoja de estilo a tu sitio web.

Seguro que te he liado mas de lo que estabas, te recomiendo que pilles algun manual html de aquí y visites Hojas de estilo, verás como te soluciona mucho mejor que yo.

Un saludo enorme y suerte.
  #3 (permalink)  
Antiguo 20/02/2002, 18:51
 
Fecha de Ingreso: diciembre-2001
Mensajes: 77
Antigüedad: 16 años
Puntos: 0
Re: Links que cambien de color...

Se hace con CSS.
en <pre>&lt;head&gt; </pre> escribe:

<pre> &lt;style type=&quot;text/css&quot;&gt;&lt;!--
a:hover {color: red; }
&lt;/style&gt; </pre>
  #4 (permalink)  
Antiguo 20/02/2002, 18:54
 
Fecha de Ingreso: enero-2002
Mensajes: 29
Antigüedad: 15 años, 10 meses
Puntos: 0
Re: Links que cambien de color...

Mira, en otro post estaba también explicado y recomendaban un par de enlaces. aqui te los pongo:

jlmm
de Colombia
--------------------------------------------------------------------------------
Hola!,

En La Siguiente Pagina Esta Muy Bien Explicado Como Hacer Esta Clase De Efectos Con Hojas De Estilo:

http://www.developy.com/taller/leer.php?...

Mas Informacion En:

http://www.htmlpoint.com/css/css_04.htm...
  #5 (permalink)  
Antiguo 20/02/2002, 23:08
 
Fecha de Ingreso: julio-2001
Ubicación: Internet
Mensajes: 1.690
Antigüedad: 16 años, 4 meses
Puntos: 1
Re: Links que cambien de color...

Hola!,

Los Enlaces Estan Mal, Son Estos:

<a href='ir.asp?http://www.forosdelweb.com/ir.asp?http://www.developy.com/taller/leer.php?taller=3' target='_blank'>http://www.forosdelweb.com/ir.asp?http:/...</a>

<a href='ir.asp?http://www.forosdelweb.com/ir.asp?http://www.htmlpoint.com/css/css_04.htm' target='_blank'>http://www.forosdelweb.com/ir.asp?http:/...</a>

Sobre Todo El Primero Te Ayudara Mucho A Entender El Funcionamiento De Estos Efectos.

<CENTER><B>.Usuarios Activos.</B><BR><IMG SRC="http://www.multimania.com/jlmnetwork/PHPScripts/UsuariosActivos/activos.php?ID=1&img=1" BORDER=0 ALT="JLMNetwork.com - PHPScripts">
  #6 (permalink)  
Antiguo 21/02/2002, 18:07
Avatar de Potro  
Fecha de Ingreso: abril-2001
Mensajes: 2.249
Antigüedad: 16 años, 7 meses
Puntos: 39
Re: Links que cambien de color...

El ejemplo que da 3dboy

esta mal por que al poner

&lt;style type=&quot;text/css&quot;&gt;&lt;!--a:hover {color: red; }&lt;/style&gt;


***** &lt;!-- *****

y no cerrarlo esta diciendo que lo de adelante es solo comentario y no se vera la página así que seria mejor poner...

&lt;style type=&quot;text/css&quot;&gt;a:hover {color: red; }&lt;/style&gt;


una observación ......


<div align=center>
<param name=movie value=http://www.guerrerohermida.com.mx/firma.swf>
<param name=quality value=high><embed src=http://www.guerrerohermida.com.mx/firma.swf WIDTH=200 HEIGHT=75>
</embed></div>
  #7 (permalink)  
Antiguo 21/02/2002, 18:07
Avatar de Potro  
Fecha de Ingreso: abril-2001
Mensajes: 2.249
Antigüedad: 16 años, 7 meses
Puntos: 39
Re: Links que cambien de color...

El ejemplo que da 3dboy

esta mal por que al poner

&lt;style type=&quot;text/css&quot;&gt;&lt;!--a:hover {color: red; }&lt;/style&gt;


***** &lt;!-- *****

y no cerrarlo esta diciendo que lo de adelante es solo comentario y no se vera la página así que seria mejor poner...

&lt;style type=&quot;text/css&quot;&gt;a:hover {color: red; }&lt;/style&gt;


una observación ......


<div align=center>
<param name=movie value=http://www.guerrerohermida.com.mx/firma.swf>
<param name=quality value=high><embed src=http://www.guerrerohermida.com.mx/firma.swf WIDTH=200 HEIGHT=75>
</embed></div>
  #8 (permalink)  
Antiguo 23/02/2002, 05:50
Avatar de Ninjalatin  
Fecha de Ingreso: julio-2001
Ubicación: Varios
Mensajes: 274
Antigüedad: 16 años, 5 meses
Puntos: 0
Re: Links que cambien de color...

Hola:
Visita este sitio, allí podrás &quot;jugar&quot; con las opciones que quieras para cambiar el color al texto al pasar el mouse o hacer clic.
<a href='ir.asp?http://www.dynamicdrive.com/dynamicindex5/linkover.htm' target='_blank'>http://www.dynamicdrive.com/dynamicindex...</a>
Saludos.

<font color="#990000" face="Verdana,Tahoma">Sushi & Piscosour[/CODE]
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:19.