Un de mes blogs n'affiche pas correctement les images avec des parties transparentes. J'ai trouvé un truc un peu plus rapide et un peu moins bâtard que ma méthode du moment:
- Il suffit donc de placer l'image comme d'habitude et de lui donner la taille voulue. Bien sûr, elle ne sera pas transparente (pas encore).
- Enregistrez aussi la même image transparente dans le dossier "public" de votre Dropbox et récupérez le lien.
- Ouvrez le message où se trouve l'image que vous voulez transparente et affichez-le en HTML.
- Remplacez le lien de l'image (ici en rouge) par celui récupéré sur votre Dropbox
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh62JajghPmOgMVUDLee6ai6JCEX47BTcsib64TzNxkcmMGBG_wp4fkhpevTyu9NwZwrzdnSYR9Y8Z_dZZeJrnp4op0EY2gn2NnHqnhMd4EGkpVsH-l00z37VQ_mU5cqnztvmE9bMxY8bEP/s1600/sem12.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh62JajghPmOgMVUDLee6ai6JCEX47BTcsib64TzNxkcmMGBG_wp4fkhpevTyu9NwZwrzdnSYR9Y8Z_dZZeJrnp4op0EY2gn2NnHqnhMd4EGkpVsH-l00z37VQ_mU5cqnztvmE9bMxY8bEP/s640/sem12.jpg" width="546" /></a>
Ce qui donne ça:
<a href="https://dl.dropbox.com/u/19586410/Blogs/sem12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://dl.dropbox.com/u/19586410/Blogs/sem12.png" width="546" /></a>
Et votre image va retrouver ses transparences...
Ah oui, j'ai oublié de dire le pourquoi de tout ce mic-mac...
Et bien, tout simplement quand vous insérez une image par la voie normale c'est à dire avec Blogger, celui-ci modifie probablement la taille de l'image et peut-être sa compression (même à partir d'une URL). Ce faisant, on perd aussitôt la transparence.
ÇA NE FONCTIONNE PLUS DU TOUT!
RépondreSupprimer