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

• Estilos en Firefox  (Con solución)
• Estilos de vinculos  (Con solución)
• No se visualizan los estilos
• Estilos dinámicos
• No se aplican bien los estilos  (Con solución)
• Estilos en listas de un formulario
• Problema con repeticiones en mi estilos.
• Hoja de estilos global

---

De: Daniel
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
Fecha: 03/07/2007
Mensaje:

ahora como declarar en la etiqueta ???

---

De: andres
Fecha: 26/09/2007
Mensaje:

texto de enlace

---

---

De: andres otra vez
Fecha: 26/09/2007
Mensaje:

Tabla de posiciones

---

De: andres (uhh que mal estoy
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
Fecha: 26/09/2007
Mensaje:

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

---

De: oscar
Fecha: 22/12/2007
Mensaje:

gracias!! me ayudaron mucho

---

De: SICI
Fecha: 13/08/2008
Mensaje:

perfecto... gracias

---

De: Marina
Fecha: 26/08/2010
Mensaje:

Excelente !!! funciona perfecto

---

Volver al foro | Responder | Añadir nuevo tema

Quizás le interese:

• Estilos en Firefox  (Con solución)
• Estilos de vinculos  (Con solución)
• No se visualizan los estilos
• Estilos dinámicos
• No se aplican bien los estilos  (Con solución)
• Estilos en listas de un formulario
• Problema con repeticiones en mi estilos.
• Hoja de estilos global

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

Comparte