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 !
- Les fonds de Vinéa (sélection spéciale Noël)
- Les fonds de l'Aide Blog
- 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 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 ...
-
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 la FAQ
-
Je vous conseille également l'excellent article de PêUR :
Vos premiers pas en CSS
-
Si votre fond exige un positionnement spécial, voir
les paramètres de fond sur la FAQ
- Couleur, Image de fond par Titia
