Font y color en estado hover de los links

BrceWayne · #1 (**permalink**) 26/02/2002, 11:33

En el mensaje http://www.forosdelweb.com/mensaje.asp?id=52554 de Rosamunda se le contesta que para cambiar los colores en diferentes links del mismo HTML se debé hacer lo siguiente:

Cita:

<a href="enlace1.html" style="color: red;">enlace 1</a><a href="enlace2.html" style="color: green;">enlace 2</a>

Ok, eso me recontra sirvió. Ahora una pregunta que completa la duda.
Se puede de la misma forma cambiar los atributos del selector "hover" para que un link se subraye y otro cambie el color?
Gracias.

<div align="center"><img src="http://www.solutionsabc.com/firmabrce.gif" width="200" height="42">
</div>

Potro · #2 (**permalink**) 26/02/2002, 12:17

hhhuuuuuuyyyyy eso se oye bien fumado........

<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>

Potro · #3 (**permalink**) 26/02/2002, 12:18

hhhuuuuuuyyyyy eso se oye bien fumado........

BrceWayne · #4 (**permalink**) 26/02/2002, 15:07

Bueno, estuve investigando entre varios manuales de CSS y descubrí que es totalmente posible, acá les dejo un código de muestra por si acaso a alguien le interesa:

Código:

 &lt;HTML&gt;
&lt;HEAD&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot;&gt;
&lt;meta name=&quot;GENERATOR&quot; content=&quot;conTexto&quot;&gt;
&lt;TITLE&gt;test&lt;/TITLE&gt;

&lt;STYLE TYPE=&quot;text/css&quot;&gt;
&lt;!--
BODY 
   {
   Background-color: ffffff;
   font-family : Arial, Helvetica, sans-serif;
   }
A.Tipo1
   {
   color : 000000; 
   text-decoration : none; 
   }
A.Tipo1:hover
   {
   color : FF9900; 
   font-weight : bold; 
   text-decoration : none; 
   }
A.Tipo2
   {
   color : 00ff00; 
   text-decoration : none; 
   }	
A.Tipo2:hover
   {
   color : FF99FF; 
   font-weight : bold; 
   text-decoration : none; 
   }	
--&gt;
&lt;/STYLE&gt;

&lt;/HEAD&gt;
&lt;BODY&gt;
&lt;A class=tipo1 HREF=test.htm#M1&gt;Link Tipo 1&lt;/A&gt;
&lt;P&gt;
&lt;A class=tipo2 HREF=test.htm#M2&gt;Link Tipo 2&lt;/A&gt;
&lt;/BODY&gt;
&lt;/HTML&gt;

Suerte.

<div align="center"><img src="http://www.solutionsabc.com/firmabrce.gif" width="200" height="42">
</div>

magna · #5 (**permalink**) 26/02/2002, 15:44

un pequeño detalle, si te sirve, es que vos pedias que uno cambie de color y otro se subraye (cosa que no esta en tu muestra). eso se logra cambiando algun "text-decoration : none;" por "text-decoration : underline;" u "overline" etc.
saludos, magna

BrceWayne · #6 (**permalink**) 26/02/2002, 15:52

Gracias Magna, si, el ejemplo era solo a modo ilustrativo, yo ya lo implementé en mi sitio con los valores que necesitaba.
=)

<div align="center"><img src="http://www.solutionsabc.com/firmabrce.gif" width="200" height="42">
</div>