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
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
idem
bonjour!
Moi aussi phase 4 impossible à faire....
:0(( dommage.....
mais merci d'avance pour les nouvelles manips et explications!!! ;0)
bizzzzzzzzzzzzzz
ça marche!
super. ça marche sans problème. par contre il ne faut pas oublier la ponctuation comme les ;
j'ai pas vu si avec les espaces ça posait problème ou pas
merci pour tes explications
Phase 4 impossible
idem Phase 4 introuvable
ca marche
en fait gt pas passé en mode avancé sorry... ca marche nickel
j'ai beau suivre toute les indications à la lettre et ça ne fais rien! et je ne réussis pas à avoir une image de 1020 X 600 px
elle sont de 1020 oui mais de l'autre elle sont dans les 900 est-ce grave?
j'ai finalement réussis!
Problème phase 5
Bonjour,
J'ai beau suivre les indications après la validation de la phase 5 rien ne se passe quand je vais voir mon blog.
Peut être que l'image n'a pas la taille ? Peux-tu me dire ou trouver des images à la bonne taille.
Merci d'avance
merci
très bonnes explications ... merci pour tout
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
merci
merci beaucoup pour l'explication!
ca marche sans probleme!
Merci beaucoup pour toutes les explications, mais j'dois dire que j'ai aussi un problème, mon fond s'affiche des 2 côtés, et j'avais une image qui avait les bonnes dimensions avec, pour chaque côté, un thème différent ! Comment puis-je régler mon problème ?
Merci
Pour moi c'est impecable !!!
Merci mille fois pour tout ces tutos, qui ont permis a une fille plus que débutante en langage CSS de faire un blog dont je suis vraiment contente. Merci Merci
Poster un commentaire
Rétroliens
URL pour faire un rétrolien vers ce message :
http://www.canalblog.com/cf/fe/tb/?bid=381268&pid=7793343
Liens vers des weblogs qui référencent ce message :
