.post-body:first-letter { float:left; color: #333333; font-size:100px; font-family:none; line-height:80px; padding-top:1px; padding-right:5px; } font-style: italic; } span.letracapital{ float: left; font-size: 40px; line-height: 35px; /* Dobla el alto de linea menos 1 pixel */ font-family: Georgia, "Times New Roman", Times, serif; color: #2583ad; /* Azul */ padding-right: 5px; } -->

Recent Posts

Aumentar tamaño de texto de un vínculo

20 dic 2016
Con este código HTML, aumentaremos el tamaño del texto del vínculo al poner el ratón encima.

Cuando lo quietemos volverá a su tamaño original.
Cambiaremos lo marcado en azul por nuestra URL y lo rojo por lo que queramos poner.
Mira el ejemplo:

<div id="vinc"><a href="http://tu-sitio.com" onmouseover="javascript: void(document.getElementById('vinc').style.fontSize='3em')" onmouseout="javascript: void(document.getElementById('vinc').style.fontSize='1em')"> Vínculo</a></div>

También puedes ver este post donde explico como poner una ventana emergente con un texto.

Imprimir entrada

No hay comentarios:

Publicar un comentario

Deja tu comentario y en breve te contestaremos