Vendredi 17 août 2007
Il faut un peu tricher. En fait, nous allons mettre une texture en background dans certaines lignes du CSS et ensuite fixer des marges autour de l'image pour donner un semblant de cadre.
Choisissez de préférence une texture assez colorée, "habillée".
Voici notre image avant encadrement
Dans le CSS,
Pour toutes les images du blog, vous complétez la ligne qui existe déjà avec votre propre background.
Padding sera l'épaisseur de l'encadrement : jouez avec les px.
Voici le résultat
Pour les images présentes dans les modules, vous rajoutez la ligne en entier. Elle n'existe pas encore :
Pour les images présentes dans les articles, vous rajoutez la ligne en entier
Pour les images présentes dans l'entête
Pour les images présentes dans le pied de page
Choisissez de préférence une texture assez colorée, "habillée".
Voici notre image avant encadrement
Dans le CSS,
Pour toutes les images du blog, vous complétez la ligne qui existe déjà avec votre propre background.
Padding sera l'épaisseur de l'encadrement : jouez avec les px.
img {background-image:url(adresse de l'image);padding:10px;}
Voici le résultat
Pour les images présentes dans les modules, vous rajoutez la ligne en entier. Elle n'existe pas encore :
.box img {background-image:url(adresse de l'image);padding:10px;}
Pour les images présentes dans les articles, vous rajoutez la ligne en entier
.article img {background-image:url(adresse de l'image);padding:10px;}
Pour les images présentes dans l'entête
#top img {background-image:url(adresse de l'image);padding:10px;}
Pour les images présentes dans le pied de page
#footer img {background-image:url(adresse de l'image);padding:10px;}
Commentaires