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
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 :
