Saludos Karpio y bienvenido.
Ya tenía preparada tu respuesta :wink:
Creo que me comentaste que usabas dreamweaver y buscabas como hacerlo mediante comportamientos, pero te lo voy a explicar para hacerlo directamente en código, mucho más sencillo, más eficaz, y así verás qué es lo que estás haciendo y sabrás corregir lo que no te guste sin problemas.
Como sabes (o puedes aprender en la sección de Estilos CSS), puedes definir estilos tanto en la propia página como en una Hoja de Estilo separada de las páginas (pero enlazadas en el HEAD).
Bien, basta con incluir en la Hoja de Estilo (o en dentro del HEAD de cada una de las páginas, entre STYLE y /STYLE ) lo siguiente:
A { } /*Para caracteristicas generales a los enlaces*/
A:LINK { } /*para el enlace, tal cual*/
A:VISITED { } /*Para cuando ha sido visitado*/
A:HOVER { } /*Cuando el ratón está sobre él*/
A:ACTIVE { } /*Cuando está siendo pulsado*/
Y basta con insertar dentro de los corchetes las características que deseas para cada estado.
Por ejemplo, si deseas que en todos los casos los enlaces estén en negrita, sin subrayar y con un tamaño de 12px, será una característica a poner en la parte general.
A: {font-weight:bold ; font-sixe:12px ; text-decoration: none ; }
Como el estilo para los enlaces cuando no ocurre nada especial con ellos, es el mismo que el definido en la parte general (la anterior), no es necesario incluir nada en esta parte, pero hay que ponerla de todos modos, aunque vacia.
A:LINK { }
Si deseas no deseas ningún cambio para enlaces ya visitados, lo dejas vacio, pero déjalo. Estos cuatro estados han de ser definidos todos, aunque estén vacios, y además en ese orden.
A:VISITED { }
Si deseas que cuando el cursor del ratón pase sobre el enlace, éste se ponga, por ejemplo, rojo, pon:
A:HOVER {color:red ; }
Y por último, si quieres que aparezca subrayado cuando el enlace esté siendo pulsado, pon:
A:ACTIVE {text-decoration: underline ; }
NOTA: En la regla general, la primera de ellas, se definió sin subrayar, pero cuando esté pulsado saldrá subrayado por estar definido DESPUÉS de la definición general. Normalmente, predomina la última definida en caso de que una característica sea definida dos veces.
El código completo a insertar será entonces el siguiente:
A: {font-weight:bold ; font-sixe:12px ; text-decoration: none ; }
A:LINK { }
A:VISITED { }
A:HOVER {color:red ; }
A:ACTIVE {text-decoration: underline ; }
Espero que sea suficiente, pero en caso de cualquier duda ya nos conoces, pregunta de nuevo y te ayudamos.
Un abrazo y gracias por visitarnos y participar. Siéntete como en casa (o mejor :wink: )
