14 juillet 2006 5 14 /07 /juillet /2006 13:52

 
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.
     

 

Partager cet article

Repost 0
Published by Farfouille - dans Design
commenter cet article

commentaires

agar 10/12/2014 13:47

Farfouille tu es génial(e), g cherché partout, tu est l(a) seule à m'avoir apporté la solution. Merci.

Brigitte 25/02/2012 19:15

GRAND MERCIj ai réhusit je suis tres heureuse
mille merci
bisous
Brigitte

angeline351 11/10/2011 00:38


bonjour je suis perdue je n'arrive toujours pas a mettre une image sur un fond d'article j'ai tout fait mais rien ne marche aide moi je ne sais plus quoi faire
merci a vous


Josiane 04/09/2011 22:42


Hé bien comme d'hab, je suis nulle mais j'ai beau essayer ça ne marche pas!!! Tant pis!


bebemariposa/couette 19/02/2011 21:04


Merci merci merci, ça fait je ne sais combien de temps que je cherche à faire ça.
Un blog qui rend service c'est vraiment cool !


Loup Blanc 12/01/2011 20:28


kwé J'ai un problème depuis quelques temps sur e-monsite. Je n'arrive plus à mettre mon code avec fond. Quand je colle mon fond dans Editeur HTML, j'enregistre les écrits sont au-dessus curieux non
? Cela fait plusieurs années que j'utilise ce code. Dommage vous n'avez pas mis les dimensions ? Si vous trouvez la solution à mon problème je mettrais votre lien sur mon site. Paix et harmonie
avec vos proches. Loup Blanc


BIANCA 24/11/2010 13:36


merci beaucoup pour les infos votre blog est génial
seul soucis je ne peut pas changé le mode CSS


Fred 26/07/2010 18:44


oups, les codes se sont intégrés au message, je voulais donc dire que j'ai simplement mis :

[crochet ouvrant]div style="background-image:url(URL_image)[crochet fermant]

votre texte

[crochet ouvrant]/div[crochet fermant]


Fred 26/07/2010 18:41


merci beaucoup pour l'astuce !

pour l'info, ça fonctionne sous blogger, j'ai simplement mis :



france 28/05/2010 08:55


Bonjour,

Je suis la procédure pour mettre une image et ça fonctionne bien, et j'ai fait un copié collé de l'image dans word pour lui mettre un filigrane transparent, mais impossible de le charger dans mes
fichiers images over-blog, ou est le bug.
Merci de me répondre.


bfrance 26/05/2010 17:31


bonjour,

J'essaie de mettre une image seulement dans le haut de ma page et rien ne fonctionne, je ne sais plus quoi faire, j'essaie aussi un compteurs et même problème.

J'ai aussi une autre question:

Comment mettre une image (en exemple une fleur) en image sans qu'elle se répète sur toute la page? Est-ce possible, merci de me répondre.
France


bfrance 25/05/2010 23:00


Bonjour,

J'ai quelques questions....

J'ai réussi à mettre un fond d'écran avec tes conseils sur un seul de mes articles:)

Par contre, je tente de mettre un fond d'écran sur toutes les pages d'accueil de mon blog et sans succès. Je suis en personnalisé et je tente de copier le code de la même façon que pour l'article
et sans succès, au moment de coller c'est impossible (coller est en gris) et même problème pour le compteur.

J'ai besoin de tes explications stp.

p.s.: a l'administration, où trouve-t'on changer de mode?

Tous mes articles sont en mode avancé et je me sers du mode source.

Merci j'attends tes réponses:)
France


Brigitte 20/05/2010 12:08


Bonjour,
Par erreur, j'ai supprimé un dossier images. Puis-je le récupérer ? la procédure ?
MERCI


Bibi 01/12/2009 12:59


Bonjour
Je suis toute nouvelle sur over-blog, car j'étais "fatiguée" d'une autre plate forme LOL
Je tiens a te remercier car je trouve déja ici une réponse claire.
Il me reste beaucoup a faire, mais je suis tétue MDR
Merci encore, bisous bibi


catherine 13/07/2009 22:06

J'ai fait un essai.. ça ne fonctionne pas...
"source", c'est bien le petit carré "HTLM code source?"

Merci!

VIENS 23/05/2009 12:59

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 !

Nany 07/05/2009 07:41

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

Nany 07/05/2009 07:38

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

Nath 04/02/2009 21:02

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!

Aide Blog 07/02/2009 14:26


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


Margarida 08/12/2008 14:05

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

Aide Blog 27/01/2009 09:26


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


chibatop 08/12/2008 12:20

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

Aide Blog 27/01/2009 09:25


merci :-)


Margarida 17/11/2008 01:50

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

sandra 03/10/2008 18:46

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

Farfouille 04/10/2008 13:51


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


Amalya 06/09/2008 11:11

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?

Farfouille 04/10/2008 14:00


"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 ?


Ghinzur 16/08/2008 12:47

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

Farfouille 21/08/2008 08:33


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 ...


Pakal 17/05/2008 19:40

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

Farfouille 21/05/2008 18:28


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.


GUILAINE 01/11/2007 21:13

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

Philo 04/07/2007 16:44

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

Ninouillette 09/06/2007 20:00

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 ?

yacine 05/04/2007 21:40

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 @+

stéf 25/03/2007 13:19

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

Yseult 17/03/2007 13:45

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 !!!!!

Farfouille 18/03/2007 22:02

de rien   :-))

Farfouille 13/03/2007 07:04

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

I folima Elda 12/03/2007 22:38

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

claire 23/02/2007 22:50

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

Laurene K 22/02/2007 14:01

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????

claire 17/02/2007 14:03

Merci Farfoille , je crois bien que c’est pas possível ...

claire 16/02/2007 15:49

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

Farfouille 16/02/2007 17:16

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é.

chiffonnette 07/08/2006 03:15

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

Farfouille 07/08/2006 08:36

chez Francisek par exemple >>> http://www.francisek.com/article-123728.htmlle principe est le même pour tous les éléments, fond bordures ou police les codes que tu as déjà utilisé s'appliquent partoutPour 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;}

el karaoui 04/08/2006 05:47

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

Horticolo 16/07/2006 09:07

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

TINE 16/07/2006 02:02

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

Recherche

test du compteur

Il y a actuellement    personnes connectées à Over-Blog dont    sur ce blog