PapyClic - Design

PapyClic - Design

Fond du contenu article

 

Si vous souhaitez changer la couleur du fond de vos articles. Ajoutez à votre CSS personnalisé la règle suivante :

 

article{
background: #FF0000;
}

Changez le code couleur en fonction de l'ensemble du design de votre blog pour qu'il reste harmonieux.

 

Vous pouvez également mettre un fond image en faisant attention à la lisibilité de vos textes, ceci est très important. Si la lecture est fastidieuse, les visiteurs ne reviendront plus, c'est pour cette raison que dans les modèles de bases, les fonds sont blanc ou noir. En plus il faut choisir une couleur de texte, qui aide la lecture.

 

La règle sera la suivante :

 

article{
background-image: url("https://static.blog4ever.com/2012/06/704535/ybq15my.png");
background-repeat: repeat;
color: #990000;
}

 Une fois ce code collé, remplacez l'adresse par celle de votre image et modifiez le code couleur en fonction de la couleur du fond

 

 

 Si vous votre image fait la largeur du menu vous pouvez la faire répétée dans le sens vertical.

 

article{
background-image: url(" adresse image ");
background-repeat: repeat-y;
color: #codecouleur;
}

 

Une image peut également se répétée dans le sens de la largeur, mais il faut qu'elle soit assez haute pour que le résultat soit correct.

 

article{
background-image: url(" adresse image ");
background-repeat: repeat-x;
color: #codecouleur;
}

 

 Les codes ci-dessus sont à coller dans la zone de personnalisation du CSS de l'assistant du DizPerso.

 

Espace de gestion → VOTRE BLOG → Design du blog → CSS/HTML → CSS personnalisé.

 

Exemple de code collé dans la zone.

 

 

 

Si votre espace de gestion est ouvert, cliquez sur : lien

 

N'oubliez pas, après visualisation dans l'assistant de cliquer sur "Appliquer" en bas de la colonne.

 

 

Si vous souhaitez mettre une couleur différente dans un article ou sur la page d'accueil, vous pouvez mettre les codes proposés ci-dessus dans le composeur en mode HTML, en les encapsulant dans des balises de style.

 

Capture

 

Capture

 

 

Par exemple :

 

<style>
article{
background: #CFCFCF;
}
</style>
<p>&nbsp;</p>
<p>&nbsp;</p>

Dans ce code j'ai rajouté 2 paragraphes vides pour vous faciliter l'insertion de vos textes après le code, vous pouvez les supprimer après insertion, pour éviter l'espace vide au début de l'article.

 


Si cet article vous a été utile, un petit J'aime me fera plaisir.

N'hésitez pas un mettre un commentaire, si vous avez apprécié cet article, mais également si vous n'êtes pas pleinement satisfait.
Pour plus d'explications poster sur le forum

 

 

Haut Précédente



08/05/2013

A découvrir aussi


Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 165 autres membres