Parce que vous ne trouverez pas forcément d'image à la taille idéale, et notamment parce que la zone à occuper n'a pas une surface constante, vous pouvez utiliser une image en motif, en mosaïque.

Si l'image de fond de ce blog est (pour l'instant) une image unique et fixée (sur laquelle le texte défile), la colonne de droite est habillée par une image en mosaïque. Il s'agit d'un motif, extrait de l'image principale, dont la taille est réduite. Jugez vous même, si vous arrivez à voir l'image en ton sur ton :

Dans la feuille de style

Repérez les paramètres de la colonne de droite. Le code modifié est maintenant le suivant :

#right {
overflow: hidden;
float: right;
width: 225px;
/*** background: transparent; color: #000000; ***/
background: url("http://geemee.hautetfort.com/images/UI1/texture.gif");
padding-top:16px;
}

Le code d'origine est en /*** commentaire ***/. On constate que l'arrière-plan était auparavant "transparent". Cette indication d'arrière-plan transparent prend le pas sur l'indication de couleur suivante, qui n'est activée que lorsque l'image est trop petite.

La répétition d'une image en arrière-plan est activée par défaut. Il suffit donc de donner l'adresse de l'image pour qu'elle soit utilisée en motif. Mon intervention s'est donc limitée à la mise en commentaire et à l'introduction du code : background: url("http://geemee.hautetfort.com/images/UI1/texture.gif"); après avoir créée l'image et l'avoir téléchargée dans le dossier spécifié, bien entendu.

Trop facile non ?

Remerciez GEE MEE et mettez son logo sur votre blog en copiant le code ci dessous !

<p style="text-align: center;" mce_style="text-align: center;"><a href="http://geemee.hautetfort.com/" mce_href="http://geemee.hautetfort.com/"><img width="80" height="15" border="0" src="http://geemee.hautetfort.com/images/icones/GeeMee.HautetFort.com_80x15.gif" mce_src="http://geemee.hautetfort.com/images/icones/GeeMee.HautetFort.com_80x15.gif" alt="Personnalisez votre blog avec Gee Mee" title="Personnalisez votre blog avec Gee Mee" /></a></p>