02 février 2008
Ajoutez une image de fond à votre blog !
Pour insérer une image de fond à votre blog Canalblog, rien de plus simple ! Suivez les étapes suivantes :
1. Choisissez une image au format 1020 x 600 px.
2. Cliquez sur l'onglet "Nouveau message". Dans ce nouveau message, cliquez sur l'icône "Insertion d'un fichier" et parcourez votre PC pour sélectionner l'image à insérer sur votre blog.
3. Rendez-vous directement sous l'onglet "Outils" puis allez dans "Gestion des fichiers" puis "docs". Dans ce dossier, cherchez l'image que vous venez d'insérer et faites un clic droit dessus puis choisissez "Propriétés". Dans la fenêtre qui s'ouvre, sélectionnez et copiez l'URL (adresse web) affichée.
4. Allez ensuite dans l'onglet "Apparence" puis "Editer les fichiers de ce modèle". Dans le menu déroulant, choisissez "Feuille de style générale".
5. Une fois sur la feuille de style, repérez le bloc de codes commençant par "body" et ajoutez la ligne de code suivante : background-image: url("ADRESSE URL DE VOTRE IMAGE");background-attachment : fixed;
Attention : n'oubliez surtout pas le ";" à la fin de l'expression !
6. Voici ce que vous devriez obtenir :
body {
margin: 0px 0px 0px 0px;
text-align: center;
background-color: #696969;
background-image: url("ADRESSE URL DE VOTRE IMAGE");background-attachment : fixed;
}
7. Option : Vous pouvez rendre votre fond d'écran mobile (qui se déplace en même temps que votre page défile) en supprimant l'expression background-attachment : fixed;
Commentaires
bonjour
j'ai suivi tes explications à la lettre j'ai enfin pu mettre une image en fond sur mon blog mais je me retrouve avec mon blog qui avait une bande de chaque côté complètement coller à droite et une bande rose à côté de ma bannière pourrais tu me dire si j'ai oublié quelques choses en route
Merci d'avance
Marie
pas de fond d'écran
Bonjour,
Malgré les conseils lus dans ton article, je n'arraive pas à installer un fond d'écran dans mon blog.
Cette phrase n'apparait pas dans ma page où je dois rajouter mon adresse URL de l'image :
body {
margin: 0px 0px 0px 0px;
text-align: center;
background-color: #696969;
Comment je pourrais faire car j'ai envie de mettre un fond d'écran avec des idéogrammes Japonais.
Merci de me renseigner
A bientot
Philippe