Changer le fond

Publié le par Mady



Ici le premier cours pour les changements du CSS. Je ne peux pas vous dire si ça marche aussi pour ceux qui sont déjà sous V2, je n'ai pas encore eu la chance d'y passer ;o) Je m'excuse auprès des lecteurs allemandes de ne pas faire de traduction, mais vu que Over-blog n'existe pas en Allemagne, ce n'est pas utile ;o)


 

PS: Je viens de voir sur le forum d'over-blog quil semble d'avoir des differences entre le CSS V1 et V2, ne me tappez pas si il faut rechanger des choses dans pas longtemps :o))

 

Hier ist also der erste Kurs für die Änderungen des CSS. Ich kann euch nicht sagen ob es für die V2 das Gleiche ist, ich hatte noch nicht die Ehre zur neuen Version überzugehen ;o) Ich entschuldige mich bei meinen deutschen Lesern diesmal keine Übersetzung zu machen, aber das Over-Blog in Deutschlang nicht existiert, hat das sowieso keinen Zweck ;o)





Allez dans  Design + Modifier le CSS et cochez  « Je souhaite modifier moi même le fichier css  ».

Faites une copie de tout le CSS tel qu’il est et sauvegardez le dans un dossier!!! C’est très important, cette sauvegarde vous permet de revenir à la configuration initiale en cas de problème.


 

 

 

Une fois que c’est fait, on va alors commencer petit à petit avec les changements.

 

 

La couleur du fond :

 

Le plus simple, vous changez juste le code couleur ! Pour ça vous allez a :

 

/* ---------- Elements Principaux ------------- */

body    { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;color:#00000;background:#FFFFFF; }

 

et vous changez le code couleur marqué en rouge par celui de votre choix. Vous trouvez ces codes sur le net, comme par exemple sur Espace 2001

 

Cliquez sur enregistrer, aperçu et actualiser la page courante, pour voir le changement. Si jamais il y a un problème vous prenez votre copie de sauvegarde et vous remplacé tout le texte par un copier/coller !

 

 

 _______________________________________________________________________

 

 

 

L’autre solution demande plus de manipulations. Pour ça vous allez  charger l’image que vous voulez mettre, dans votre album du blog. Je vous conseille de prendre un fond uni pour commencer. Moi j’ai choisi mon papier dans le kit « Festival » sur Shabby Princess  avec lequel j’ai aussi fait le reste, bannière etc.

 

Une fois que vous avez chargé l’image vous cliquez sur la loupe, l’image s’ouvre dans une nouvelle fenêtre. Avec un clique à droite vous choisissez « Propriétés ». Il faut copier l’adresse de l’emplacement de l’image.

 

Vous allez ensuite à (dans le CSS):

 

/* ---------- Elements Principaux ------------- */

body    { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;color:#00000;background:#FFFFFF; }

 

 

et vous remplacez background:#FFFFFF; par background-image:url(l’adresse copier dans  Propriétés) ;

 

 

 

Faites bien attention de ne pas effacer des virgules ou parenthèses. A la fin vous allez obtenir un texte comme celui là :

 

/* ---------- Elements Principaux ------------- */

body    { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;color:#00000;background-image:url(http://accel11.

mettre-put-idata.over-blog.com/0/51/15/63/sp-springbreeze-paper-blue.jpg); }

 

Cliquez sur enregistrer, aperçu et actualiser la page courante, pour voir le changement. Si jamais il y a un problème vous prenez votre copie de sauvegarde et vous remplacé tout le texte par un copier /coller !



 

Pour télécharger ces explication en format pdf c'est par ici ;o)

 

Publié dans CSS comment faire

Commenter cet article

Mady 20/04/2007 00:17

Maminou, je voulais justement te répondre, quand j'ai vu la proposition pour passer en V2. J'ai ouvert un nouveau blog test en V2 cet aprem et j'ai déjà fait des progres, alors j'ai acceptée, j'espère que j'ai bien fait ;o) Par contre ne ne peux plus faire de changements pour le moment, le temps de la migration, alors je ne peux pas voir ton adresse mail. Si tu veut contacte moi et dit moi par qui tu voudra commencer, on pourra voir ça ensemble si tu veut ;o)Bise Mady

MAMINOU 20/04/2007 00:04

Coucou Mady J'arrive de chez ma copinette MumuTu as eu du courage . Moi je n'ai jamais osé vraiment me lancer, et maintenant que je suis en V2, encore moins . J'ai peur de tout "planter"Mais ton tuto a l'air d'enferPour dire vrai, j'avais tenté sur un blog d'essai que je n'ai ouvert que pour les essais justement, mais je suis passé en V2 juste à ce  moment la . Et les versions sont différentes . donc je patiente .MaminouTrès sympa ce fond turquoise

boutdeficelle 19/04/2007 14:39

Merci beaucoup pour ces explications. Là, il fait trop beau alors direction le jardin mais ce soir : j'essaie!

florence 18/04/2007 13:21

merci mady pour le cours !!! je ratttrape mon retard de mails et de visites de blog et je m'y mets !!!

Marina ( Italie ) 18/04/2007 10:09

Merci pour tes explications !!!