Cambiar links con CSS
vmcmx
31 de Diciembre del 2003
Alguien sabe como cambiar los parametros: link, alink y vlink de la etiqueta BODY. Intente con
body
{
link: blue
}
y tmbn con
link
{
color: blue
}
pero ninguno funciono.
Agradere las respuestas a [email protected]
body
{
link: blue
}
y tmbn con
link
{
color: blue
}
pero ninguno funciono.
Agradere las respuestas a [email protected]
JoseWEB
31 de Diciembre del 2003
Mira sacado de desarolloweb.com
En la etiqueta body se definen esas cosas:
<body link="#ffffcc" vlink="#ffffcc" alink="#ffffcc">
link para los enlaces normales
vlink para los enlaces visitados
alink para los enlaces activos (en el momento de pulsarse)
También se pueden cambiar con Hojas de Estilo en Cascada, colocando los estilos en la cabecera de la página, por ejemplo:
<STYLE type="text/css">
A:link {text-decoration:none;color:#0000cc;}
A:visited {text-decoration:none;color:#ffcc33;}
A:active {text-decoration:none;color:#ff0000;}
A:hover {text-decoration:underline;color:#999999;}
</STYLE>
venga un saludo www.creatupropiaweb.com
En la etiqueta body se definen esas cosas:
<body link="#ffffcc" vlink="#ffffcc" alink="#ffffcc">
link para los enlaces normales
vlink para los enlaces visitados
alink para los enlaces activos (en el momento de pulsarse)
También se pueden cambiar con Hojas de Estilo en Cascada, colocando los estilos en la cabecera de la página, por ejemplo:
<STYLE type="text/css">
A:link {text-decoration:none;color:#0000cc;}
A:visited {text-decoration:none;color:#ffcc33;}
A:active {text-decoration:none;color:#ff0000;}
A:hover {text-decoration:underline;color:#999999;}
</STYLE>
venga un saludo www.creatupropiaweb.com
Sistemas Multimedia
31 de Diciembre del 2003
En foros del web hay lo siguiente, en faq de css o preguntas frecuentes
FAQ10 - CSS - Aspecto de Links
P-/ ¿Puedo usar dos estilos diferentes para los links de una misma página?
R-/ Puedes crear una o varias pseudo-clases y llamarlas desde los links a los que se desee dar ese aspecto.
<style type="text/css">
<!--
a:link { font-family: Tahoma, Verdana, Arial; color: #003366; text-decoration: none}
a:visited { font-family: Tahoma, Verdana, Arial; color: #0099CC; text-decoration: none}
a:hover { font-family: Tahoma, Verdana, Arial; color: #996600}
a:active { font-family: Tahoma, Verdana, Arial; color: #996633; text-decoration: none}
a.estilo2:link { font-family: Tahoma, Verdana, Arial; color: #993300; text-decoration: none}
a.estilo2:visited { font-family: Tahoma, Verdana, Arial; color: #CC9933; text-decoration: none}
a.estilo2:hover { font-family: Tahoma, Verdana, Arial; color: #996666}
a.estilo2:active { font-family: Tahoma, Verdana, Arial; color: #993300; text-decoration: none}
-->
</style>
Ahí hemos creado la pseudo-clase estilo2. Aquellos enlaces que queramos que usen esa clase, se lo pedimos
<A HREF="pepe.html" class="estilo2"> Hack1 </A>
saludos
FAQ10 - CSS - Aspecto de Links
P-/ ¿Puedo usar dos estilos diferentes para los links de una misma página?
R-/ Puedes crear una o varias pseudo-clases y llamarlas desde los links a los que se desee dar ese aspecto.
<style type="text/css">
<!--
a:link { font-family: Tahoma, Verdana, Arial; color: #003366; text-decoration: none}
a:visited { font-family: Tahoma, Verdana, Arial; color: #0099CC; text-decoration: none}
a:hover { font-family: Tahoma, Verdana, Arial; color: #996600}
a:active { font-family: Tahoma, Verdana, Arial; color: #996633; text-decoration: none}
a.estilo2:link { font-family: Tahoma, Verdana, Arial; color: #993300; text-decoration: none}
a.estilo2:visited { font-family: Tahoma, Verdana, Arial; color: #CC9933; text-decoration: none}
a.estilo2:hover { font-family: Tahoma, Verdana, Arial; color: #996666}
a.estilo2:active { font-family: Tahoma, Verdana, Arial; color: #993300; text-decoration: none}
-->
</style>
Ahí hemos creado la pseudo-clase estilo2. Aquellos enlaces que queramos que usen esa clase, se lo pedimos
<A HREF="pepe.html" class="estilo2"> Hack1 </A>
saludos