Samedi 1 mai 2010 6 01 /05 /Mai /2010 15:40

Fond de blog et css

Pour votre fond, vous avez plusieurs options :

- une couleur unie

- un motif répété (ou texture)

- une image

{
Hex Code
Couleur
#FFFFFF
 
#FFFFCC
 
#FFFF99
 
#FFFF66
 
#FFFF33
 
#FFFF00
 
#FFCCFF
 
#FFCCCC
 
#FFCC99
 
#FFCC66
 
#FFCC33
 
#FFCC00
 
#FF99FF
 
#FF99CC
 
#FF9999
 
#FF9966
 
#FF9933
 
#FF9900
 
#FF66FF
 
#FF66CC
 
#FF6699
 
#FF6666
 
#FF6633
 
#FF6600
 
#FF33FF
 
#FF33CC
 
#FF3399
 
#FF3366
 
#FF3333
 
#FF3300
 
#FF00FF
 
#FF00CC
 
#FF0099
 
#FF0066
 
#FF0033
 
#FF0000
 

Hex Code
Couleur
#66FFFF
 
#66FFCC
 
#66FF99
 
#66FF66
 
#66FF33
 
#66FF00
 
#66CCFF
 
#66CCCC
 
#66CC99
 
#66CC66
 
#66CC33
 
#66CC00
 
#6699FF
 
#6699CC
 
#669999
 
#669966
 
#669933
 
#669900
 
#6666FF
 
#6666CC
 
#666699
 
#666666
 
#666633
 
#666600
 
#6633FF
 
#6633CC
 
#663399
 
#663366
 
#663333
 
#663300
 
#6600FF
 
#6600CC
 
#660099
 
#660066
 
#660033
 
#660000
 
 
Hex Code
Couleur
#CCFFFF
 
#CCFFCC
 
#CCFF99
 
#CCFF66
 
#CCFF33
 
#CCFF00
 
#CCCCFF
 
#CCCCCC
 
#CCCC99
 
#CCCC66
 
#CCCC33
 
#CCCC00
 
#CC99FF
 
#CC99CC
 
#CC9999
 
#CC9966
 
#CC9933
 
#CC9900
 
#CC66FF
 
#CC66CC
 
#CC6699
 
#CC6666
 
#CC6633
 
#CC6600
 
#CC33FF
 
#CC33CC
 
#CC3399
 
#CC3366
 
#CC3333
 
#CC3300
 
#CC00FF
 
#CC00CC
 
#CC0099
 
#CC0066
 
#CC0033
 
#CC0000
 

Hex Code
Couleur
#33FFFF
 
#33FFCC
 
#33FF99
 
#33FF66
 
#33FF33
 
#33FF00
 
#33CCFF
 
#33CCCC
 
#33CC99
 
#33CC66
 
#33CC33
 
#33CC00
 
#3399FF
 
#3399CC
 
#339999
 
#339966
 
#339933
 
#339900
 
#3366FF
 
#3366CC
 
#336699
 
#336666
 
#336633
 
#336600
 
#3333FF
 
#3333CC
 
#333399
 
#333366
 
#333333
 
#333300
 
#3300FF
 
#3300CC
 
#330099
 
#330066
 
#330033
 
#330000
 
 
Hex Code
Couleur
#99FFFF
 
#99FFCC
 
#99FF99
 
#99FF66
 
#99FF33
 
#99FF00
 
#99CCFF
 
#99CCCC
 
#99CC99
 
#99CC66
 
#99CC33
 
#99CC00
 
#9999FF
 
#9999CC
 
#999999
 
#999966
 
#999933
 
#999900
 
#9966FF
 
#9966CC
 
#996699
 
#996666
 
#996633
 
#996600
 
#9933FF
 
#9933CC
 
#993399
 
#993366
 
#993333
 
#993300
 
#9900FF
 
#9900CC
 
#990099
 
#990066
 
#990033
 
#990000
 

Hex Code
Couleur
#00FFFF
 
#00FFCC
 
#00FF99
 
#00FF66
 
#00FF33
 
#00FF00
 
#00CCFF
 
#00CCCC
 
#00CC99
 
#00CC66
 
#00CC33
 
#00CC00
 
#0099FF
 
#0099CC
 
#009999
 
#009966
 
#009933
 
#009900
 
#0066FF
 
#0066CC
 
#006699
 
#006666
 
#006633
 
#006600
 
#0033FF
 
#0033CC
 
#003399
 
#003366
 
#003333
 
#003300
 
#0000FF
 
#0000CC
 
#000099
 
#000066
 
#000033
 
#000000
 
}

UNE COULEUR DE FOND

Choisissez une couleur:

Vous devez mettre dans le css :

body{background-color:# code couleur;}

 

UNE TEXTURE

Choisissez une petite image ou passez par

un générateur de texture.

Inscrir dans le css :

body{background:URL(adresse de la texture);}

 

UNE IMAGE

Si l'image est trop lourde hébergez la et prenez l'adresse.

Dans le css :

body{background-image: url(adresse de la photo);
background-repeat:no-repeat;background-position:center;
background-attachment:fixed;}

 

no-repeat signifie que le fond ne se répette pas

center signifie que l'image est centré

fixed signifie que le texte défile mais que l'image ne bouge pas


Par bouboune - Publié dans : Aide pour blog - Communauté : Tout sur tout
Ecrire un commentaire - Voir les 0 commentaires
Retour à l'accueil
Créer un blog gratuit sur over-blog.com - Contact - C.G.U. - Rémunération en droits d'auteur - Signaler un abus - Articles les plus commentés