10 décembre 2009

Des fonds transparents

Si l'on choisit d'afficher une image en fond de page, le texte risque de ne pas apparaître avec suffisamment de relief.

art-fondtransp1

 

Par ailleurs une surface améliorant la lisibilité du texte cacherait une grande partie de l'image.

art-fondtransp2

 

Une astuce simple permet de concilier ces deux impératifs.

art-fondtransp3

 

Il suffit de créer à l'aide d'un logiciel de graphisme une surface colorée transparente et carrée d'environ 100 pixels de côté. Cette image sera ensuite sauvegardée au format png.

fond_transp

copie d'écran Paint.Net V3.5

 

L'image ainsi créée sera intégrée en tant qu'image de fond à l'élément de la page où se trouve le texte, par exemple "container" :

#container { background: url(URL de l'image) repeat;}

Nota : on a utilisé ici le logiciel gratuit et téléchargeable Paint.Net V3.5, mais n'importe quel autre logiciel de graphisme gérant la transparence conviendrait.

Posté par Michal53 à 12:54 - - Permalien [#]
Tags : , , , ,