Trouver une chouette image de fond pour votre blog et la mettre en place

 

 

Les mises à jour et ajouts sur les articles d'aide se feront désormais
uniquement sur le blog Aide-Blog

 

 

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 !

 Chani  
 hurgon
 GRSites 
 Decomania  
 Kiss Design  
 Tout images
 Atelier Duotang  
 Amour et Fleurs 
 Textures Forrest 
  Sélecteur de couleurs  de  yoyodesign

  

  

Comment placer ce fond sur votre blog (over-blog)

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

  

Pour placer votre image de fond, vous pouvez également suivre le tutoriel de la FAQ
Pour d'autres questions sur les fonds de blog, voir également la FAQ

Et je vous conseille également l'excellent article de PêUR : Vos premiers pas en CSS 

 

Ecrire un commentaire - Voir les 21 commentaires
Publié dans : Shopping ~ Inclassables ~ Oubliettes - Communauté : Farfouillage Familial
Retour à l'accueil

Commentaires

Très bonne idée.


Marie

Commentaire n°1 posté par Marie le 21/02/2006 à 14h39

salut oui c'est une bonne idée c'est vrai car c'est dur d'en trouver des fois ! en voila un autre :


http://www.imagifs.com/fondsp1.php


    

Commentaire n°2 posté par caro le 21/02/2006 à 17h56
merci caro  :-)
Réponse de Farfouille le 22/02/2006 à 21h29

merci beaucoup pour cette info


je vais de ce pas me mettre au travail


 


cordialement


jean michel

Commentaire n°3 posté par jean michel le 02/03/2006 à 02h44
génial vraiment très utile !!! J'ai bien tourner en rond avant de trouver cette aide :-p
Commentaire n°4 posté par sandy le 13/05/2006 à 07h12
tourner en carré serait en effet assez difficile
Bonne chance pour la suite
Réponse de Farfouille le 14/05/2006 à 08h31
Merci beaucoup Farfouille pour cette aide !

Je te soumet ce sujet, issu du forum OB, qui detaille encore +, (pour les touts p tits debutants) : http://forum.over-blog.com/0-forum-blog-1-1399298.html
Commentaire n°5 posté par christophespb le 13/05/2006 à 16h23
... je penserai à complèter mon article ... mais en cherchant un peu, la FAQ et PêUR donnent toutes les informations utiles, même les p'tits débutant doivent apprendre à se prendre en charge lorsqu'on leur a montré le chemin ... non ?
Réponse de Farfouille le 14/05/2006 à 08h29
Merci pour les explications!! C'est super bien expliqué et ca marche! moi aussi c'est la première fois que j'essaie ce genre de modifications sur mon blog et pour un débutant ce n'est pas évident! merci encore!
Commentaire n°6 posté par guillaume le 24/05/2006 à 23h23
Je sais que ce n'est pas évident, félicitations ;-)
Réponse de Farfouille le 25/05/2006 à 07h44
Ouf !!!
C'est pas trop tôt ! J'ai enfin réussi grâce à tes conseils détaillés à changer le fond de mon blog. Heureusement qu'il y a des sites comme le tien, vraiment bravo de tout coeur.
Seulement voilà, maintenant que je l'ai changé, mon fond, je n'arrive plus à le re-changer !!
C'est pas facile pour moi qui débute dans les blogs...
Commentaire n°7 posté par Dominique le 10/06/2006 à 18h20
merci, pour tte ces explications bien faite,
c'est agréable avoir de l'aide!!et ton blog est une source de conseils
J'ai une pte. question:
le design de mon blog ne me convenque pas, j'amerai essayer de changer,le rendre plus joli, mais j peur d'éffacer tout, e me trouver dans l'impasse.Esc-ce qu'il y a moyen de faire des esseyes, sans toucher la config, actuelle?
(pardon pour mon ortho)?
merci,
Commentaire n°8 posté par lorylo le 13/06/2006 à 09h31
Le plus simple est de copier la totalité du CSS dans un bloc note avant de faire les modifications, comme cela si l'on se retrouve avec un blog difforme, il suffit de recoller ce CSS dans la case, à la place de ce qu'il s'y trouve et hop on reviens au design de départ ... mais attention pour cela il ne faut pas changer le "modèle" de design.
Réponse de Farfouille le 13/06/2006 à 10h02
Bonjour et déjà merci pour tous ces conseils ! Je suis connectée depuis environ une semaine, jours et nuits, à essayer de comprendre les css pour modifier l'apparence de mon blog... et c'est duuuuuuur ! :(
Une question qui m'arrangerait beaucoup : Je souhaite mettre en fond d'écrant du blog une image de fond en "camoufflage". Pour empêcher que cela ne gène la visibilité, j'aimerais mettre un fond bleu clair pour les articles. Mais je n'arrive pas à trouver cette satanée ligne à modifier pour les articles !!
Merci d'avance !
Commentaire n°9 posté par Pauline le 24/06/2006 à 11h26
Oups trouvé !
Désolée et merci... C'est bien souvent quand on se décourage qu'on finit par réussir !
Commentaire n°10 posté par Pauline le 24/06/2006 à 16h26
Bonjour,
Je suis toute novice comme tu pourras le constater, j'aimerais changer le fond de mon blog, pas par une photo mais par un fond personnalisé et unicolore. Dois-je donc laisser "blackground" et modifier l'url ou il y a les "F" ou bien ou il y a couleur ?
Pour l'entête, ou puis-je trouver des photos sympas qui s'adaptent et à quel endroit metre l'url.
Pour tout ceci, dois-je passer par un hébergeur images ?
Merci à toi en attendant pour ton aide précieuse,
Mélusine
Commentaire n°11 posté par Mélusine le 15/02/2007 à 12h02
Bonjour Mélusine,
Pour la couleur, tu changes juste le code de couleur (par exemple, blanc c'est FFFFFF), il faut laisser le code juste avant : background-color:#
Tu trouveras plus d'infos sur les fonds et les entêtes, des liens d'aide là :
http://aide-blog.over-blog.com/article-3003439.html
Réponse de Farfouille le 15/02/2007 à 17h51
Bonjour,
J'aimerais mettre une bordure fleurie sur mon blog , ou as-tu trouvé la tienne ? je ne trouve aucun site.
Merci et bravo pour ton aide,
Mélusine,
Commentaire n°12 posté par Mélusine le 03/03/2007 à 12h06
Il faut faire une petite recherche google et explorer beaucoup, regarde déjà sur les sites que je donne en liens dans la partie "animations", cela peut se nommer "bordure" mais aussi "barre" ou "séparateur", il faut parfois beaucoup de temps pour trouver quelque chose qui nous plait.
bonne chance
Réponse de Farfouille le 04/03/2007 à 11h18
salut,
juste une infos a savoir, sur les macs il suffit d'enregistrer la feuille de style CSS dans l'appli text edit (un peu l'équivalent du bloc note des PC...) et pour enregistrer un fichier .css importable dans un soft d'edition CSS genre "simple CSS" il suffit de modifier le fichier en remplaçant .rtf par .css et ça roule ...
A +
Commentaire n°13 posté par XRAY Concept le 25/08/2006 à 16h24
merci :-)
Réponse de Farfouille le 25/08/2006 à 16h52
Bonjour, je voulais commencer un changement de fond. C'est le 1er CSS que je fais. Tout est bien expliquer, mais je ne trouve pas dans le "design"==modifier le css et non plus "enregistrer".  Je suis bien a la lettre, ce ne doit pas etre impossible, mais ?? Vous pourriez m'aidez SVP. Ensuite, je n'ai pas eu de soucis, je suis Mozilla et on me dit que c'est impossible?? Pourtant je l'avais deja fait ?
Cordialement
Maryse
Commentaire n°14 posté par maryse le 26/03/2008 à 20h22
Desolée, je n'ai pas une phrase correcte, je voulais dire que ce n'est plus possible de faire un copier-coller sur Mozilla.
Commentaire n°15 posté par maryse le 26/03/2008 à 20h52
Bonjour, Merci pour ce blog! Très sympa! Et tellement esthétique! Merci aussi pour les infos, notamment celle-ci, qui consiste à personnaliser sa présentation. J'ai appliqué les consignes à la lettre et ça marche!!!! Youpi! Sauf que: moi, ce que je voudrais, c'est garder le bandeau central tout blanc afin que le texte reste lisible et ne fatigue pas les yeux. J'ai beau chercher, pas douée, je ne trouve pas l'astuce... pourriez-vous m'aider? Et puis, j'abuse: est-il possible de mettre une musique d'accueil? D'avance, merci mille fois! Bonne journée et bonne continuation pour ce superbe blog!
Commentaire n°16 posté par Véronique le 02/07/2008 à 07h56
Bonjour,
Pour le "bandeau", c'est la partie #global dans le css, l'ajouter si elle n'y est pas et la modifier si elle s'y trouve déjà, le code pour un fond blanc est background-color:#fff;
Pour la musique, je passe mon tour, ça fait bien 2 ans que je n'en ai pas mise sur un blog, ce n'est pas ma tasse de thé, mais sur la FAQ et le forum il y a bien des explications.
Bonne chance  :-)
Réponse de Farfouille le 06/07/2008 à 08h43
Bonjour, Je passe seulement aujourd'hui sur cette réponse! Merci beaucoup. Pour le bandeau, c'est réglé. Pour la musique, c'est trop ch... j'ai changé d'avis... Merci encore !!!!
Commentaire n°17 posté par véro le 17/08/2008 à 16h12
bonjour je vous remrcie de la super explication de pour changer le fond des blogs mais j ai un soucis a l etape 5 vous dite :5. Cochez la case "je souhaite modifier moi-même le fichier CSS" je ne trouve pas cette cas a cocher, en haut j ai "original" "mon style" a gauche j ai " global" si par cas vous passer par la pouvez vous me guider? merci a bientôt j éspere
Commentaire n°18 posté par line le 28/11/2008 à 14h51

Bonjour line,

Over-blog a bien changé depuis cet article, il faut à présent aller dans la partie "design", cliquer "mode avancé" et cocher la case "personnaliser"

bonne chance :)

Réponse de Farfouille le 28/11/2008 à 15h05
whaouu merci beaucoup de votre rapidité moi qui avait peur de pas avoir de reponse. je suis desole mais je n est pas la case"personalser"? pourtan je suis bien en mode avancé, je comprend pas.
Commentaire n°19 posté par line le 28/11/2008 à 15h25
il faut peut-être auparavant cliquer "mon style" ... je ne sais plus, teste
Réponse de Farfouille le 28/11/2008 à 16h26
bonjour, je vais bien dans l'onglet design mais je ne trouve pas le sous menu modifier css ???? juste y'a ecrit mode avancé css mais là je ne peux rien modifier. je suis bien en mode avance pourtant...merci de m'aider.cdlt, angel13300
Commentaire n°20 posté par angel13300 le 30/01/2009 à 10h23
onglet design > modifier le CSS
Bien des modifications sont faites depuis des mois chez OB, il faut arriver à suivre tous les changements.
Bonne chance
Réponse de Farfouille le 31/01/2009 à 19h19
Bonjour,
J'ai effectué la manipulation comme expliquée et rien ne se passe, l'image ne s'affiche pas ...
Pourriez vous m'aider ?
Commentaire n°21 posté par la fée des bois le 08/06/2009 à 17h07
Il n'y a pas d'image, juste du texte
Réponse de Farfouille le 13/06/2009 à 08h52
Ecrire un commentaire

 

Albums Photos

Voir tous les Albums

 

Histoires en Vrac

 
Blogs Farfouille

 

Catégories

 

 
Contact - C.G.U. - Rémunération en droits d'auteur - Signaler un abus - Articles les plus commentés