.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

Agrandar imágen al pasar el cursor

16 nov 2021
Hoy vamos a explicaros como podemos hacer que una imágen se haga más grande al pasar el cursor por encima.
Para realizar esto lo que, es usar el editor HTMl, y pegamos este código.





<img src="URL de la imagen" onmouseover="this.width=300;this.height=300;" onmouseout="this.width=100;this.height=80;" width="100" height="80" />

    Cambiar la URL de la imagen (en su tamaño normal).
    El primer width y height es el tamaño que queremos que sea la imagen una vez agrandada, al pasar el cursor.

 Width es el ancho 
 Height es el alto.
    Los width y height que están en color verde son el ancho y alto de la imagen en tamaño pequeño.

Es la imagen que se ve en pequeña antes de pasar el cursor por encima.





Nota:
Antes de realizar cualquier cambio en nuestro blog, tendremos que realizar una copia de seguridad del mismo por si algo no sale bien.

Puedes ver en este post como lo hacemos paso a paso





   

No hay comentarios:

Publicar un comentario

Deja tu comentario y en breve te contestaremos