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
Suscribirse a:
Enviar comentarios (Atom)
Aplicaciones Android recomendadas
Traductor
Suscríbete vía email
Archivo del blog
-
▼
2008
(119)
-
▼
octubre
(16)
- Como saber donde miran tus visitas
- Crear objetos en 3D con photoshop
- Review: Ikaro, inventos y experimentos caseros
- Youembedtube: Varios videos youtube en uno
- 30 plantillas profesionales para Wordpress
- Como poner una encuesta en mi web o blog
- Empieza la votacion 20blogs¡¡¡
- Insertar chat en mi blog
- eXponsor: Enlaces patrocinados, cuota fija mensual
- Cambiar el estilo de los link al pasar el raton po...
- 3º Edicion de los Premios 20 Blogs
- Promoción: favicon de por vida a 4€
- Efecto monstruo en photoshop
- Como crear texto 3D para mi web
- ¿Google caido? Internet no es lo mismo sin el
- Actualizacion PageRank Septiembre 2008
- ► septiembre (11)
-
▼
octubre
(16)
-
►
2007
(1)
- ► septiembre (1)
4 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 ^^
Gracias, mil gracias, que Dios les siga dando sabiduría para que siga(n) compartiendo