Personnaliser son blog - Personnaliser.canalblog.com

Astuces et tutoriels pour personnaliser et rentabiliser votre blog ou votre site web ! Découvrez tous nos conseils sur Personnaliser.canalblog.com !

 

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

    Posté par Philippe, 06 février 2008 à 18:55
  • idem

    bonjour!
    Moi aussi phase 4 impossible à faire....
    :0(( dommage.....
    mais merci d'avance pour les nouvelles manips et explications!!! ;0)
    bizzzzzzzzzzzzzz

    Posté par LoulouPistou, 26 février 2008 à 15:55
  • ç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

    Posté par mzelletricotine, 29 février 2008 à 11:40
  • Phase 4 impossible

    idem Phase 4 introuvable

    Posté par goodgood, 07 août 2008 à 07:29
  • ca marche

    en fait gt pas passé en mode avancé sorry... ca marche nickel

    Posté par goodgood, 07 août 2008 à 07:53
  • 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?

    Posté par fee malice, 07 février 2009 à 22:48
  • j'ai finalement réussis!

    Posté par fee malice, 08 février 2009 à 19:58
  • 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

    Posté par rockette, 28 février 2009 à 23:01
  • merci

    très bonnes explications ... merci pour tout

    Posté par evlin88, 24 mars 2009 à 09:01
  • 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

    Posté par jemarlu, 18 avril 2009 à 07:23
  • merci

    merci beaucoup pour l'explication!
    ca marche sans probleme!

    Posté par véro, 22 avril 2009 à 19:10
  • 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 ?

    Posté par Madame canaille, 13 juin 2009 à 20:01
  • Merci

    Pour moi c'est impecable !!!

    Posté par titeuf64600, 13 juin 2009 à 21:33
  • 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

    Posté par lili est folle, 29 septembre 2009 à 12:14
  • Juste merci pour l'aide, j'avais perdu mon background dans les limbes de mes bidouillages et maintenant tout est rentré dans l'ordre grace à toi, merci encore merci et je reviendrai surement pour customiser encore un + mon blog
    Ciao!

    Posté par medusa, 17 juin 2010 à 19:15

Poster un commentaire







 

© Personnaliser.canalblog.com | 2007 - 2010 | Tous droits réservés | Plan du site
La reproduction des informations présentes sur ce site sous toute forme et sans autorisation est strictement interdite.
Personnaliser.canalblog.com se réserve le droit d'éditer ou de modifier ces informations à tout moment.