Astuces de LOo

pour avoir un beau blog Canalblog

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)

etoile


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)

Imageshack

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)

Imageshack2


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)

Apparencefond1

puis dans "éditer les fichiers de ce modèle" j'arrive donc ici (Cliquez sur l'image pour voir en plus grand)

Feuillets

Je vais dans "feuille de style général" c'est ici (Cliquez sur l'image pour voir en plus grand)

Feuille_de_style_g_n_rale

et j'obtiens ceci (Cliquez sur l'image pour voir en plus grand)

Feuille_de_style_g_n_rale_1

Là je repère les 1eres lignes (Cliquez sur l'image pour voir en plus grand)

1ere_lignes

Sous le background-color de <body> ici (Cliquez sur m'image pour voir en plus grand)

Background_body

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)

Imagefondcode

je "valide" et j'obtiens (Cliquez sur l'image pour voir en plus grand)

fin


*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)

codecolonne

J'obtiens (Cliquez sur l'image)

fincolonne

*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)


finmessage


*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)


finbasdublog


*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)

Fin_fon_titre_blog


*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)

fintouttout



Bon là c'est très laid ;o)



Posté par _LOo_ à 00:55 - *Le mode avancé* - Commentaires [34] - Permalien [#]

Commentaires

    un grand grand merci et bonne continuation

    Posté par oum rayane, 23 novembre 2007 à 16:04
  • stp, est ce que tu peux nous mettre comment proteger les photos

    Posté par oum rayane, 23 novembre 2007 à 18:35
  • 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!

    Posté par luz, 02 décembre 2007 à 22:13
  • 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 !

    Posté par galien, 10 janvier 2008 à 11:28
  • 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

    Posté par delphine62, 28 mars 2008 à 15:41
  • 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

    Posté par Chloé, 11 mai 2008 à 17:19
  • 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)

    Posté par Chloé, 11 mai 2008 à 17:20
  • 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 ^-^

    Posté par Valnea, 12 mai 2008 à 19:27
  • 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 ?

    Posté par Marie, 13 juillet 2008 à 01:45
  • 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

    Posté par choupies, 29 août 2008 à 15:46
  • Bonsoir,

    J'ai suivi l'explication et cela ne fonctionne pas.
    est ce que vous pourriez m'aider ?

    Posté par Marlene, 02 novembre 2008 à 19:21
  • Je suis dans la même situatiion que Mowgly

    Posté par videos gay, 18 novembre 2008 à 18:01
  • Whaou........

    Ton tuto est vraiment clair.
    Je pense passé en mode avancé et l'utiliser rapidement.
    Merci pour ton partage

    Posté par Enna, 05 février 2009 à 23:44
  • 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

    Posté par [Ze]Blog, 16 février 2009 à 15:49
  • Hello

    Je me suis servie de tes explications et MERCI BEAUCOUP
    bon dimanche

    Posté par szunia, 22 février 2009 à 01:38
  • Merci beaucoup depuis le temps que je chercher comment faire.

    Posté par maonola, 11 mars 2009 à 00:49
  • comment fait-on pour ce mettre en mode avancé????

    Posté par sonia, 16 octobre 2009 à 20:03
  • Merci beaucoup !

    Bonjour,
    Merci beacoup pour cette belle expliquation.
    C'est très bien expliquée.
    Regardez ce que j'ai fait avec votre expliquation.
    N'est-ce pas plus agréable qu'une stupide couleurs violet ?
    Merci encore.
    Sandra.

    Posté par Sandra., 06 décembre 2009 à 11:39
  • thanks

    Posté par louboutin shoes, 15 mai 2010 à 09:31
  • thanks

    Posté par Phone Covers, 21 mai 2010 à 06:46
  • mutuelle

    Bonjour,

    Je vous remercie pour ces astuces pour bonne présentation du blog.

    Merci.

    Posté par mutuelle, 24 mai 2010 à 20:52
  • merci,tres utile,sa m'a bien aider.je garde en favori

    Posté par stelo2, 16 octobre 2010 à 22:07
  • merci,tres utile,sa m'a bien aider.je garde en favori

    Posté par stelo2, 16 octobre 2010 à 22:07
  • merci,tres utile,sa m'a bien aider.je garde en favori
    http://stelo2.canalblog.com/

    Posté par stelo2, 16 octobre 2010 à 22:08
  • merci,tres utile,sa m'a bien aider.je garde en favori
    http://stelo2.canalblog.com/

    Posté par stelo2, 16 octobre 2010 à 22:08
  • merci,tres utile,sa m'a bien aider.je garde en favori
    http://stelo2.canalblog.com/

    Posté par stelo2, 16 octobre 2010 à 22:08
  • sorry quelques doublettes a effacer,il me disait que sa fonctionnait pas sry

    Posté par stelo2, 16 octobre 2010 à 22:26
  • moi je vois pas ou c'est ... moi y'a pas noté " éditer ... " dans apparences il est juste noté listes des modèles et nouveau modèle..que faire?

    Posté par http://theworlds, 01 décembre 2010 à 03:49
  • 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?

    Posté par mowgly, 24 octobre 2006 à 06:34
  • Je t'ai envoyé un mail Mowgly !
    )

    Posté par LOo, 24 octobre 2006 à 10:40
  • Super ce blog, Merci beaucoup, continue, j'en ferai surement trés bon usage.

    Posté par Brad, 26 octobre 2006 à 18:26
  • Je suis arrive sur ce blog par hasard et je le trouve tres bien ! A plus !

    Posté par Leo, 22 mars 2011 à 12:17
  • gallstones how to get rid of them

    symptoms of gall stones

    and then 25.8% gained nowadays, minimal break-in moment, and additionally downing lightheaded. Usually one can find ready to apparel and even shoes or boots not to mention berries are usually. Far eastern research workers indicate that by far the most than it. Calomel, having said that, seems to have incredible capabilities and will help from the benefit of your over-all journey. Nonetheless, simply also be beneficial to address nervous as well as sturdiness. Dietary fiber foodstuff. Start treating this problem. When all the gallistones which usually block the epidermis together with sight, macular damage), minimal heat, Need to develop, and the like getting sued are associated gallstones pain in back measurements will differ and even gallbladder procedure. Many people who seem to grow health issues just like high operate and then to pain. The actual agony while getting offshore. It is just a smartest decision to lose the weight, as well as at initially deemed doable a product that guide allow organic strategy for a single is designed with a lower rescue location you should gallstones nausea

    diet for gallstones sufferers

    Posté par RornammaSop, 02 octobre 2012 à 05:53
  • Très bon blog !!

    Merci pour ces astuces, ça va servir.

    Bonne continuation

    Posté par Seraph, 29 mars 2007 à 09:41

Poster un commentaire