Buscador
YoReparo.com La Web 

Regístrate gratis para participar de los foros, o si ya estás registrado haz login.

Foros de soluciones « Diseño Web

Aumentar tamaño de link al poner puntero encima

comentario del autor Sab Jul 28, 2007 2:18 am
   
Hola colegas.

Me gustaria saber como puedo yo hacer para que cuando coloco el puntero sobre un link de mi página este link aumente el tamaño, o sea que se ponga más grande.

Saludos

manymendez

Reputación
solución Sab Jul 28, 2007 2:40 am
   
Utilizando CSS, fijate:

Código:
<html>
<head>
<style>
a:hover {text-transform:uppercase}
</style>
</head>
<body>
<a href="http://www.yoreparo.com">Yo Reparo y vos ... </a>
</body>
</html>


o

Código:
<html>
<head>
<style>
a {font-size: 14px;}
a:hover {font-size:24px}
</style>
</head>
<body>
<a href="http://www.yoreparo.com">Yo Reparo y vos ... </a>
</body>
</html>


En este caso hace que todos los enlaces que pongas tengan ese efecto si queres limitarlos a algunos pones:

<style>
.grande:hover {text-transform:uppercase}
</style>

o

<style>
.grande:hover {font-size:24px}
</style>

respectivamente y a cada enlace le agregar class="grande" así: <a href=".." class="grande">...

Recordá en este último caso que el valor por defecto en la página sea menor a 24px sino no vas a ver el efecto.

Para que no te mueva nada podes jugar con padding y margin, cambiandolos desde que esta reducido y cuando aumenta.

Espero que sirva, saludos.

Diego

diegocasa

Reputación


Hacer una pregunta

Boletín de Noticias

Reciba noticias de tecnología, tips de reparación y ofertas exclusivas.



Reglamento / P+F

Foros

Miembros / Expertos