Si queréis darle un poco más de vidilla a vuetro blog o web y que parezca algo más vistoso, hoy os mostraré ocmo podemos cambiar el esilo de nuestros enlaces al pasar por encima el ratón.
Simplemente se trata de utilizar una propiedad css en nuestros link. Os pongo un ejemplo, imaginemos que tenemos el siguiente enlace:
<a href="http://ayudaparamiweb.com">Ayuda para mi web</a>
Para tener 2 estilos definidos de nuestro enlace, uno normal y el otro para cuando pasemos el raton por encima deberemos definir dichos estilos en css. Para ello deberemos añadir la etiqueta style antes de cerrar el head de nuestro html:
<style type="text/css">
a{
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
En este ejemplo el cambio que haremos será subrayar el enlace al pasar el mouse por encima. Podréis añadir todas las propiedades css que queráis para modificar el enlace(tamaño del texto, color, fuente).
Poco a poco iré añadiendo tutoriales y trucos css para que podáis modificar a vuestro gusto todas las partes de vuestra web.
Cambiar el estilo de los link al pasar el raton por encima
Cuéntanos que te ha parecido este artículo
| Emoticonos en blogger |  |
|||||||||||
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
| :) | :'( | :( | :P | :D | :$ | ;) | :-I | :-X | :o | :O | |O | :\ |
Suscribirse a:
Enviar comentarios (Atom)
Productos
Categorías
Últimos artículos
Blogroll
Otros
3 comentarios:
Gracias por la información un dia me salio de coña pero ahora encuento la lógica...
hola que tal, sabes como puedo cambiar un link a una palabra, pero que esa palabra me lleve al link que quiero, por ejemplo:
http://ayuda.con.el.link.com y sustituirla por la palabra;
descarga < pero que esa palabra me lleve a la pagina solicitada (http://ayuda.con.el.link.com
de antemano si tienes una ayuda
te doy las gracias
es para un blog :)
Habría estado bien enseñarnos cómo hacer que cambie de color o de tamaño al pasar por encima el ratón :) Pero gracias está muy bien ^^