Foros Club Delphi - Colores de links

Foros Club Delphi (https://www.clubdelphi.com/foros/index.php)

- HTML, Javascript y otros (https://www.clubdelphi.com/foros/forumdisplay.php?f=38)

- - Colores de links (https://www.clubdelphi.com/foros/showthread.php?t=32700)

Colores de links

Hola
para dar un color distinto a los links de mi pagina utlizo el siguiente codigo

Código:

<style type="text/css"> < A:link {text-decoration:none; color:#ffffff}  A:visited {text-decoration:none; color:#000000}  A:active {text-decoration: none}   A:Hover {text-decoration:none;  color:#FF9933;}

</style>

pero como puedo hacer para que un grupo de links tengan esos colores y otro grupo de links(dentro de la misma pagina) adquieran otros?

Hola,

Tendrás que "clasificar" los enlaces, o bien "identificar" alguno de ellos, o bien meterlos en marcos a los que luego puedas dar su correspondiente estilo, incluyendo los enlaces que contenga dicho marco.

¿Un ejemplo? Lo haremos únicamente con el "a:link", para no liarnos demasiado. Por cierto, que sepas que también valdría un "a", simplemente, para dar el mismo estilo a todos los enlaces, pero, a lo que vamos:

Código:

body { }



a:link { } /* Enlaces en todo el documento */



.enlace {} /* Enlaces de la clase "enlace" */



#enlace {} /* Enlace identificado como "enlace" */



div.marco a:link {} /* Enlaces dentro de "div" de clase "marco" */



div#marco a:link {} /* Enlaces dentro de "div" de ID "marco" */

Como ves puedes hacer diferentes "combinaciones" para lograr lo que pretendes. ;)

Muchas gracias. He diseñado este ejemplo, aunque me ha funcionado a medias debido a que aun me aparecen los enlaces subrayados y solo en el color que tengo a:hover, que en la clase .pre es "#aaaaaa" y en la .ver "#ff9933"

¿que hago mal?

Código:

<style type="text/css"> 

 

.pre{A:link text-decoration:none; color:#AAAAAA  A:visited text-decoration:none; color:#AAAAAA  A:active text-decoration: none;   A:Hover text-decoration:none;  color: #AAAAAA}

 

.ver{A:link text-decoration:none; color:#FFFFFF  A:visited text-decoration:none; color:#FFFFFF  A:active text-decoration: none;   A:Hover text-decoration:none;  color: #FF9933}

</style>

 

<BODY bgcolor=black>

       <A HREF="index.php" CLASS="PRE">&nbsp; &nbsp;Inicio  &nbsp; &nbsp; &nbsp;</a>|

       <A HREF="crea_anuncio.php" CLASS="PRE"> enlace x del grupo 1 </a><br>

       <A HREF="preguntas.php" CLASS="PRE">    enlace y del grupo 1 </a><br>  

    <A HREF="recomienda.php" CLASS="PRE">   enlace z del grupo 1 </a><br> 

 

 

    <A HREF="pag1.php" CLASS="VER">&nbsp; &nbsp;Inicio  &nbsp; &nbsp; &nbsp;</a>|

       <A HREF="pag2.php" CLASS="VER"> enlace a del grupo 2 </a><br>

       <A HREF="pag3.php" CLASS="VER"> enlace b del grupo 2 </a><br>  

    <A HREF="pag4.php" CLASS="VER"> enlace c del grupo 2 </a><br> 

</BODY>

Hola CARLOS E

Prueba con este código:

Código:

<style type="text/css"> 

.pre {text-decoration:none; color:#AAAAAA}

.ver {text-decoration:none; color:#FFFFFF}

</style>

</head>

<body style="background:black">

<a href="pagina1.html" class="pre">Enlace</a>

<a href="pagina2.html" class="ver">Enlace</a>

</body>

Saludos, :cool: