10 janvier 2008 4 10 /01 /janvier /2008 08:00

Voici une liste d'endroits à visiter afin de trouver LE fond idéal pour votre blog
ou de chouettes textures pour n'importe lequel de vos travaux.
Quelques petits conseils à ne pas oublier lorsque vous placez un fond de blog :

- Toujours vous assurer que l'image est librement utilisable ou demander à son auteur la permission de l'utiliser.

- Enregistrer l'image sur votre PC et la charger ensuite chez votre propre hébergeur, excepté s'il est spécifiquement indiqué que vous pouvez en utiliser l'url. Utiliser l'url d'une image sans la permission du responsable du site source peut être illégal, lisez bien les informations utiles sur le site où vous trouvez votre image.

- Si vous utilisez une image, il est bienvenu, pour en remercier l'auteur, de faire un lien vers son site.

- Pensez que tout le monde n'a pas la même taille d'écran ni la même résolution, si vous choisissez de mettre un fond sous forme de grande image il vous sera plus difficile d'adapter votre design afin que cela soit cohérent pour tous vos visiteurs.

 

Voici donc ma liste de sites testés, elle s'agrandira, vous pouvez également mettre les liens de vos sites favoris en commentaire.

Bonne recherche !

 

 

Comment placer ce fond sur votre blog (over-blog V1) pour la V2 cliquez ICI

Vous devez être en mode "avancé", dans l'accueil de votre administration, à droite, vous avez la possibilité de passer en "mode avancé"

1. Chargez votre image dans votre répertoire photos.

2. A côté de 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" (surtout PAS "adresse de l'image" !) suivant le menu proposé, cliquez sur ce choix pour enregistrer l'adresse, collez-là en attente dans un fichier bloc note.

3. Allez dans l'onglet "design".

4. Cliquez sur "modifier le CSS" dans le sous menu à droite

5. Cochez la case "je souhaite modifier moi-même le fichier CSS" - ATTENTION, toute modification érronée du fichier CSS peut gravement endommager votre blog, agissez donc prudement et, avant et après chaque modification, sauvegardez votre CSS dans un fichier bloc-note sur votre ordinateur afin d'avoir la possibilité de réparer en cas de fausse manoeuvre.

6. Au début de votre CSS, cherchez la ligne qui commence par body

7. Dans cette ligne cherchez background

8. La partie à modifier est celle comprise depuis le mot background et le premier point-virgule ;

9. Remplacez cette partie par background-image : url(URLde-votre-image) ;

10. Remplacez URLde-votre-image par l'adresse copiée au point 2 ci-dessus

11. Cliquez "enregistrer" en bas de page

12. Cliquez sur "aperçu" tout en haut à droite, votre blog s'ouvre

13. Cliquez sur le bouton "actualiser" de votre navigateur ou sur les touches ctrl + F5 de votre clavier.

14. Si tout s'est bien déroulé, votre fond est en place, admirez !  

  

 

 

Questions / Réponses

 


 

J'ai réussi à mettre mon fond de blog mais comment rendre le fond de mes articles et modules transparent ?

Cela dépendra de la configuration de votre blog car les CSS sont différents d'un modèle à l'autre, vous devez changer le "background", ou ajouter le code s'il est absent, pour un fond transparent vous mettrez ceci : background-color:transparent;

Vous modifierez, dans la partie "structure", ces lignes suivant votre situation :

#global ou #main (ou #main1, #main2, #main3) pour l'ensemble articles-modules

 pour l'ensemble articles-modules

#main #rightnav ou/et #main #leftnav (1,2 ou 3 suivant votre structure) pour les colones de modules

#main #content (1,2 ou3) pour la colone des articles

exemple de ligne modifiée : #main { margin-bottom:5px; background-color:transparent; }

Il y a de nombreux modèles de CSS différents, il vous faudra donc peut-être chercher un peu avant de trouver la bonne ligne à modifier, donc n'oubliez surtout pas, AVANT de commencer vos modifications, faites une sauvegarde de votre CSS complet dans un fichier bloc-note, ceci afin de le remettre et recommencer si vos eventuelles erreurs dénaturent votre blog.

N'oubliez pas que les points-virgule et parenthèses sont très importants !

 


 

Voir plus loin ...
 

Partager cet article

Repost 0
Published by Aide-Blog - dans Design
commenter cet article

commentaires

touring washington dc 03/09/2014 14:31

There has been a lot of interesting features in the recent facebook updates. Importantly it has become more users friendly! Of course I’m talking about the mobile application. I seriously doubt about the popularity of the desktop version.

fondsdecran2014.blogspot.com 06/08/2014 16:45

l'etape pardon , et pourrais tu repondre via mon blog ( sur nimporte quelle article ) :$

http://www.nexgen-software.fr 20/06/2014 06:36

On en veut davantage avec autant d\'humour. Continuez.

Nike Air Max 21/10/2012 15:24

Cheap Nike Shoes
Strongest shade, might cause muscles thrills. Frustrating impulse may represent vibrant.
Nike Shoes NZ
Less severe, a really vibrant and brilliant colorings. Productive, delighted colorings somewhat african american in comparison with casual in comparison with brilliant blue lemon vary.
Nike NZ
The best shade settings, mainly brilliant, brilliant. Mark on the gentle associated with knowledge, emblematic associated with strength and self-importance can not stand whitened dilute in order
to
improve having african american, pink, darkish blue contrasting soft light red could become softer.
Cheap Nike Shoes
Having simple qualities. Quiet shade, vibrant. Enjoy associated with natural attractiveness. Tranquil, vibrant, tolerant shade could embark plenty of colorings to attain harmony.
Nike Free Run
Classic, large, isolated perception associated with similar to viewing your mist.
Nike Zoom Kobe Shoes
A substantial class of an expression associated with horror, mainly pink darkish pink accident. Lilac is really a gorgeous and vibrant shade, pink and yellow coexist extra major detrimental.
http://www.addnikeoutle.com The visitors and now have a typical, abstract shade final. Items can be used to express your philosophical black-and-white shade furthermore jointly neat african
american: clear, no timeless quiet. To some degree neat sensation.
Nike Outlet
Nothingness, pure, infinite alternatives. Dichroism whole period to show his or her energy by each one other's appearance.
Nike Air Max
Shade unaggressive shade by shade fantastic by next shade his or her life. Just about wintry subsequently hot, your just about hot your wintry the best perception associated with calm (neutral),
is
one of the the majority of how it looks tranquil colorings incorporates a powerful harmonic vary result.

cynthiia-ongleriie 03/10/2012 00:40

l'etape pardon , et pourrais tu repondre via mon blog ( sur nimporte quelle article ) :$

cynthiia-ongleriie 03/10/2012 00:39

coucou , a partir de l'etape je ne trouve asolument pas le"css" , j'ai beau chercher rien a faire , alors je me demander si par asar sa te derangerais de me le faire :$

Vergilz 28/03/2012 13:00

Merci pour cette astuce, j'voulais juste que mon arrière plan soit fixe ^^. Ça m'a aidé :).

Fantaisy 27/11/2011 14:01

merci beaucoup

chlore liquide 10/11/2011 23:19


excellent ton post je note de suite votre site dans mes bookmars


Marketing Dissertation 13/07/2011 08:34


I read this information with great pleasure. Thanks for such nice post!


lespaillettesdadeline 09/04/2011 23:39


bonjour
moi j'ai enlevé le mode css, un peu trop compliqué pour l'instant, et j'ai chargé une photo pour la mettre en fond de blog dans "design" fond de blog, j'ai chargé ma photo, cependant celle ci ne
prends pas toute la page du blog et s'arrete comme faire pour que la taille de l'image s'adapte


Perles de Cristal 26/12/2010 22:52


Bonsoir,
j'aurais aimé mettre un fond différent de celui de mon accueil sur articles mode avancé

Merci pour votre réponse


bianca 24/11/2010 14:42


encore moi désoler
cela fait des heures que je ne peut pas écrire sur le css pouvais vous m'aidé
mon amie est en prèmium et elle n'a pas accès non plus
comment faire pour changer le fond du blog
merci


amandine 09/05/2010 19:03


Bonjour, cela fait plusieurs mois que je bricole un peu overblog, j'ai en fait un petit problème, je voudrai installer un thème de fond pour mon blog, c'est assez compliqué mais je suis déja
parvenue à installer une image de fond, la PROBLEME c'est qu'elle est en mosaique sur la totalité de mon blog alors que j'aimerais qu'elle ne soit qu'en une seule fois. Pouvez vous
m'aider?????????
Merci beaucoup. Tartamandyne


marketing dissertation 26/11/2009 10:01


Blogs are so informative where we get lots of information on any topic. Nice job keep it up!!


Nicole 08/09/2009 13:18

Bonjour voilà j'ai suivi tes conseils...quand je prévisualise ça marche c'est extra...alors j'enregistre... mais le fond ne se met pas...

JapanForEver 10/07/2009 12:46

Bonjour,
J'ai fais ce que tu a dis pour mettre une image de fond mais ça ne marche que quand je fais prévilualiser dans le menu CSS. Mon thème c'est le Ray.
Merci et bonne journée!

mona 15/06/2009 23:42

passons à la question j'ai bien suivi tous vos conseils pour changer de couleur de fond de blog mais il s'avere que je n'ai pas le terme bakground à la premiere ligne de mon css.J'ai cela(body, html {padding: 0px; margin: 0px;}
#global{padding: 0px; margin: 0px auto; width: 950px;} je ne vois rien qui ressemble aux termes que vous utilisez merci de me répondre.je galere trop

mona 15/06/2009 23:37

excusez moi mauvaises manips!!

mona 15/06/2009 23:37

re,

mona 15/06/2009 23:37

bonsoir,

Tata Sica 07/02/2009 20:02

Oui, j'ai trouvé! c'était bien le texte de mes coms que je voulais changer!!
Mais en tout cas merci encore car ton blog m'a beaucoup aidé!!

Tata Sica 24/01/2009 02:16

Heu.. rebonsoir Farfouille!
J'ai écrit "Noli" parce que c'est elle qui m' a
donné ton lien et je l'ai remerçié sur un forum juste avant!
Je le répète: ce blog est super pour les débutants!
Une dernière chose cependant: j'ai réussi à changer le fond de mon blog!... mais la couleurs des coms est trop fonçée!
As tu un ptit quelque chose à me répondre à ça?
Merci!

Aide Blog 07/02/2009 14:37


Je pense que tu as trouvé, car le rose de tes commentaires est très joli ... mais si tu parlais des liens sous l'article (ajouter un commentaire ect.), c'est la ligne .afterArticle dans le CSS (et
".afterArticle a" pour les liens  et ".afterArticle a:hover" pour le survol des liens.


Tata Sica 23/01/2009 23:18

Bonsoir Noli!
Grace à ton aide le css est bien moins flou pour moi!
J'ai reussi à mettre un fond d'ecran personalisé sur mon blog... alors que, encore hier je ne m'y serrais pas risquée!
Merci bocou!!!!!!!!!!!

carole 20/07/2008 13:00

bonjour jai un souci pour les fonds.jai ete sur kiss dessign et le problem c'est que je ne peu pas instaler le kits que jai choisi .il faut acheter un editeur html .mon blog est bien endomager et ne ressemble a plus rien jai plus ka recommencer.merci de m'aider.cordialemnt

Farfouille 08/08/2008 08:10


Bonjour,
Je pense que le plus simple est d'appeler au secours sur le forum d'entraide, un blogueur qui a plus de temps libre que moi pourra te prendre en charge et t'expliquer pas à pas comment
personnaliser ton blog.


Loumenne 10/05/2008 23:10

Bonjour,

Je voudrais savoir comment rendre mon fond écrant transparent dans mes articles.

patricia 14/12/2007 18:58

je veux changer mon fond de blog, j'i donc suivi le shéma que vous indiquez et il m'est impossible de récupérer le nouveau fond désiré!
quelle serait la marche à suivre pour renouveler l'opération?

sonia 30/06/2007 11:43

Salut, je suis nouvelle puis binh jusque là j'ai réussi a me dépatouillé sur internet pr faire mon o.v mais là sa coince j'arrive pas a mettre mon fond d'article transparent j'ai mis sa : .article { margin-top:10px; padding:0px;background-color:transparent;
}
.article p { padding:0px 0px 5px 5px; margin:0px;background-color:transparent;
} mais sa marche pas. Si tu pourrer m'aider sa serait simpô, sinon bâh tans pi ^^

Farfouille 22/05/2007 19:11

David : pour un gif animé c(est la même chose qu'une autre image, à quel endroit rencontres-tu des problèmes ?

Maverick : Il manque le point virgule avant l'accolade de fin

MAVERICKS007 22/05/2007 18:50

salut j essaye de creer un fond d'ecran mais je n'y arrive pas! voici j ai suivi tes instructions mais pour changer mon css rien n'est affiché donc j ai mis
body { backgroung-image: url(http://idata.over-blog.com/1/07/15/31//terre.jpg)}
le resultat c'est que je n'ai plus du tout de fond de blog donc mon ancien fond d'écran s'est effacé et le nouveau ne s'est pas mis peux tu m aider stp merci

david seidel 19/05/2007 12:57

je n'arrive toujours pas mettre une image en foànd de mon blog mais c'est une gif annimer le destin de lisa alors si tu peux m'expliquer mon blog est la http://le-destindelisa02.over-blog.fr

david seidel 19/05/2007 12:57

je n'arrive toujours pas mettre une image en foànd de mon blog mais c'est une gif annimer le destin de lisa alors si tu peux m'expliquer mon blog est la http://le-destindelisa02.over-blog.fr

Farfouille 20/05/2007 09:46

Cet article explique comment faire en V1, mais ton blog est en V2 (la nouvelle version over-blog), donc si tu rencontres des problèmes, je ne peux que te conseiller de poser des questions sur le forum après avoir regardé les autres aides proposées (voir les liens à droite)

Farfouille 17/05/2007 11:10

L'écran étant différent d'un utilisateur à l'autre, ce n'est pas conseillé, mais si tu désire néanmoins le faire, il faut, en blog "confiance", l'héberger ailleurs car Over-blog optimise les images.

tlsain37 15/05/2007 07:40

Bonjour, sais tu comment mettre le fond de page ajusté à la taille de l'écran ? merci par avance

koroki 05/05/2007 20:48

c'est encore moi lol Nn ben c'est bon lol c'était pas le bon code que j'avais mis lol

koroki 05/05/2007 12:53

Mince y'a eu un problème dans le com en faite le code que j'ai mis c'est:
body { background-image: url(http://srv02.admin.over-blog.com/index.php?module=admin&action=pictures_index#)
Voilà

koroki 05/05/2007 11:54

Coucou, j'ai suivi tes explications mais rien ne se passe voilà ce que j'ai mis:
body {
background-image: url(http://srv02.admin.over-blog.com/index.php?

Y a t-il une erreur?
module=admin&action=pictures_index#)

Domiedu30 11/02/2007 11:46

Merci pour ces bonnes explications concernant le fond , je pense m'attaquer aux bordures ou à la police d'écriture bientôt, je compte sur toi en cas d'embrouille !

maminou 28/12/2006 17:46

Bonsoir
Je voudrais mettre un joli fond sur mon blog mais il faut modifier le ccs. J'ai peur de modifier le CCS j'y connais rien . J'ai peur de tout perdre car tu dis qu'il faut faire attention . Y a t il un moyen de sauvegarder tout les articles du blog et de les récupérer si on fait une bêtise ???:0009:
Maminou

Farfouille 22/01/2007 14:30

Pas d'inquiétude, les articles ne seront pas perdus, au pire il suffit de décocher la case ad-oc et seul le design sera perdu mais pas le contenu du blog.

Chris 13/12/2006 16:33

merci :-)

Chris 13/12/2006 07:27

bonjour et merci pour tes ces conseils...
Je me suis lancée, et comme une personne a dessus rien ne se passe, ni hier, ni ce matin...
Tu dis à l'autre personne de vider le cache du navigateur ??? Je ne sais pas ce que c'est !!!
Je te copie ce que j'ai fait

au cas où j'aurais commis une erreur.
body { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small; background-image:(http://idata.over-blog.com/0/42/42/19/gouttes-d-eau.jpg); }

Farfouille 13/12/2006 07:40

essaye comme ça body { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small; background-image:url(http://idata.over-blog.com/0/42/42/19/gouttes-d-eau.jpg); }

cpladeux 09/12/2006 16:51

bonjour voila jai voulu changer mon fon de blog comme ecrit et rien ne ce passe pourquoi merci pour votre aide voila la copie de ce que j'ai fbody {margin:0px; padding:0px; background-image:url(http://http://idata.over-blog.com/0/26/38/27/cpladeux282.jpg);) font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;}
ai merci d'avence

Farfouille 13/12/2006 07:41

Retire ce que j'ai mit en rouge, c'est en trop body {margin:0px; padding:0px; background-image:url(http://http://idata.over-blog.com/0/26/38/27/cpladeux282.jpg);) font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;}

Berteaud 30/11/2006 18:49

Merci.

Berteaud 30/11/2006 12:24

J'ai essayé, mais en cliquant droit, ni "copier l'adresse de l'image", ni "copier le raccourci" ne s'affichent. (Je suis avec Firefox) Quoi faire, SVP?

Farfouille 30/11/2006 13:55

en cliquant sur l'icone en forme de loupe, l'image s'affiche dans une fenêtre, en haut de cette fenêtre se trouve normalement inscrite l'adresse de l'image

carette 27/10/2006 14:22

salut a tous pour changer le fond de mon blog jai comme vous dites mais quand je clique sur apercu rien a changé
svp comment faire

Farfouille 04/11/2006 22:36

il faut actualiser la page pour voir les changements, si cela ne fonctionne pas, il faut alors vider le cache du navigateur.Attention, il arrive, à certaines heures de forte affluence ou lors de maintenances, que les modifications ne soient pas visibles de suite.

chiffonnette 06/08/2006 00:45

Bonsoir
je viens de changer la texture de mon fond de blog ! je suis vraiment ravie d'avoir réussi grace à vous ! j'aimerais changer la couleur des écritures dans les modules ainsi que des traits autour des modules , comment faire?
Encore merci pour toutes ces info.

Farfouille 06/08/2006 11:27

Bonjour,La partie à modifier pour tes modules est la suivante : /* ---------- Box ---------- *//* correspond au block des modules */.box { width:100%; margin-bottom:10px; }.box h2 {}.box-top { background:transparent url(/modele/2/pics/box-top-center.png) repeat-x scroll top left; }.box-left { background:transparent url(/modele/2/pics/box-middle-left.png) repeat-y scroll top left; }.box-right { background:transparent url(/modele/2/pics/box-middle-right.png) repeat-y scroll top right; }.box-bottom { background:transparent url(/modele/2/pics/box-bottom-center.png) repeat-x scroll bottom left; }.box-topLeft { background:transparent url(/modele/2/pics/box-top-left.png) no-repeat scroll top left; }.box-topRight { background:transparent url(/modele/2/pics/box-top-right.png) no-repeat scroll top right; }.box-bottomLeft { background:transparent url(/modele/2/pics/box-bottom-left.png) no-repeat scroll bottom left; }.box-bottomRight { background:url(/modele/2/pics/box-bottom-right.png) no-repeat scroll bottom right; padding:3px; }.box-content { overflow:auto; padding:0px 10px 15px 5px; color: #5675A4; }.box-content p { margin:5px 0px 5px 15px; padding:0px; }.box-content ul { margin:5px 0px 5px 15px; padding:0px; }.box-content li { list-style:square; color:#b6b6b6; margin:5px; padding:0px; } ******************************************* tu commence ar retirer cette partie à chaque ligne de module si tu désire retirer l'image du contour url(/modele/2/pics/box-top-center.png) repeat-x scroll top left **************************************************** ensuite tu ajoutera, dans cette ligne-ci, les informations sur la bordure que tu désires .box { width:100%; margin-bottom:10px; } Toutes les infos concernant les différentes bordures sont expliquées sur l'aide blog, tout au bout de l'article "encadrer une image", les codes sont exactement les mêmes, tu ajoute ce que tu désires après le point virgule et tu n'oublies pas un autre point virgule avant la parenthèse de fermeturePour modifier la police dans les modules (infos sur les polices dans l'article "modifier le titre des modules" partie "design", il faut modifier cette ligne :.box-content Surtout pense à faire une copie de ton CSS dans un fichier bloc note AVANT toute modification, pour au cas où

Tim 02/08/2006 22:22

Ok premier problème réglé! Merci beaucoup de ton aide!

Bonne soirée

Tim 02/08/2006 21:33

Second problème résolu grâce au forum! Le premier par contre persiste!

Tim 02/08/2006 21:22

Bonsoir!
J'ai changé le fond de mon blog en suivant tes conseils à la lettre mais l'entête est restée d'une couleur différente. Comment se fait-il?

Deuxième problème, en voulant modifier mon fond une deuxième fois. Je clique sur "enregistrer" et en allant dans "aperçu", je vois le fond de base blanc d'OB (que je n' ai jamais utilisé). J'actualise plusieurs fois mais en vain. J'ai essayé de remettre le css d'avant (je l'ai sauvegarder sur notepad)mais c'est toujours blanc! Help!

Merci d'avance et bonne soirée

Tim

Farfouille 02/08/2006 21:40

Bonsoir, Dans ton css tu as ceci : /* entete */#top { padding:5px; background-color: #E4D9CE; border-bottom: 1px solid gray; }#top h1 { padding:0px; margin:0px; }pour avoir l'entête avec le même fond que le reste, modifie ceci :/* entete */#top { padding:5px; background-color:transparent; border-bottom: 1px solid gray; }#top h1 { padding:0px; margin:0px; }bonne chance

romvie 30/07/2006 12:43

Nous n'avons pas accés dans le sous menu de "design" à "changer votre css".

On a seulement le choix à changer de modele ou rétablir la configuration par défault.

Comment faire ? Merci de votre lecture et d'une éventuelle réponse.

Farfouille 30/07/2006 12:48

les sous menu de "design" est une case sur la droite, êtes-vous bien en mode avancé ?dans l'accueil de votre administration, à droite, vous avez la possibilité de passer en "mode avancé"

Recherche

test du compteur

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