CSS - Esquemas de links

duchamp · #1 (**permalink**) 12/01/2002, 07:37

Necesito un tutorial "clarito" acerca de cómo utilizar 2 o 3 esquemas de links en una misma página. Es decir, tener un esquema de colores para un menú y otro diferente para el resto (sin frames, claro).
Por ejemplo, normalmente utilizo ésto en el <head> (supongamos que es parte del menú):
A:link {color:#333333; text-decoration: none}, etc.
Ahora, cómo aplico otro color a los links del texto principal? ...
Gracias por adelantado.

Duchamp

Darklife · #2 (**permalink**) 12/01/2002, 09:40

Hola, yo tambien estoy interesado en eso, es un problema si no usas frames, y ya que estamos, alguien sabe como se hace para que el link se quede como si le aplicaras underline y overline a la misma vez? lo he visto en algunas paginas, y yo solo se hacer o una cosa o la otra, como se hacen las 2?.

Un saludo y lamento no poder ayudarte, me parece que yo aun necesito mas ayuda que tu ;)

mikel_gomez · #3 (**permalink**) 12/01/2002, 10:01

Mírate este ejemplo. En él se combinan tres tipos de estilos para enlaces. Uno definido por defecto, otro como clase y un tercero, en el propio enlace.

<pre><html>
<head>
<style type="text/css">



a:link {color: black; }
a:hover {color: red; }
a:visited {color: yellow; }
a:link.e1 {color: green; text-decoration: none;}
a:hover.e1 {color: red; background-color: yellow; font-weight: bold;}
a:visited.e1 {color: yellow; font-weight: normal;}
</style>
</head>
<body>
Ejemplo de estilos en enlaces
<hr /><br />
Estilo definido por defecto:<br />
<a href="direccion">Enlace 1</a>
<br /><br />
Estilo definido para clase e1:<br />
<a href="direccion" class="e1">Enlace 2</a>
<br /><br />
Estilo definido en el propio enlace:<br />
<a href="direccion" style="color: pink;">Enlace 3</a>
</body>
</html> </pre>

Espero que ayude.
Saludos.

<style>.t{font: 8pt verdana; text-decoration: none; color: black;}</style><hr><span class="t"><a href="mailto:[email protected]" class="t" style="font: 10pt;">Mikel Gómez</a><br>Hay que aprender mucho para saber poco.</span>

duchamp · #4 (**permalink**) 12/01/2002, 10:55

Mikel, muchas gracias!
Está más que clarito y muy fácil.

Buen fin de semana.
Bye

Duchamp

duchamp · #5 (**permalink**) 12/01/2002, 11:27

Darklife, a ver si ésto te sirve:
<pre><html>
<head>
<style type="text/css">

</style>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<p><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#000000">Enlace
version 1:<br>
<br>
<a href="#">Link uno</a><br>
<br>
Enlace version 2:<br>
<br>
<a href="#" class="b1">Link dos</a><br>
</font>
</p>
</body>
</html> </pre>

Suerte!

Duchamp

duchamp · #6 (**permalink**) 12/01/2002, 11:29

Puff! Ha quedado un poquito ancho eso!
Mil perdones!
Bye.

Duchamp

Darklife · #7 (**permalink**) 12/01/2002, 14:44

Gracias aunque sea un tocho del quince!!!! a ver si consigo sacar algo en claro.

Un saludo.

zpez · #8 (**permalink**) 12/01/2002, 18:00

Otra idea:
Defines un tipo de a:link para que se comporte de forma distinta si está de tro de un párrafo P o dentro de un H1 etc..

A:link {
font : 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #999999;
text-decoration : none;}

P A:link{
font : 15px Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #66CC99;
text-decoration : underline;} o incluso una etiqueta P contextual:

P.otro A:link{
font : 15px Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #66CC99;
text-decoration : underline;}

abrazox.