Liens du Vin - Un gadget pour insérer une photo avec les bords semi-transparents

Gadget Google
Une image avec un cadre semi-transparent

Le gadget Google permet l'insertion d'une image avec une bordure semi-transparente.

Le fichier xml du gadget

Le iframe du gadget

<iframe allowtransparency="true" scrolling="no" frameborder="0" width="330" height="220" 
src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/transparent-border.xml&up_URLPic=http%3A%2F%2Fwww.liens-du-vin.ch%2F_pic06%2Fchateau-chardonne.jpg&up_Title=Ch%C3%A2teau%20de%20Chardonne&up_PicWidth=320&up_PicHeight=210&up_BorderCol=%23fff">Afficher une photo avec un bord semi-transparent</iframe>

Le script

<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/transparent-border.xml&up_URLPic=http%3A%2F%2Fwww.liens-du-vin.ch%2F_pic06%2Fchateau-chardonne.jpg&up_Title=Ch%C3%A2teau%20de%20Chardonne&up_PicWidth=320&up_PicHeight=210&up_BorderCol=%23fff&synd=open&w=366&h=218&title=Semi+transparent+border+for+pictures&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script><noscript>Gadget Google pour afficher une photo avec les bords semi-transparents</noscript>

Les paramètres du gadget

Hauteur et Largeur : (taille du conteneur) à préciser

URLPic : URL de l'image
Title : Titre de l'image (Tooltip)
PicWidth : Largeur (px) de l'image
PicHeight : Hauteur (px) de l'image
BorderCol : Couleur de la bordure (#rrggbb)

Un exemple

Une photo du Château de Chardonne avec un cadre blanc semi-transparent

Afficher une photo dans un cadre semi-transparent

Pour les utilisateurs de Blogger

L'ajout d'un gadget par Eléments de la page / Ajouter gadget est très simple. Pour ajouter un gadget dans le corps d'un message, il faut modifier les paramètres du modèle utilisé.