Foros del Web » Creando para Internet » CSS »

Doble tipo de estilo CSS en enlaces.

Estas en el tema de Doble tipo de estilo CSS en enlaces. en el foro de CSS en Foros del Web. Hola de nuevo a todos, aquí voy con mi segundo tema ya que el primero me dejó una gran satisfacción. Resulta que estoy programando una ...
  #1 (permalink)  
Antiguo 18/07/2008, 03:56
 
Fecha de Ingreso: julio-2008
Mensajes: 11
Antigüedad: 9 años, 5 meses
Puntos: 0
Doble tipo de estilo CSS en enlaces.

Hola de nuevo a todos, aquí voy con mi segundo tema ya que el primero me dejó una gran satisfacción.

Resulta que estoy programando una página para mi intranet del trabajo. La página tiene un include a un cabezal con unos bloques (parecido al nuke) y un pie. Resulta que el cabez,al bloques y pie tienen un color de enlaces claro porque éstos son oscuros de fondo. Pero por determinadas circustancias un área de la página la tengo que hacer de colores oscuros, y ese sistema es parecido a los foros donde los usuarios publican mensajes.

Ahora viene el problema, lo que quiero es que cuando los usuarios publiquen un enlace en esos mensajes éste salga con un estilo de link css diferente al resto de la página y que ese estilo sólo funcione en ese campo (es un include también). Pero claro al insertar en ese include el esitlo de los enlaces se me cambian todos incluidos los de cabezal, bloques y pie y yo quiero que éstos conserven su estilo y los de estos mensajes tengan otro diferente. Me pueden ayudar? muchísimas gracias de antemano.

Un saludo.

Última edición por SeLoKeN; 18/07/2008 a las 03:58 Razón: Faltas de ortografía.
  #2 (permalink)  
Antiguo 18/07/2008, 04:33
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Doble tipo de estilo CSS en enlaces.

Los enlaces lo puedes diferenciar bien asignándoles una clase:

<a href="#" class="azul">
<a href="#" class="rojo">

CSS:
.azul {color: blue;}
.rojo {color: red;}

o bien identificándolos a través de su padre, de a quién pertenecen:

<div id="contenedor">
<a href="#">...
</div>

<div id="texto">
<a href="#">...
</div>

CSS:

#contenedor a {color: blue;}
#texto a {color: red;}

A ver si te da una idea de cómo va.

Mikel.
  #3 (permalink)  
Antiguo 18/07/2008, 07:46
 
Fecha de Ingreso: julio-2008
Mensajes: 11
Antigüedad: 9 años, 5 meses
Puntos: 0
Respuesta: Doble tipo de estilo CSS en enlaces.

Cita:
Iniciado por Mikmoro Ver Mensaje
Los enlaces lo puedes diferenciar bien asignándoles una clase:

<a href="#" class="azul">
<a href="#" class="rojo">

CSS:
.azul {color: blue;}
.rojo {color: red;}

o bien identificándolos a través de su padre, de a quién pertenecen:

<div id="contenedor">
<a href="#">...
</div>

<div id="texto">
<a href="#">...
</div>

CSS:

#contenedor a {color: blue;}
#texto a {color: red;}

A ver si te da una idea de cómo va.

Mikel.
Hola Mikmoro, gracias por tu interés. Lo que pasa es que eso me indicaría el estilo de enlace para un enlace predefinido por mí, es decir si yo pongo un enlace escrito con html en <a href="" class=""> pero los navegadores automáticamente cuando alguien escribe http://... lo convierten en un link y ese link sale predefinido en el color de los bloques y yo quiero que los que salgan en ese espacio de ese include (que no se cambien los del cabezal y bloques) salgan de otro color. De forma que no puedo asignar a los links que salen de forma automática el class.

Un Saludo.
  #4 (permalink)  
Antiguo 18/07/2008, 08:20
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Doble tipo de estilo CSS en enlaces.

¿Y la segunda opición?
  #5 (permalink)  
Antiguo 21/07/2008, 10:48
 
Fecha de Ingreso: julio-2008
Mensajes: 11
Antigüedad: 9 años, 5 meses
Puntos: 0
Respuesta: Doble tipo de estilo CSS en enlaces.

Cita:
Iniciado por Mikmoro Ver Mensaje
¿Y la segunda opición?
Como que la segunda opción?? jejej perdona pero nose a que te refieres.

Un Saludo.
  #6 (permalink)  
Antiguo 21/07/2008, 12:07
Avatar de prava  
Fecha de Ingreso: julio-2008
Ubicación: Montevideo, Uruguay
Mensajes: 42
Antigüedad: 9 años, 4 meses
Puntos: 0
De acuerdo Respuesta: Doble tipo de estilo CSS en enlaces.

Cita:
Iniciado por Mikmoro Ver Mensaje

o bien identificándolos a través de su padre, de a quién pertenecen:

<div id="contenedor">
<a href="#">...
</div>

<div id="texto">
<a href="#">...
</div>

CSS:

#contenedor a {color: blue;}
#texto a {color: red;}

A ver si te da una idea de cómo va.

Mikel.
Lo que Mikel dice es que podes predeterminar estilos para los elementos contenidos en determinadas estructuras como por ejemplo id="contenedor" o id="texto" en el ejemplo. Todos los liks dentro de "contenedor" van a tener color azul y todos los links dentro de "texto" van a tener color rojo.
Saludos,
Pablo
  #7 (permalink)  
Antiguo 21/07/2008, 12:19
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Doble tipo de estilo CSS en enlaces.

Efectivamente, en mi mensaje identificaba dos maneras posibles de hacerlo (bien de tal manera o bien de tal otra). Con la segunda opción me refiero a la segunda forma que puse, como bien indica prava, que seguramente es la más adecuada par tu caso.

Mikel.
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 03:17.