Les tuto 2 Demolite

Blog tuto, aide à la création et au design des blogs et sites internet, Montage photo, trucs et astuces, logiciels gratuits...

29 novembre 2010

Mettre un fond d'écran sur votre blog

Posté par Demolite - Dans la catégorie Canalblog
Tags : , , , ,

Choisissez une belle image au format 1020 x 600

Si votre image est trop petite elle va se répéter sur l'écran, et c'est pas très Zoli...à moins que vous vouliez mettre une petite fleur par exemple de 30x30 qui se répètera sur toute la page comme un papier peint, ça fait sympa aussi...

Ouvrez un Nouveau message et importez votre image avec l'icône Insertion d'un fichier.

Sans_titre_1

Récupérez l'adresse de votre image en passant votre message en mode Html.

Sans_titre_2

Ouvrez votre feuille de style et tout en haut, dans le bloc Body, rajoutez la ligne ci-dessous comme sur la capture et collez l'adresse de votre image dedans :

background-image: url("http://Adresse de votre image.gif");background-attachment : fixed;

Sans_titre_4

N'oubliez pas le point virgule à la fin de la ligne !

En ajoutant background-attachment : fixed; votre fond d'écran restera fixe.

Pour que votre fond d'écran défile avec la page, n'ajoutez rien :

background-image: url("Adresse de votre image");

Il y a une autre façon de mettre un fond d'écran, mais vous devrez répéter l'opération sur toutes les pages de votre blog :

Ouvrez la page d'accueil et remplacez la balise <body> par :

<body background="http://Adresse de votre image">


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici


« Accueil 1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41