Foros del Web » Creando para Internet » CSS »

editar el css de los enlaces

Estas en el tema de editar el css de los enlaces en el foro de CSS en Foros del Web. Pues aqui estoy con una dudita... soy super novato en esto del css y ando perdido El caso es que me gustaria que los links ...
  #1 (permalink)  
Antiguo 31/07/2007, 18:11
Avatar de pekinhouse  
Fecha de Ingreso: julio-2007
Ubicación: Madrid
Mensajes: 3
Antigüedad: 10 años, 4 meses
Puntos: 0
editar el css de los enlaces

Pues aqui estoy con una dudita... soy super novato en esto del css y ando perdido

El caso es que me gustaria que los links de mi blog tuvieran una forma determinada, (bold+italic a 10 pt, en "serif") pero la cosa es que cuando lo cambio en el css se hace bien, pero también me cambia todos los titulos del blog , que aunque estan etiquetados como H2, estan subordianados a la orden de links;

es decir mi codigo esta así:

a:link, a:active, a:visited {color: #efb;
letter-spacing: 1px;
font: italic bold 10pt "Hoefler Text", Georgia, "Times New Roman", Times, serif;
}
a:hover {color: #F96D12;}
a {text-decoration: none;}

h1, h2, h3, h4 {
font-family: "Hoefler Text", Georgia, "Times New Roman", Times, serif;
text-transform: lowercase;
color: #efb;
letter-spacing: 1.5px;
}


h2 {font-size: 2em;
padding-bottom: 1em;
line-height: 1em;
}


Mi pregunta es; ¿ Como puedo hacer para que los links de H2 tengan un formato diferente al de todos los links (a:link, a:active, a:visited)?

Muchas gracias!

Mi pagina es www.pekinhouse.com y como podreis observar los titulos se ven diminutos por que estan reconocidos como enlaces. Trabajo sobre la última version de wordpress.
  #2 (permalink)  
Antiguo 01/08/2007, 06:04
 
Fecha de Ingreso: noviembre-2002
Ubicación: Cerca de todo, lejos de la nada.
Mensajes: 82
Antigüedad: 15 años, 1 mes
Puntos: 0
Re: editar el css de los enlaces

Mira es fácil:
a tu h2 le pones

Código:
/*Acá defines las características de todos los h2 */
h2 {font-size: 2em;
padding-bottom: 1em;
line-height: 1em;
}

/*Acá defines las características del enlace */
h2 a {
	text-decoration: none;
}


/*Acá defines las características cuando hacen rollover */
h2 a:hover {
	text-decoration: underline;
}
Los demás atributos me imagino que los conoces.

Saludos
  #3 (permalink)  
Antiguo 01/08/2007, 09:03
Avatar de fearlex  
Fecha de Ingreso: septiembre-2003
Ubicación: Exiliado de mi patria
Mensajes: 1.047
Antigüedad: 14 años, 2 meses
Puntos: 5
Re: editar el css de los enlaces

Cita:
Iniciado por pekinhouse Ver Mensaje

Código:
 a:link, a:active, a:visited {color: #efb;
letter-spacing: 1px;
font: italic bold 10pt "Hoefler Text", Georgia, "Times New Roman", Times, serif;
}
a:hover {color: #F96D12;}
a {text-decoration: none;}

h1, h2, h3, h4 {
font-family: "Hoefler Text", Georgia, "Times New Roman", Times, serif;
text-transform: lowercase;
color: #efb;
letter-spacing: 1.5px;
}


h2 {font-size: 2em;
padding-bottom: 1em;
line-height: 1em;
}

Mi pregunta es; ¿ Como puedo hacer para que los links de H2 tengan un formato diferente al de todos los links (a:link, a:active, a:visited)?
Voy a ampliar un poco mas la respuesta.

1-Primeramente debes tener presenta la regla LoVe:HAte.

O sea trata de seguir este orden

Código:
a
{
 estilo que quieres
}

a:link,a:visited
{
 estilo que quieres
}

a:hover,a:active
{
 estilo que quieres
}
Por que esto ??

Por que el orden importa aunque no creas.

Ahora con respecto a al H2, como mismo te dijo SMITEXX, realizas una cascada:

Código:
h2 a
{
 estilo que quieres
}
lo que estas diciendo es que TODOS las etiquetas a que estan anidadas dentro de un H2 tendran determinado estilo.

Saludos
__________________
Ya viene llegando, el comunismo en Cuba, ya se esta acabando.
www.fearlex.com | www.fearlexworld.com
  #4 (permalink)  
Antiguo 01/08/2007, 09:53
 
Fecha de Ingreso: noviembre-2002
Ubicación: Cerca de todo, lejos de la nada.
Mensajes: 82
Antigüedad: 15 años, 1 mes
Puntos: 0
Re: editar el css de los enlaces

Pura curiosidad, qué es eso de "la regla LoVe:HAte"?.
  #5 (permalink)  
Antiguo 01/08/2007, 10:00
Avatar de fearlex  
Fecha de Ingreso: septiembre-2003
Ubicación: Exiliado de mi patria
Mensajes: 1.047
Antigüedad: 14 años, 2 meses
Puntos: 5
Re: editar el css de los enlaces

Cita:
Iniciado por :.SMITEXX.: Ver Mensaje
Pura curiosidad, qué es eso de "la regla LoVe:HAte"?.
Exactamente eso mismo, debes seguir este orden.

L - :link
o
V - :visited
e

H - :hover
A - :active
t
e

o sea debes declarar estas seudoclases en este exacto orden.

Love significa Amor en ingles
Hate significa Odio en ingles
(por si alguien no lo sabia)

Es lo mismo que la regla TRouBLe

T - top
R - right
o
u
B - bottom
L - left
e

Aclaro que estas reglas no es invento mio, no recuerdo ahora a quien se le ocurrio la idea pero es buena, y se ha expandido.

EDITADO: TROUBLE significa problema en Ingles.(por si alguien tampoco lo sabia)

Saludos
__________________
Ya viene llegando, el comunismo en Cuba, ya se esta acabando.
www.fearlex.com | www.fearlexworld.com
  #6 (permalink)  
Antiguo 27/01/2008, 04:11
 
Fecha de Ingreso: junio-2007
Mensajes: 79
Antigüedad: 10 años, 5 meses
Puntos: 0
Re: editar el css de los enlaces

Me ha ayudado la respuesta a mi tbm. Vamos a ver que tal me va. :) Thx
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 01:52.