Ombre
26/11/2007, 15h52
Garder les transparences de vos images
_______________________
Si une image, entre autre une Bannière est créée par vos soins, et que vous finalisez votre travail en l'enregistrent en .JPG (.JPEG) les transparences sont remplacées par du blanc.
Comment faire ?
Pour garder votre travail final de votre bannière, il vous faudras enregistré votre travail soit en .GIF ou mieux question qualité en .PNG
Attention les membres naviguent avec un navigateur de type Internet Explorer 6.0 et inférieur ne pourrons voir les images aux format .PNG car ces versions de IE ne sont pas compatible avec et les transparences seront remplacées par du gris.
Regarder cette image:
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1185639808.png
Elle utilise un contour transparent, mais qui n'est pas trop visible ici car le backround est blanc :) elle est au format .PNG
Pour que les versions inférieurs à 7.0 de IE soit compatibles, utilisé pour la mise en place d'images dans vos topic ce BBcode: ICI (http://www.vbulletin-ressources.com/forum/showthread.php?t=6580), se BBcode peut être adapter par des connaisseurs à un site entier et non aux seules images d'un topic utilisent la balise de ce BBcode.
Bonne idée :)
Je rajouterais que les .png peuvent être lus par les navigateurs type IE dans la mesure que l'on rajoute la hauteur et largeur dans le code html de celle-ci.
Exemple:
http://www.vbulletin-ressources.com/forum/images/chestnut_blue/misc/badge6.png
<td background="$stylevar[imgdir_misc]/badge6.png" nowrap="nowrap" no-repeat><img src="$post[avatarurl]" height="56" width="56" align="right"></td>
_______________________
Si une image, entre autre une Bannière est créée par vos soins, et que vous finalisez votre travail en l'enregistrent en .JPG (.JPEG) les transparences sont remplacées par du blanc.
Comment faire ?
Pour garder votre travail final de votre bannière, il vous faudras enregistré votre travail soit en .GIF ou mieux question qualité en .PNG
Attention les membres naviguent avec un navigateur de type Internet Explorer 6.0 et inférieur ne pourrons voir les images aux format .PNG car ces versions de IE ne sont pas compatible avec et les transparences seront remplacées par du gris.
Regarder cette image:
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1185639808.png
Elle utilise un contour transparent, mais qui n'est pas trop visible ici car le backround est blanc :) elle est au format .PNG
Pour que les versions inférieurs à 7.0 de IE soit compatibles, utilisé pour la mise en place d'images dans vos topic ce BBcode: ICI (http://www.vbulletin-ressources.com/forum/showthread.php?t=6580), se BBcode peut être adapter par des connaisseurs à un site entier et non aux seules images d'un topic utilisent la balise de ce BBcode.
Bonne idée :)
Je rajouterais que les .png peuvent être lus par les navigateurs type IE dans la mesure que l'on rajoute la hauteur et largeur dans le code html de celle-ci.
Exemple:
http://www.vbulletin-ressources.com/forum/images/chestnut_blue/misc/badge6.png
<td background="$stylevar[imgdir_misc]/badge6.png" nowrap="nowrap" no-repeat><img src="$post[avatarurl]" height="56" width="56" align="right"></td>