› ›

Varios estilos hipervínculos en CSS

erikgarroterikgarrot
edited abril 2009 in Principiantes
Hola.

Me gustaría tener varios estilos para los hipervínculos (2 al menos) en la página que estoy montando, incluyo el mio propio de la siguiente forma:
a.ejemplo:link {
	color: #ff0000;
	text-decoration: none;
}

a.ejemplo:visited {
	color: #ff0000;
	text-decoration: none;
}

a.ejemplo:hover {
	color: #ff0000;
	text-decoration: underline;
}

a.ejemplo:active {
	color: #ff0000;
	text-decoration: none;
}

Y luego le aplico el estilo "ejemplo" en los sitios en los que quiero que se vea de esta forma, pero no consigo nada. Me pone por defecto el estilo a:link de Kumbia.

¿Cómo puedo agregar mis propios estilos de enlace? ¿puedo agregar todos los que quiera?

Muchas gracias por la ayuda, he buscado por el foro pero no he encontrado nada.

Comentarios

  • deivinsontejedadeivinsontejeda
    edited 1:36
    "erikgarrot&quot wrote:
    ¿Cómo puedo agregar mis propios estilos de enlace? ¿puedo agregar todos los que quiera?
    No entiendo muy bien lo que dices, ya tienes creados los estilos, deberias ser mas especifico, en lo que intentas comunicar.
  • erikgarroterikgarrot
    edited 1:36
    De acuerdo, a ver.

    Por defecto el css viene con su propio estilo para los hipervínculos, los cuales puedo modificar a mi gusto.

    Pero lo que quiero saber es cómo puedo agregar un nuevo estilo para los hipervínculos sin modificar el que ya está por defecto, de forma que tenga 2 o hasta 3 estilos para los hipervínculos.

    Por ejemplo: imaginemos que todos los hipervínculos por defecto se ven en rojo con sus diferentes propiedades (hover, active, etc), pero además me gustaría aplicar otro estilo en determinadas partes de mi proyecto en los cuales en lugar de rojo se vea azul, de forma que tendría 2 estilos diferentes para los hipervínculos.

    Espero que ahora quede mejor explicado.

    Un saludo.
  • deivinsontejedadeivinsontejeda
    edited 1:36
    Creo que debes indagar sobre css, porque lo que propones no es cuestión del framework...

    Hay formas de hacer eso, manejando class por ejemplo...
  • erikgarroterikgarrot
    edited 1:36
    Vale ya encontré la solución.

    para que funcione debía de darle al estilo el siguiente formato::
    .ejemplo a{
	color: #ff0000;
	text-decoration: none;
}

.ejemplo a:link {
	color: #ff0000;
	text-decoration: none;
}

.ejemplo a:hover {
	color: #ff0000;
	text-decoration: underline;

    Así que ya está arreglado.

    Gracias igualmente.
  • deivinsontejedadeivinsontejeda
    edited 1:36
    por eso te dije que utilizando clases...

    <!-- s:) --><img src="{SMILIES_PATH}/icon_smile.gif" alt=":)" title="Smile" /><!-- s:) -->
Sign In or Register to comment.