Gandi.net Groups

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

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

bonjour,
je viens de créer mon blog chez gandi.
pourquoi n'est-il pas possible de pouvoir mettre une image en fond
plutôt qu'un aplat classique ???
En utilisant le thème "Custom theme" et en personnalisant votre feuille
de styles, vous pouvez appliquer une image en arrière-plan à votre
blog.
Alexandre - http://www.livresanspage.net
Le 21 juin 2008 à 03:12 CEST, Alexandre Patenaude a écrit :
En utilisant le thème "Custom theme" et en personnalisant votre
feuille
de styles, vous pouvez appliquer une image en arrière-plan à votre
blog.
voui mais je suis une bille et j'y connais rien en code merci de m'avoir
répondu mais comment dois-je le faire ??
le seul endroit ou on a accès au code c'est dans importer exporter
c'est la dedans que je dois aller ??? et mon image je dois bien
l'envoyer quelques part ???…

merci par avance
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
ouiiiiiiii
alors vous allez pas le croire mais j'y suis arrivée…
bon le fond est trop grand et ne va pas du tout mais 
c'est déjà un premier pas.
Avez-vous des liens sur les tutoriels à me recommander 
pour que je puisse prendre mon envol ???
merci en tout cas
Chrystel Proupuech a écrit :
ouiiiiiiii
alors vous allez pas le croire mais j'y suis arrivee...
bon le fond est trop grand et ne va pas du tout mais 
c'est deja un premier pas.
Avez-vous des liens sur les tutoriels a me recommander 
pour que je puisse prendre mon envol ???
Voilà :
http://dutailly.net/autoformation/gandiblo...
Ysabeau
http://www.dutailly.net
http://www.aiguilles-magiques.com
http://blog.aiguilles-magiques.com