background-blog
salut ariellllll. donc pour toi et tout les autres qui m'ont (ou me) poseront la q°, voici donc le comment du pourquoi :
((avant de commencer, il me faut préciser que je ne connais que le modèle avec les points en arrière-plan, donc, il vous faudra peut-être accepter de changer la disposition de votre mise en pg))
j'ai donc créé une image d'arrière-plan sur illustator (image d'internet vecto et retravaillée, ia pa de secret !), cette image occupe un A3 en paysage.
Puis, on l'enregistre pour le web.
Ensuite, il faut l'héberger sur un site internet pour lui générer une adresse. Cela peut être sur votre blog. Pour ma part, j'ai un compte sur flickR sur lequel je poste mes essais.
Ensuite, on clique droit sur l'image (agrandie) => Propiétés => on copie l'adresse de l'image.
Maintenant, il faut rentrer dans les méandres du HTML du blog.
En fait, le principe, c'est de remplacer l'adresse de l'image de l'arrière-plan actuel par la notre. Il "suffit" donc de la trouver.. seul soucis, c'est en anglais. D'ailleurs, même en français, ces lignes de codes ne serais pas forcément plus claires. Enfin bref, à force d'expérimentations galèratoires, je finis par m'y retrouver un peu mieux.
Dans votre blog, cliquez sur l'onglet "personnaliser", en O à droite, puis sur l'onglet "modifier le code HTML" (s'en suit une suite de lettres bizarres)
Dans la partie :
/* Variable definitions
====================
trouvez ce passage :
et remplacer l'adresse dans body => background, par l'adresse de votre image
3 commentaires:
Merci !!! ça fait un moment que je farfouille dans le html afin de chercher l'image de fond sans savoir vraiment si c'était possible ( du coup je n'ai rien trouvé... ) Je vais m'y remettre, au pire je mettrais le template des points, peut-être que sur le mien y'en a pas...Jdis ça jdis rien je n'en sais rien ! En tout cas merci beaucoup pour ce post très utile à la veille de la rentrée !
Hello ! Merci pour ton aide ! Pour ceux que ça interesse j'ai réussi à modifier mon background via le template blanc classique.
Il suffit d'enlever la première variable ( qui dit que votre fond est blanc ).
Dans la section body il faut aussi rajouter :
background:#fff url("http://i29.servimg.com/u/f29/10/08/23/08/backgr39.jpg")
no-repeat $endSide bottom;
Si vous voulez que votre image reste statique il suffit de rajouter :
background-attachment:fixed;
Voilà !
Uè je ne suis pas encore au point, suivant la résolution de l'écran la background ne se place pas au bon endroit.
Je cherche une ligne de code pour que la taille de l'image se rezise automatiquement suivant la résolution mais en xhtml je ne trouve pas ! Le message c'est moi qui l'ai mis pour prévenir l'utilisateur. Quand tu es venu et qu'il fallait une autorisation c'est parceque je faisais des modifs, du coup j'avais mis un acces privés ! Voilà voilà, mais si je ne trouve pas la solution je vais devoir remettre un écran blanc...
Enregistrer un commentaire