image
Inicio » Foros » CSS

Foro sobre hojas de estilo CSS

Varios estilos para los hipervínculos

Volver al foro | Responder | Añadir nuevo tema


De: Daniel
Fecha: 17/05/2007
Mensaje:

Muy buenas gente,

A ver, necesito dar distinto aspecto a una serie de hipervínculos en mi web, pero no sé cómo definir varios de estos estilos.

Sé cómo definir uno global para toda la página con las etiquetas a:link, a:visited, a:hover y a:active, pero ¿y si quiero varios? ¿Sabéis hacerlo?

Mil gracias de antemano.


Quizás le interese
De: Daniel
Util para: 16 personas

Fecha: 17/05/2007
Mensaje:

Vale, me parece que he sido más rápido que cualquiera y ya tengo la respuesta mi pregunta, así que la posteo para si alguien tiene la misma duda, sepa cómo arreglarla :)

Se pueden definir distintos estilos dentro de una misma página para los links, enlaces o hipervínculos (los tres son la misma cosa, pero así nos entendemos mejor) con las llamadas clases. Pongo un ejemplo porque es lo más práctico:

a {
font-family: Trebuchet MS;
font-size: 12px;
color: #FF0000;
}
a:link {
text-decoration: underline;
}
a:visited {
text-decoration: underline;
color: #FF0000;
}
a:hover {
text-decoration: none;
color: #FF0000;
}
a:active {
text-decoration: underline;
color: #FF0000;
}

Con esto de arriba obtengo este estilo: fuente Trebuchet MS, con un tamaño de 12px de color rojo subrayado sobre el que al pasar el puntero por encima deja de estar subrayado.

Si ahora quisiera añadir otro estilo, podría hacerlo de esta manera, añadiéndolo justo después del código anterior:

a.Ejemplo {
font-family: Trebuchet MS;
font-size: 12px;
color: #000000;
}
a.Ejemplo:link {
text-decoration: underline;
}
a.Ejemplo:visited {
text-decoration: underline;
color: #000000;
}
a.Ejemplo:hover {
text-decoration: none;
color: #000000;
}
a.Ejemplo:active {
text-decoration: underline;
color: #000000;
}

Ale, un saludo.



De: erick
Util para: 4 personas

Fecha: 03/07/2007
Mensaje:

ahora como declarar en la etiqueta ???



De: andres
Util para: 2 personas

Fecha: 26/09/2007
Mensaje:

texto de enlace




De: andres otra vez
Util para: 1 personas

Fecha: 26/09/2007
Mensaje:

Tabla de posiciones



De: andres (uhh que mal estoy
Util para: 2 personas

Fecha: 26/09/2007
Mensaje:

a ver ahora si me deja: (va resumido porque no me lo pone): a class="menu" href="posiciones.php"



De: ... yo otra vez
Util para: 0 personas

Fecha: 26/09/2007
Mensaje:

a class="Ejemplo" href="ejemplo.html" ...por fin ... era hora.



De: oscar
Util para: 2 personas

Fecha: 22/12/2007
Mensaje:

gracias!! me ayudaron mucho



De: SICI
Util para: 0 personas

Fecha: 13/08/2008
Mensaje:

perfecto... gracias



De: Marina
Util para: 1 personas

Fecha: 26/08/2010
Mensaje:

Excelente !!! funciona perfecto



Volver al foro | Responder | Añadir nuevo tema

Quizás le interese:

WebEstilo.com no se hace responsable de las opiniones que los usuarios puedan verter en cualquiera de los foros existentes.

Si te solucionó el problema pulsa en G+1


Gracias!






Comparte



Última modificación:31 de Agosto de 2017. Spain - Espa�a.
© 1998-2004 por . Todos los derechos reservados.