écrivez moi

Le monde des Brodeuses




Votre nom:

Votre commune et votre blog:

Bonjour




Bienvenue Herzlich Willkommen Welcome Bienvenida Benvenuto Welkom Boas-Vindas



Je vous invite à partager mes aventures créatives au fil du temps !


Je vous propose :


des grilles gratuitesdes échanges, des pas à pas, des SAL, des jeux et bien plus!



**L'album du SAL Toblerone **



 



Vendredi 20 avril 2007

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 - Publié dans : CSS comment faire? - Ecrire un commentaire - Voir les 3 commentaires

Mardi 17 avril 2007



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 - Publié dans : CSS comment faire? - Ecrire un commentaire - Voir les 10 commentaires

Rechercher

Calendrier

Juillet 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    
<< < > >>

Index des gratuits

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.






En cours

Sal & échanges:

  • échange coeur (envoie le 15 décembre)
  • Sal Toblerone (11 janvier 09)
  • Sal Lizzie Kate Flip it Bits 2007 (perso) en retard
  • Salexandre encore plus en retard
autres broderies en cours:

  • Passionnée de broderie 

en attente pour l'encadrement sont:
  • Petits échantillons de points (la chasse au cadre est ouvert)
  • Marquoir de ciseaux de IsaV
  • Spring Snapperland
projet:
  • coussin de porte pour Weeke
  • le plateau de la brodeuse (pour moi)
  • Collection de Coeurs
  • Coeur d'épice
 
Blog : Cuisine sur over-blog.com - Contact - C.G.U. - Rémunération en droits d'auteur - Signaler un abus