écrivez moi

Le monde des Brodeuses




Votre nom:

Votre commune et votre blog:

CSS comment faire?


Vendredi 20 avril 2007 5 20 04 2007 20:47

Eine kleine Nachhilfestunde für die anderen Over-Blogger, morgen gibt es auch für unsere deutschen Freunde wieder etwas zu sehen ;o)

Je vous disait tout a l'heure que je commence doucement mais surement de prendre mes marques sur le nouveau design. On va essayer de mettre un fond juste pour l'article. Il parait que c'est très facile, il faut seulement suivre les instruction sur http://aide-blog.over-blog.com/

C'est magique quand ça marche comme on veut :o))  Si vous voulez juste faire sortir une parti de l'article vous mettez le </div> pas completement a la fin, mais seulement là ou vous voulez que le changement s'arrête (comme j'ai fait ici) Amusez vous bien ;o)

Voilà ce qu'il faut faire:

Vous désirez mettre un fond sur un seul de vos articles ou sur votre message d'accueil ?
 
C'est tout à fait possible et très simple à réaliser pour tous les niveaux de blog si vous suivez bien pas à pas ces explications ...
 

    * Votre blog doit être en mode "avancé".
      (à droite dans l'accueil de votre administration, cliquez "changer de mode")
       
    * Chargez la texture ou la photo désirée dans vos répertoires ou chez votre hébergeur d'images.
       
    * Relevez l'URL de cette image et collez-là en attente dans un fichier bloc note.
      (sur Over-blog, sous 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" suivant le menu proposé, cliquez sur ce choix pour enregistrer l'adresse.)
       
    * Ecrivez votre article tout à fait normalement, avec vos éventuelles illustrations, faites la mise en forme du texte, ...
       
    * Lorsque votre article est terminé, cliquez sur "source".
      (en haut à gauche dans votre barre d'outils de l'éditeur d'articles)
       
    * Tout au début du contenu du mode source, collez ce code :
       
      <div style="background-image:url(URL_image); width: 100%; height: 100%">
       
      (URL_image étant celle mise en attente sur votre fichier bloc-note)
       
    * Tout à la fin du contenu, collez ceci : </div>
       
    * Cliquez de nouveau sur "source" dans votre barre d'outils et vérifiez votre article.
       
    * Si tout est à votre goût en prévisualisant votre article, vous pouvez le mettre en ligne de manière habituelle.
Par Mady - Ecrire un commentaire - Voir les 3 commentaires

Mardi 17 avril 2007 2 17 04 2007 09:35



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)

 

Par Mady - Ecrire un commentaire - Voir les 10 commentaires

Rechercher

Calendrier

Décembre 2009
L M M J V S D
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31      
<< < > >>

Mes recettes sur...

En ce moment

 
personne(s) en ligne


image hébergée par photomaniak.com
depuis la création du blog

_____________________________


______________________________

 

Creative Commons License
Mes créations présentées sur ce site
sont mises à disposition sous
un contrat Creative Commons.






 
Créer un blog sur over-blog.com - Contact - C.G.U. - Rémunération en droits d'auteur - Signaler un abus - Articles les plus commentés