Foro sobre hojas de estilo CSS
Varios estilos para los hipervínculos Volver al foro |
Responder |
Añadir nuevo temaDe: 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.
Solucionó mi problema
De: erick Util para: 4 personas
Fecha: 03/07/2007
Mensaje: ahora como declarar en la etiqueta ???
Solucionó mi problema
De: andres Util para: 2 personas
Fecha: 26/09/2007
Mensaje: texto de enlace
Solucionó mi problema
De: andres otra vez Util para: 1 personas
Fecha: 26/09/2007
Mensaje: Tabla de posiciones
Solucionó mi problema
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"
Solucionó mi problema
De: ... yo otra vez Util para: 0 personas
Fecha: 26/09/2007
Mensaje: a class="Ejemplo" href="ejemplo.html"
...por fin
... era hora.
Solucionó mi problema
De: oscar Util para: 2 personas
Fecha: 22/12/2007
Mensaje: gracias!! me ayudaron mucho
Solucionó mi problema
De: SICI Util para: 0 personas
Fecha: 13/08/2008
Mensaje: perfecto... gracias
Solucionó mi problema
De: Marina Util para: 1 personas
Fecha: 26/08/2010
Mensaje: Excelente !!! funciona perfecto
Solucionó mi problema
Volver al foro |
Responder |
Añadir nuevo temaQuizá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!