24 août 2010

(OverBlog) Mettre un fond différent dans un seul article

Il s'agit d'une astuce pour égayer votre design. Pour la réaliser, vous devez vous rendre dans l'HTML de l'article et collez le code qui vous convient.

La première solution n'impactera que ce seul article.

Pour mettre une couleur de fond
<div style="BACKGROUND-COLOR: violet">votre texte </div>
Vous modifiez avec votre propre code couleur

Pour mettre une texture en fond
<div style="BACKGROUND: URL(adresse de votre texture)">votre texte </div>
Pour mettre une photo en fond (Attention au format de votre image si vous
désirez qu'elle ne se répète pas et qu'elle soit entière)
<div style="background-image: url(votre adresse)"> votre texte</div>
La deuxième solution impactera tous les articles d'une même page

Pour mettre une couleur de fond
<style type="text/css">
.article {background-color:violet;}
</style>
Pour mettre une texture en fond
<style type="text/css">
.article {background:URL(adresse de votre texture);}
</style>
Pour mettre une photo en fond (Attention au format de votre image)
<style type="text/css">
.article {background:url(adresse de l'image);background-repeat:no-repeat;background-position:center}
</style>

Aucun commentaire:

Enregistrer un commentaire

1/ Choisissez Nom/URL comme profil pour poster, si vous hésitez
2/ Si vous désirez une aide personnalisée, pensez à laisser l'adresse de votre blog, ce qui me permettra de tester.
3/ Vous pouvez vous abonner par email pour suivre les réponses de cet article (lien sous la zone de rédaction du commentaire)