Foros del Web » Creando para Internet » HTML »

Colores y formato de los LINKS

Estas en el tema de Colores y formato de los LINKS en el foro de HTML en Foros del Web. Hola amigos, Quisiera saber como hacer para que los links que hay en mis paginas web no tomen automaticamente color definido para links ni se ...
  #1 (permalink)  
Antiguo 27/03/2009, 04:55
 
Fecha de Ingreso: noviembre-2008
Mensajes: 259
Antigüedad: 9 años
Puntos: 1
Colores y formato de los LINKS

Hola amigos,

Quisiera saber como hacer para que los links que hay en mis paginas web no tomen automaticamente color definido para links ni se subrayen solos.

He borrado las etiquetas style que habia, pero aun cambian de formato.

Me gustaria que cada link mantuviera su formato de texto que le he dado en un principio.

Gracias!
  #2 (permalink)  
Antiguo 27/03/2009, 06:51
Avatar de dART  
Fecha de Ingreso: enero-2009
Ubicación: Madrid
Mensajes: 246
Antigüedad: 8 años, 10 meses
Puntos: 7
Respuesta: Colores y formato de los LINKS

Hola,

Tienes varias opciones. Una de ellas es definir estilos globales para los enlaces:

a:link{estilos de enlace}
a:visited{estilos de enlace visitado}
a:hover{estilos de enlace al pasar el ratón}

O bien, puedes definir un estilo de enlace para un estilo ya definido. Es decir, supongamos que tienes definido el estilo txt-pie-de-pagina:

Código css:
Ver original
  1. .txt-pie-de-pagina{font-size: 8pt; color:#0099CC;}

Ahora, lo que podemos hacer es lo siguiente:

Código css:
Ver original
  1. .txt-pie-de-pagina a:link, .txt-pie-de-pagina a:visited{font-size:8pt; color: #000000;} /*Esto hará que cualquier enlace dentro del estilo txt-pie-de-pagina tome esos valores que hemos definido anteriormente */
  2.  
  3. .txt-pie-de-pagina a:hover{color: #990000; text-decoration:underline;} /* Y ésto hará que al pasar el ratón sobre cualquier enlace dentro del estilo txt-pie-de-pagina se subraye y cambie al color rojo */


Código ejemplo de html + css enlaces:
Ver original
  1. <p class="txt-pie-de-pagina">
  2. Lorem ipsum dolor sit amet, <a href="#enlace">consectetur</a> adipiscing elit. Phasellus elementum felis vel turpis. Etiam rhoncus rhoncus elit. Proin ac mauris eget mauris blandit convallis.
  3. </p>


Espero me hayas entedido y te haya sido de ayuda mis ejemplos.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:34.