Foros del Web » Creando para Internet » HTML »

CSS - Esquemas de links

Estas en el tema de CSS - Esquemas de links en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 12/01/2002, 07:37
Avatar de duchamp  
Fecha de Ingreso: enero-2002
Ubicación: Patagonia
Mensajes: 216
Antigüedad: 15 años, 11 meses
Puntos: 1
CSS - Esquemas de links

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
  #2 (permalink)  
Antiguo 12/01/2002, 09:40
 
Fecha de Ingreso: enero-2002
Mensajes: 71
Antigüedad: 15 años, 11 meses
Puntos: 0
Re: CSS - Esquemas de links

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 ;)
  #3 (permalink)  
Antiguo 12/01/2002, 10:01
Avatar de mikel_gomez  
Fecha de Ingreso: febrero-2001
Mensajes: 482
Antigüedad: 16 años, 9 meses
Puntos: 3
Re: CSS - Esquemas de links

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>&lt;html&gt;
&lt;head&gt;
&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- A:link Especifica el estilo de los enlaces no visitados. --&gt;
&lt;!-- A:hover Indica el estilo del enlace cuando nos situamos sobre él. --&gt;
&lt;!-- A:visited Hace referencia a los enlaces ya visitados. --&gt;
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;}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
Ejemplo de estilos en enlaces
&lt;hr /&gt;&lt;br /&gt;
Estilo definido por defecto:&lt;br /&gt;
&lt;a href=&quot;direccion&quot;&gt;Enlace 1&lt;/a&gt;
&lt;br /&gt;&lt;br /&gt;
Estilo definido para clase e1:&lt;br /&gt;
&lt;a href=&quot;direccion&quot; class=&quot;e1&quot;&gt;Enlace 2&lt;/a&gt;
&lt;br /&gt;&lt;br /&gt;
Estilo definido en el propio enlace:&lt;br /&gt;
&lt;a href=&quot;direccion&quot; style=&quot;color: pink;&quot;&gt;Enlace 3&lt;/a&gt;
&lt;/body&gt;
&lt;/html&gt; </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>
  #4 (permalink)  
Antiguo 12/01/2002, 10:55
Avatar de duchamp  
Fecha de Ingreso: enero-2002
Ubicación: Patagonia
Mensajes: 216
Antigüedad: 15 años, 11 meses
Puntos: 1
Re: CSS - Esquemas de links

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

Buen fin de semana.
Bye


Duchamp
  #5 (permalink)  
Antiguo 12/01/2002, 11:27
Avatar de duchamp  
Fecha de Ingreso: enero-2002
Ubicación: Patagonia
Mensajes: 216
Antigüedad: 15 años, 11 meses
Puntos: 1
Re: CSS - Esquemas de links

Darklife, a ver si ésto te sirve:
<pre>&lt;html&gt;
&lt;head&gt;
&lt;style type=&quot;text/css&quot;&gt;
&lt;!--
a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; text-decoration: underline overline; font-style: normal; background-color: #CCCCCC}
a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; text-decoration: underline overline; font-style: normal; background-color: #CCCCCC}
a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #993300; text-decoration: line-through}
a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #993399; text-decoration: none}

a:active.b1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #CC9900; text-decoration: line-through; font-style: normal; background-color: #FFFFFF}
a:hover.b1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #CC9900; text-decoration: line-through; font-style: normal; background-color: #FFFFFF}
a:link.b1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #993300; text-decoration: underline overline}
a:visited.b1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #993399; text-decoration: none}
--&gt;
&lt;/style&gt;
&lt;/head&gt;

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

Suerte!


Duchamp
  #6 (permalink)  
Antiguo 12/01/2002, 11:29
Avatar de duchamp  
Fecha de Ingreso: enero-2002
Ubicación: Patagonia
Mensajes: 216
Antigüedad: 15 años, 11 meses
Puntos: 1
Re: CSS - Esquemas de links

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

Duchamp
  #7 (permalink)  
Antiguo 12/01/2002, 14:44
 
Fecha de Ingreso: enero-2002
Mensajes: 71
Antigüedad: 15 años, 11 meses
Puntos: 0
Re: CSS - Esquemas de links

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

Un saludo.
  #8 (permalink)  
Antiguo 12/01/2002, 18:00
 
Fecha de Ingreso: octubre-2001
Mensajes: 268
Antigüedad: 16 años, 1 mes
Puntos: 0
Re: CSS - Esquemas de links

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.
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 11:05.