Como ya mañana es navidad he decido compartir un truco mas para que lo añadas a tu blog y lo adornes acorde a esta época.
El truco consta de una hermosa tarjeta navideña de Papa Noel con un espectacular efecto zoom que se ve al pasar el cursor sobre la tarjeta.
El truco es el siguiente (pasa el cursor sobre la imagen) :
<div class="separator" style="clear: both; text-align: center;"> <a class="hovergallery" href="http://www.miltrucosblogger.info/" target="_blank"> <img src="http://www.miltrucosblogger.com/wp-content/uploads/2013/12/papa-noel.gif" /> </a> </div> <style type="text/css"> .hovergallery img{ -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; opacity: 0.7; margin: 0 1px 5px 0; } .hovergallery img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); opacity: 1; } </style>
Para finalizar solo debes guardar los cambios y listo con esto hemos terminado el truco y habrás añadido este genial truco a tu blog.
Espero que te haya gustado este truco y si tienes alguna duda o inquietud comenta que estoy atento a todos tus comentarios y responderé lo mas rápido que pueda.
4 comentarios
Antonio Manzanares Jiménez · diciembre 24, 2013 a las 11:37 am
Hola, gracias por estos gadget tan simpáticos, pero he querido copiar y me selecciona todo con lo cual no puedo hacerlo. Podría indicarme como lo copio. Felices Fiestas y enhorabuena por tu blog. Yo poseo dos blogs y dos webs: historiadeunovoide.blogspot.com e invidentesmanz.blogspot.com, así como: http://www.abecedarioovoidal.es.tl. y http://www.losnumerosenterosovoidales.es.tl. . Saludos.
Hayder Juvinao · enero 4, 2014 a las 2:41 pm
Antonio tal vez sea porque tenia un script que hacia nevar en el blog pero ya lo he quitado.
Saludos
juan fran Méndez · diciembre 25, 2013 a las 10:08 am
ja ja ja muchas gracias
Hayder Juvinao · enero 4, 2014 a las 2:48 pm
Gracias a ti por comentar