CSS : comment mettre une couleur de fond de pages

Niveau de difficulté : Facile
Temps nécessaire : -
Logiciel necessaire : -

But de l'explication:

Savoir comment mettre une couleur de fond dans vos pages en utilisant le CSS dans le design libre de votre site.

Sommaire :

1. Comment créer un template
2. mettre une couleur de fond de page
3. Créer un dégradé en fond de page

1. Comment créer un template

Pour savoir comment créer un nouveau template dans votre design libre, rendez-vous sur la documentation suivante :
http://www.wifeo.com/documentation-82.html

2. mettre une couleur de fond de page

Le script à insérer dans "contenu CSS" pour avoir une couleur de fond est très simple.

Il s'agit simplement de :
body{
background-color:CODE_COULEUR;
}

Il vous faut ensuite remplacer CODE_COULEUR par le code hexadecimal de la couleur souhaitée.

Un code couleur hexadecimal se compose d'un # suivi de 6 caractères (chiifres et/ou lettres).

Par exemple :
#000000 correspond au noir
#FFFFFF correspond au blanc
#FF0000 correspond à un rouge

Mais rassurez vous, vous n'allez pas devoir inventer ces codes couleurs, voici un outil pour avoir facilement le code couleur de votre choix :
https://kuler.adobe.com

3. Créer un dégradé en fond de page

Pour créer un fond dégradé dans votre page, il vous faut passer par une image.

Créez une image de 1 pixel de large et de 1000 pixels de haut pour un dégradé vertical, et une image de 1 pixel de haut et 1000 pixels de large pour un dégradé horizontal.

Sur cette image, créez votre dégradé, puis affichez cette image de fond en suivant les indications de cette documentation :
http://www.wifeo.com/documentation-84.html

Créer un site ou une boutique en ligne

Dans le forum...

Autres documentations liées

• CSS : comment afficher une image en fond de votre page

Extrait :
[i][color=green]Niveau de difficulte : Facile Temps necessaire : - Logiciel necessaire : -[/color][/i] [color=orange][size=18]But de l'explication:[/size][/color] [list]Comment inserer une image de fond de page dans votre design libre avec le CSS. Cette image de fond pourra se repeter ou non,...

Sommaire :
1. Comment créer un template
2. Le script CSS de base pour votre image de fond
3. Personnalisation avancée de votre image de fond

• Comment créer une version mobile de mon site

Extrait :
[i][color=green]Niveau de difficulté : Moyen Temps nécessaire : - Logiciel necessaire : Avoir un smartphone pour tester ![/color][/i] [color=orange][size=18]But de l'explication:[/size][/color] [list]Comment créer une version mobile de votre site. Quel en est...

Sommaire :
1. Avant de commencer...
2. Créer un template destiné aux smartphones
3. Créer des pages destinées aux smartphones

• Comment créer un template

Extrait :
[i][color=green]Niveau de difficulte : Facile Temps necessaire : - Logiciel necessaire : -[/color][/i] [color=orange][size=18]But de l'explication:[/size][/color] [list]Savoir comment creer un nouveau template pour votre design. L'ensemble des template que vous allez creer (si vous en creez...

Sommaire :
1. Qu'est ce qu'un template ?
2. Comment créer un template ?
3. Comment attribuer un template à vos pages
4. Comment mettre en ligne vos templates ?

• Qu'est ce qu'un template ?

Extrait :
[i][color=green]Niveau de difficulte : Facile Temps necessaire : - Logiciel necessaire : -[/color][/i] [color=orange][size=18]But de l'explication:[/size][/color] [list]Connaitre la difference en un design et un template, a quoi sert un template, et comment creer un nouveau template pour le...

Sommaire :
1. Qu'est ce qu'un template ?
2. Comment créer un template ?
3. Quel est l'intérêt de créer plusieurs templates ?