mercredi 30 novembre 2011

ZOOMBOX pour blogger.com: faites des zoom sur vos photos blogger



Pour obtenirUn effet zoombox (comme en cliquant sur l'image au dessus) sur votre blog voici le code à copier coller en mode html dans votre message. Le lien en rouge est à remplacer par celui de votre image!
<a class="hovergallery" href="http://lesastucesduweb.blogspot.com/" target="_blank">
</a><br />
<div class="separator" style="clear: both; text-align: center;">
<a class="hovergallery" href="http://lesastucesduweb.blogspot.com/" target="_blank">
</a><a href="http://2.bp.blogspot.com/-udtqWukG9GQ/TtYEVyBqhEI/AAAAAAAAAj0/2p8CPblb-Fo/s1600/linux-mint-logo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="181" src="http://2.bp.blogspot.com/-udtqWukG9GQ/TtYEVyBqhEI/AAAAAAAAAj0/2p8CPblb-Fo/s200/linux-mint-logo.png" width="200" /></a></div>

Il faut aussi ajouter ces quelques lignes à votre template juste avant ]]></b:skin>  en veillant à cocher la case "dévolopper des gadgets":

.hovergallery img{
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);


voilant tout devrai fonctionner!


1 commentaire:

  1. So happy the shop is open!! Got some lovely things that sound great-thanks so much!

    RépondreSupprimer