Mettre un fond different pour un article

Publié le 20 avril 2007 par Mady

Eine kleine Nachhilfestunde für die anderen Over-Blogger, morgen gibt es auch für unsere deutschen Freunde wieder etwas zu sehen ;o)

Je vous disait tout a l'heure que je commence doucement mais surement de prendre mes marques sur le nouveau design. On va essayer de mettre un fond juste pour l'article. Il parait que c'est très facile, il faut seulement suivre les instruction sur http://aide-blog.over-blog.com/

C'est magique quand ça marche comme on veut :o)) Si vous voulez juste faire sortir une parti de l'article vous mettez le </div> pas completement a la fin, mais seulement là ou vous voulez que le changement s'arrête (comme j'ai fait ici) Amusez vous bien ;o)

Voilà ce qu'il faut faire:

Vous désirez mettre un fond sur un seul de vos articles ou sur votre message d'accueil ?

C'est tout à fait possible et très simple à réaliser pour tous les niveaux de blog si vous suivez bien pas à pas ces explications ...

    * Votre blog doit être en mode "avancé".
      (à droite dans l'accueil de votre administration, cliquez "changer de mode")

    * Chargez la texture ou la photo désirée dans vos répertoires ou chez votre hébergeur d'images.

    * Relevez l'URL de cette image et collez-là en attente dans un fichier bloc note.
      (sur Over-blog, sous la miniature de l'image chargée, vous avez une petite loupe, positionnez votre curseur sur cette loupe et faites un "clic droit", ensuite choisissez "copier le raccourci" ou "copier l'adresse du lien" suivant le menu proposé, cliquez sur ce choix pour enregistrer l'adresse.)

    * Ecrivez votre article tout à fait normalement, avec vos éventuelles illustrations, faites la mise en forme du texte, ...

    * Lorsque votre article est terminé, cliquez sur "source".
      (en haut à gauche dans votre barre d'outils de l'éditeur d'articles)

    * Tout au début du contenu du mode source, collez ce code :

      <div style="background-image:url(URL_image); width: 100%; height: 100%">

      (URL_image étant celle mise en attente sur votre fichier bloc-note)

    * Tout à la fin du contenu, collez ceci : </div>

    * Cliquez de nouveau sur "source" dans votre barre d'outils et vérifiez votre article.

    * Si tout est à votre goût en prévisualisant votre article, vous pouvez le mettre en ligne de manière habituelle.