Enlaces que cambian al pasar el ratón

tengo un pequeño problema a la hora de realizar un hipervinculo con unas pequeñas características. A ver: tengo un texto normal fuente verdana y...

La FAQ Enlaces que cambian al pasar el ratón tiene

Pertenece a la categoría:
Pregunta
tengo un pequeño problema a la hora de realizar un hipervinculo con unas pequeñas características. A ver: tengo un texto normal fuente verdana y colo azul que cuando pase el raton por encima me gustaría que se pusiera de color rojo y que no tuviese subrayado, a la vez cuando haga click que vaya a otra página, sabeis por donde puedo tirar para informarme sobre esto?
Respuesta de Miguel Angel Alvarez
Todo eso y mucho más se puede hacer con CSS.


Lo mejor es que te leas el manual de CSS de DesarrolloWeb. Hay algún capítulo dedicado por entero a este tema.

Volver al árbol de categoríasVolver al árbol de categorías

Comentarios

Max Norambuena

21/12/2005
font-family : (nos indica que tipografia ocuparemos para nuestro link

font-size : (tamaño en pixeles de la tipografia

text-decoration : permite que el texto sea decorado mediante una de cinco propiedades: underline (subrayado), overline (línea superior), line-through (tachado), blink (parpadeo), o la por defecto none (ninguna).

color: (hace falta decir ke es esto? esta dado en exadecimal osea numeros y letras )

background-color : (Color de fondo para nuestro link en el caso que tengan un link que no aparesca como enmarcado por el color de fndo solo eliminan esa linea )

"OJO si quieren validar su CSS les advertira que esta dado el color frontal y no el del fondo y que esto podria causar problemas"


codigo:
---copiar desde aqui ----

a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
color: #747373;
background-color: #FFFFFF;
}

a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
color: #8C8C8C;
background-color: #FFFFFF;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #4296BD;
text-decoration: none;
background-color: #FFFFFF;
}

---fin del codigo ----

Esto es la copia feliz del eden pero detodas maneras es sumamente recomendable que revices el manual de css

david

16/11/2006
solo quiero que me envies una mensaje sobre enlaces

Patricio

21/3/2007
Para modificar el color puedes usar :
<style fprolloverstyle>A:hover {color: #8F0D4E}
</style>
En donde debes modificar #8F0D4E segun codigos de colores segun tus preferencias.
Para evitar el subrayado puedes usar:
<style>
<!--
a:hover{text-decoration:none;}
a{text-decoration:none;}
-->
</style>

Ojala te ayude.
FAQ relacionadas
Volver al árbol de categoríasVolver al árbol de categorías