Comment changer la couleur d'arrière-plan de mon site ?

Si vous créez votre site web avec Yapla, vous pouvez personnaliser facilement la couleur d'arrière-plan d'une seule ligne ou du site au complet via les outils de personnalisation.

Avant de commencer

Vous aurez besoin du code de la couleur que vous souhaitez utiliser. Les couleurs de base peuvent être utilisées avec leur nom (black, white, blue, etc) mais il est plus précis d'utiliser le code hexadécimale, qui donne accès à des milliers de couleurs.

Le code hexadécimale est composé d'un dièse suivi d'une combinaison de 6 chiffres ou lettres. plusieurs outils en ligne permettent de trouver ce code, par exemple celui-ci, qui permet également de créer une palette.

Modifier une seule ligne

Pour modifier la couleur d'arrière-plan d'une seule ligne, par exemple pour créer un effet de bande, vous pouvez faire la modification sur la page maîtresse, pour affecter toutes les pages, ou sur une seule page.

Assurez-vous d'être en mode Structure et non en mode Édition. Placez votre curseur sur la ligne à modifier, puis cliquez sur Éditer le style de la ligne.

style-de-la-ligne.png

Dans la fenêtre qui apparaîtra, ajouter le nom ou le code de votre couleur dans le champ Couleur de fond, et cliquez sur Enregistrer.

couleur-ligne.png

Modifier la couleur de la page

Il est également possible d'appliquer une couleur à la page au complet, pour remplacer le blanc présent par défaut.

Pour modifier la couleur de la page, cliquez sur la tuile Personnalisation, puis sur le sous-menu Basique.

personalisation.png

Dans le champs body, inscrivez le code suivant :

background-color:xxx;

Remplacer le xxx par le nom ou le code de votre couleur et cliquez sur Enregistrer.

style-basique.png

 

Cet article vous a-t-il été utile ?

Commentaires

0 commentaire

Vous devez vous connecter pour laisser un commentaire.