Varios estilos hipervínculos en CSS

erikgarrot

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.

deivinsontejeda

"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.

erikgarrot

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.

deivinsontejeda

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...

erikgarrot

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.

deivinsontejeda

por eso te dije que utilizando clases...

<!-- s:) --><img src="{SMILIES_PATH}/icon_smile.gif" alt=":)" title="Smile" /><!-- s:) -->