Mettre une image de fond sur un seul article

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.

Publié dans : Design
Ecrire un commentaire - Voir les 27 commentaires - Recommander

Précédent : Mettre une vidéo sur Over-Blog Retour à l'accueil Suivant : over-blog ou overblog ?

Commentaires

pas mal ça! ça peut servir.. bonne nuit

Commentaire n° 1 posté par TINE le 16/07/2006 à 02h02

super............

Commentaire n° 2 posté par Horticolo le 16/07/2006 à 09h07

MERCI j'ai meme utilise le fond de ton exemple sur un de mes article c'est vraiment tres joli et encors merci

Commentaire n° 3 posté par el karaoui le 04/08/2006 à 05h47

Merci encore pour les informations que tu m'as envoyé dans le commentaire. j'ai réussi à changer presque toutes les couleurs des différents éléments . il me reste les arrières plans des titres des modules, la bande bleue qui est derrière le mot chiffonnette tiut en haut de ma page, et je n'arrive pas à changer ces éléments . où puis-je trouver à quoi correspondent les différentes balises dans le css ? pour savoir où aller pour faire les transformations .
A l'avance merci

Commentaire n° 4 posté par chiffonnette le 07/08/2006 à 03h15

chez Francisek par exemple >>> http://www.francisek.com/article-123728.html
le principe est le même pour tous les éléments, fond bordures ou police les codes que tu as déjà utilisé s'appliquent partout

Pour la ligne bleue, retire l'image de background dans la partie entête :

/* entete */

#top    { padding:0px; border-bottom: 1px solid gray; background: url(/modele/2/pics/top.png) repeat-x scroll top left;}

Réponse de Farfouille le 07/08/2006 à 08h36

sos. je n'arrive pas À trouver ou coler le code dans source , snif.

Commentaire n° 5 posté par claire le 16/02/2007 à 15h49

Ah mais tu es chez Blogger, c'est normal, ici ce sont des explications pour Over-blog.

Pour un "blogspot", il y a un onglet "Modifier le code HTML", c'est sur lui que tu cliques, mais je n'ai jamais testé ce genre de chose là-bas, j'ignore si c'est accepté.

Réponse de Farfouille le 16/02/2007 à 17h16

Merci Farfoille , je crois bien que cest pas possível ...

Commentaire n° 6 posté par claire le 17/02/2007 à 14h03

Super comme blog!!! Mais comment fait ton pour ajuster l'image à la taille de larticle. Enfin pour étirer l'image plutôt que de l'avoir en mosaïque????

Commentaire n° 7 posté par Laurene K le 22/02/2007 à 14h01

ça marche sur blog ,YOUPIIII ;O) comme tu dit il faud écrire en html ,génial et merci encore.

Commentaire n° 8 posté par claire le 23/02/2007 à 22h50

Slt!
J'ai essayé de refaire ta technique pour mettre un fond à un de mes articles: j'ai recopier parfaitement ton code, puis remplacé par mon url et ça ne marche pas...comment faire?Merci

Commentaire n° 9 posté par I folima Elda le 12/03/2007 à 22h38

Quelle est l'adresse de ton blog, I folima ?

Commentaire n° 10 posté par Farfouille le 13/03/2007 à 07h04

Aaaaaaaah merciiiiii infiniment !!!!
Ca fait des semaines que je cherche, et que je n'y arrive pas avec les autres posts d'aide !!!
Je vais tester aussi le reste, mais MERCI encore !!!!!

Commentaire n° 11 posté par Yseult le 17/03/2007 à 13h45

de rien :-))

Réponse de Farfouille le 18/03/2007 à 22h02

comment faire avec une foto perso prise ds.l'ordi et pas sur le net ?

Commentaire n° 12 posté par stÃÂ©f le 25/03/2007 à 13h19

jai 1 question commen en fait 1 fon sur ce blog overblog animer faite moa 1 model sur 1 foto pour le voire reponder mwa @+

Commentaire n° 13 posté par yacine le 05/04/2007 à 21h40

Bonjour, Je voudrais avoir un peu d'aide : je pense avoir fait précisément ce qui est inscrit ci-dessus et pourtant je n'obtiens pas de résultats ... Pourriez vous m'aider ?

Commentaire n° 14 posté par Ninouillette le 09/06/2007 à 20h00

bonjour j'ai fait tout ce qui est dit rien mon code url est idata.over-blog.com/1/15/45/62/P1010012.jpg

Commentaire n° 15 posté par Philo le 04/07/2007 à 16h44

Bonsoir, je suis trés contente d'avoir vu votre page ou l'on peut insèrer une texture sur un fond d'article c'est super ,c'est génial et vos explications sont parfaites ,je tenais à vous le dire merci à vous amitiés Guilaine

Commentaire n° 16 posté par GUILAINE le 01/11/2007 à 21h13

Merci beaucoup, c'est très clair et facile à exécuter quand on est novice. Mon problème à moi (déjà évoqué plus haut) : l'image apparait en mosaïque et non une seule grande fois. Est-ce possible de coriger cela ? Est-ce à cause d ela taille et de la qualité de mon image initiale ? Merci beaucoup pour votre aide précieuse

Commentaire n° 17 posté par Pakal le 17/05/2008 à 19h40

C'est toujours délicat d'avoir un design réussi avec une grande image, en cause les écrans différents de ceux qui vont regarder ton blog, il faut que ce soit joli sur tous. Tu peux demander de l'aide sur le forum afin de régler ça en détails.

Réponse de Farfouille le 21/05/2008 à 18h28

merci pour l'article.. j'ai un petit souci..j'aimerais savoir la dimension de mon article (une fois tapé)pour pouvoir y mètre une image de fond sans qu'elle soit en mosaïque et qu'elle y soit tip top à la dimension de mon article..c'est possible? merci d'avance pour les réponses. (désolé si ça déjà été posté,mais j'ai pas trouvé)

Commentaire n° 18 posté par Ghinzur le 16/08/2008 à 12h47

Et bien, pour que ce soit vraiment du sur mesure, ce que moi je ferais, c'est écrire l'article, le publier, ensuite faire une capture d'écran, l'ouvrir avec un logiciel de travail d'image, recouper la capture à la dimmension exacte et ajouter mon image de fond par dessus, écraser et enregistrer, ensuite revenir la mettre dans l'article ...

Réponse de Farfouille le 21/08/2008 à 08h33

Pour moi ça ne marche pas non plus, auseeeeecccoooouuurs!! J'ai du le faire au moin une dizaine de fois rien n'y fait mais bon je suis une clette en informatique alors:( peux-tu m'aider?

Commentaire n° 19 posté par Amalya le 06/09/2008 à 11h11

"Source" est devenu "HTML", il ne faut pas oublier de passer par cette fonction pour coller le code.
Ton problème est-il résolu ?

Réponse de Farfouille le 04/10/2008 à 14h00

je suis nouvelle sur over-blog merci pour ton aide je cherche source... sans résultat sniffff et c est bizare sur mon blog quand on veut écrire un commentaire on trouve pas *source* pourtant ma copine a un blogue sur over-blog et on peut ajouter des images avec ce fameux *source* et la je suis dans le mode avancé comme tu as dit pour mettre une image de fond mais.. toujours pas de *source* quelle est la *source* de mon probleme tu crois? hihihi merci d avance pour la reponse bisoussssssss

Commentaire n° 20 posté par sandra le 03/10/2008 à 18h46

Source = HTML

L'éditeur over-blog a été modifié et mes articles ne sont pas à jour, désolée, manque de temps et que 2 petites mains pour tout faire ;-)

Mais attention, certains blogueurs désactivent le HTML dans les commentaires afin d'éviter le spam, donc dans ce cas pas de barre d'outils dans la fenêtre d'ajout de commentaires.
(configurer > options globales > modération)

Voilà, j'espère que ma réponse résoudra la "source" de tes soucis ;-)

Réponse de Farfouille le 04/10/2008 à 13h51

J'ai mon propre site internet le htm je connais et bien ça ne fonctionne pas ?! Dommage j'aurai bien aimé avoir des fonds d'écran sur mon blog comme sur mon site voir ici pour preuve http://marguerite.aroles66.free.fr malheureusement si le htm m'est familier je ne suis pas capable de comprendre pourquoi sur le blog ça ne fonctionne pas, oupss !! bête moi

Commentaire n° 21 posté par Margarida le 17/11/2008 à 01h50

Mille mercis,depuis le temps que je cherche... Je vous mets votre article dans mes "liens"!!!

Commentaire n° 22 posté par chibatop le 08/12/2008 à 12h20

merci :-)

Réponse de Aide Blog le 27/01/2009 à 09h25

Bonjour et merci pour l'info mais çà je sais faire, ce que je demandais c'est comment mettre une image dans les commentaires, par ex. en ce moment je veux mettre une image à la fin de ce commentaire, comment je fais pour mettre une image ?? Pour mettre une image sur un article il y a plus simple, mode avancé, clic sur "ajouter une image" et après il n'y a plus qu'à suivre les indications pas besoin d'aller trafouiller dans le htm Bonne journée et semaine à tous ceux qui me liront

Commentaire n° 23 posté par Margarida le 08/12/2008 à 14h05

Bonjour,
Le mieux est de te rendre sur le forum d'entraide et quelqu'un te prendra en charge afin de t'aider à réaliser tes souhaits pas à pas :-)

Réponse de Aide Blog le 27/01/2009 à 09h26

Bonjour J'ai fais un blog pour faire des essais avant de transformer un autre blog association.bastet.over-blog.fr. Je ne réussis pas a changer le fond de la colonne centrale et les deux colonnes gauche droite. je comprends pas la distinction global/accueil qui a le dessus sur l'autre? et c'est quoi les définitions avancées template? Je ne sais pas comment entrer dans le forum over blog et poser des questions. Désolée du dérangement Help me please!

Commentaire n° 24 posté par Nath le 04/02/2009 à 21h02

Bonjour,

Pour le forum, quel est ton problème, il suffit de te connecter et de cliquer sur l'icone, voilà l'adresse directe pour tester : http://forum.over-blog.com/

Le global dans le CSS, c'est la partie qui comprend toutes les colones, regarde là pour les explications complètes imagées :
http://titia.blog.test.over-blog.com/article-5509366.html

... mais "global" défini également le menu qui influence tout le blog dans la partie design ... je pense que tu es un peu perdue, tente encore d'aller sur le forum pour ouvrir un fil et quelqu'un qui a du temps libre t'aidera pas à pas et calmement

Réponse de Aide Blog le 07/02/2009 à 14h26

Bonjour, j'ai voulue mettre un fond sur un article et paf que la moitié, je l'ai laissé, mais pourriez-vous me dire ce que j'ai fais de mal....
Merci, et votre blog m'aide beaucoup.
Bizzzzz

Commentaire n° 25 posté par Nany le 07/05/2009 à 07h38

Me revoilà, en fait la page est compléte, tout à bien marché, merci pour votre blog.
Bizzz bonne journée.

Commentaire n° 26 posté par Nany le 07/05/2009 à 07h41

Bonjour et Merci Farfouille!

J'y suis arrivée, c'est pas encore le top, mais j'ai bidouillé pour la taille de l'image de fond 1791x710 et voilà ce que ça donne.
Merci vraiment pour l'info et au plaisir !

Commentaire n° 27 posté par VIENS le 23/05/2009 à 12h59