24 octobre 2006
Mode avancé: Mettre un fond
Je vais vous expliquer comment mettre un fond sur votre blog Canalblog en mode avancé...
1. Choisir un fond...
Je prends celui-là (Je précise que celui-ci est enregistré sur mon ordinateur)
2. Imageshack ou autre hébergeur d'images
Je vais sur Imageshack puis je clique sur "Parcourir", je cherche mon fond dans mon ordi et une fois trouvé je clique 2 fois dessus, celui-ci va s'afficher sur Imageshack comme ceci (Cliquez sur l'image pour voir en plus grand)
Ensuite je clique sur "host it" puis je clique-droit sur le lien "Direct link to image" et je copie (Cliquez sur l'image pour voir en plus grand)
3. Insérer le lien copié+un code dans "Apparence" de Canalblog
Je vais dans "Apparence" du menu Canalblog (Cliquez sur l'image pour voir en plus grand)
puis dans "éditer les fichiers de ce modèle" j'arrive donc ici (Cliquez sur l'image pour voir en plus grand)
Je vais dans "feuille de style général" c'est ici (Cliquez sur l'image pour voir en plus grand)
et j'obtiens ceci (Cliquez sur l'image pour voir en plus grand)
Là je repère les 1eres lignes (Cliquez sur l'image pour voir en plus grand)
Sous le background-color de <body> ici (Cliquez sur m'image pour voir en plus grand)
j'insère background-image: url("adresse de mon image copié sur imageshack");
ce qui donne (Cliquez sur l'image pour voir en plus grand)
je "valide" et j'obtiens (Cliquez sur l'image pour voir en plus grand)
*Si je désire mettre un fond dans ma colonne j'insère le code sous le background-color de #rightbar ou #leftbar (cela dépend où est votre colonne) (Cliquez sur l'image)
J'obtiens (Cliquez sur l'image)
*Si je désire mettre un fond dans mes message j'insère le code sous le background-color de #content
J'obtiens (cliquez sur l'image)
*si je veux le mettre en bas de mon blog j'insère le code sous le background-color de #container
J'obtiens (cliquez sur l'image)
*Si je veux me mettre un fond dans ma barre de titre de blog j'insère le code sous le background-color de #topbar
J'obtiens (Cliquez sur l'image)
*Enfin
si je veux sur tout j'insère le code sous chaque background-color de
body, #container, #content, #rightbar ou #leftbar ou les deux (si vous
avez mis les deux colonnes), et #topbar
J'obtiens (Cliquez sur l'image)
Bon là c'est très laid ;o)
Commentaires
probleme...
Salut, je debute completement sur internet et son langage et en voulant faire un peu plus que ce que tu disais, j'en ai perdu mon titre sur mon blog... J'ai du supprime un truc sans faire expres je sais pas...Peut tu m'aider?
Je t'ai envoyé un mail Mowgly !
:o)
Super ce blog, Merci beaucoup, continue, j'en ferai surement trés bon usage.
Très bon blog !!
Merci pour ces astuces, ça va servir.
Bonne continuation
;) ;)
un grand grand merci et bonne continuation
stp, est ce que tu peux nous mettre comment proteger les photos
Merci!
Merci à toi d'avoir pris le temps de mettre toutes ces explications en ligne, et avec les images en plus! J'ai réussi sans problème!
Je vais à présent fouiner sur le reste de ton blog, je suis sûre que je vais encore apprendre plein de choses!
Il s'agit du mode avancé. Mais peut-on personnaliser ses fonds si le blog n'est pas construit en mode avancé ?
En tout cas merci pour les infos, ça donne du "peps" à mon blog !
merci pour tout ! ! ! je voulais changer l'aspect de mon blog mais je n'osai pas mettre en mode avancé je suis contente d'avoir trouvé ton blog avec tout ses explications
Je n'y arrive pas, & pourtant j'ai tout fait !
J'ai bien suivi les instructions , j'ai pris un model banale d'abord, avec un fond et tout enregistré de mon pc, mais RIEN ne marche :(:( ya til un format bitmap ou faut il mettre du format JPEG? :(
c'est tout simple en plus tes conseils sont géniaux ! merci :) mais pour le moment je n'y arrive point :(
en fait j'ai reussi !!! ca marche TRES bien meme !
Javais fait une fausse manip !
je te remercie du fond du coeur LoO !
bisous (l)
Merci beaucoup pour l'astuce c deja une super avancée pour moi ^^ mais j'aimerais quand meme savoir une petite chose, comment dois je faire dans le cas ou je veux une grande image et que celle si reste fixe quand je defile ma page (en gros pour ne pas avoir de repetition d'image quand je defile ma page)
Merci d'avance ^-^
Je suis dans la même situatiion que Mowgly... j'ai du supprimer une ligne de trop et je n'ai plus de titre... je voulais mettre en banière la même image que le fond... Pourrais-tu m'aider s'il te plait ?
merci...
j'ai vraiment apprécié ton aide merci... j'ai validé malencontreusement la fonction avancée et tout mes fonds avaient disparus... j'ai pu tout remettre en ordre je suis super contente... encore merci
Bonsoir,
J'ai suivi l'explication et cela ne fonctionne pas.
est ce que vous pourriez m'aider ?
Je suis dans la même situatiion que Mowgly
Whaou........
Ton tuto est vraiment clair.
Je pense passé en mode avancé et l'utiliser rapidement.
Merci pour ton partage
Waouah !!!
Bonjour, bonjour !!!
Je viens de tomber sur ton poste !!! Merci beaucoup pour tes explications je n'avais jamais pensé à fouiller dans cette partie là du code !!!
Mon blog fête ses ans demain, je fais une semaine spéciale pour l'occasion mais je souhaiterai surtout lui donner un coup de jeune en changeant tout son graphisme. Merci pouru ton aide
[Ze]Blog
www.anthonyrojo.canalblog.com
Hello
Je me suis servie de tes explications et MERCI BEAUCOUP
bon dimanche
Merci beaucoup depuis le temps que je chercher comment faire. ;)
comment fait-on pour ce mettre en mode avancé????
Poster un commentaire
Rétroliens
URL pour faire un rétrolien vers ce message :
http://www.canalblog.com/cf/fe/tb/?bid=200286&pid=2984204
Liens vers des weblogs qui référencent ce message :
