Découvrir les background

Background est le terme anglais signifiant fond. Ce fond peut se présenter sous plusieurs formes :

Une couleur

Dans le CSS, cela se traduira par

background-color:#000000

et vous avez le choix parmi un nombre quasi-infini de couleur : voir les codes couleur.

Une texture

Une texture se présente généralement sous la forme d'un carré de 100*100 pixels qui va se répéter horizontalement et verticalement sur toute la page (attention aux raccords)



Dans le CSS, cela se traduira par

background-image:URL(adresse de la texture)

Elle peut aussi se présenter sous la forme d'un rectangle de 1024px sur 100px (plus ou moins) et se répétera verticalement seulement.

Dans le CSS, cela se traduira par

background-image:URL(adresse de la texture);background-repeat:repeat-y;

Un fond opaque

Il est semi-transparent et permet de distinguer les fonds sous les écrits

Il se gère comme une texture 100*100px.

background-image:URL(adresse de la texture)

Une photo

Elle doit avoir un format minimum de 1024*768 pixels (la taille la plus courante des écrans de PC), ne pas se répéter, être centrée et fixe.

Dans le CSS, cela se traduira par

background-image: url(adresse de l'image);background-repeat:no-repeat;background-position:center;background-attachment:fixed;}

Un fond transparent

est, en fait, l'absence de fond. Ce qui signifie : rendre transparentes les couleurs et supprimer les images de fond. En CSS, cela se traduit par

background-color:transparent;
background-image:none;

Cette image étant de grande taille, il faudra l'héberger ailleurs que sur OverBlog qui vous la redimensionnerait. Testez Casimages.com, c'est gratuit et je n'ai eu aucun problème de sauvegarde depuis plus de 4 ans.