Gandi.net Groups

Blog Généralités: Re: mettre une image de fond à mon blog

Dans le sujet : mettre une image de fond à mon blog

Vous devez être connecté pour poster de nouveaux messages. Créer un compte.

Bonjour,

Vous vous trompez d'endroit où chercher, vous essayez de brûler des
étapes, lol. La partie "Importer/exporter" que vous avez trouvé ne
sert qu'à importer ou exporter les billets et commentaires de votre
blog. Ce n'est pas là qu'il faut chercher.

  - Pour changer un thème : c'est dans "Tableau de bord -> Paramètres
des thèmes" ;
  - Pour charger une image accessible dans votre blog, chargez-la à
l'aide du "Gestionnaire de média".

Allons-y étape par étape. Le problème en utilisant le thème "Custom
theme", c'est que vous devrez créer complètement une nouvelle feuille
de styles pour votre blog, à partir de rien. Vous incluriez les
propriétés pour appliquer un arrière-plan à votre blog... mais
aucune précision sur la disposition du texte, la couleur du texte, des
liens, l'agencement de l'entête et du pied-de-page, etc. ne serait
donnée ; il faudrait en ajouter aussi. Ce qui se révèle être un
travail plus ou moins fastidieux.

Sauvons-nous un peu de tâche : il existe un "truc de passe-passe" qui
est d'importer une feuille de styles déjà existante d'un autre thème
dans "Custom theme", puis d'écraser les propriétés de certaines
classes par d'autres propriétés. Je vais vous donner un exemple
ci-dessous, afin de vous illustrer. Configurez votre blog afin qu'il
utilise le thème "Custom theme" et sauvegardez ce nouveau choix.
Désormais, dans la case de "Custom theme", vous trouverez un nouveau
bouton, "Configuration du thème", qui vous ouvre un champ de saisie de
code. Inscrivez le code suivant :
@import url(/themes/default/style.css);

body { background: url(/public/mon_image.png) repeat top left;
Dans cet exemple :
  - J'importe d'abord une feuille de styles qui existe déjà, afin d'en
récupérer toutes les propriétés. J'importe ici la feuille du thème
"BlowUp". Vous pouvez, si vous le voulez, importer une autre feuille de
styles d'un autre thème : changez le nom du dossier "default" par celui
d'un autre thème.
  - Puis, j'indique que pour le corps du site (body), l'arrière-plan
(background) sera composé par l'image "mon_image.png" stockée dans le
Gestionnaire de médias. Pensez à changer le nom de l'image par celui
qui est actuellement le vôtre.

Enregistrez les modifications, et voilà !

Si vous pensez faire des arrangements plus poussés, je vous conseille
de vous renseigner à propos des CSS. Ce langage est plutôt facile à
maîtriser, et de nombreux tutoriels se trouvent facilement dans
Internet.

En espérant que ce (long) message vous aide !
Alexandre - http://www.livresanspage.net