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

Repost0
Published by Aide-Blog - dans Design

Recherche

test du compteur

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