Que peut bien faire un lutin ?

Petit site pour présenter ce que j'aime, mes loisirs, mes travaux, ce que je fais de mon temps libre : cinéma, broderie, travaux manuels, informatique, cuisine, lecture, jardinage, ...

Accueil Tutoriaux Archives Flux RSS Qui suis-je ? Email

10 décembre 2008

Tutoriaux - Sommaire

Hello,

Dans cette page, tu trouveras un petit recapituliatif de tous les tutoriaux de ce blog. J'ai mis au format pdf certains tutos, donc ils sont plus faciles à télécharger et à imprimer.

  • Travailler sur paper piecing : pdf - article
  • Album Crazy : pdf - article
  • Carreau de dentelliere tout simple : article
  • Carreau de dentelliere avec des blocs : article
  • Ajouter des bulles à son blog : article

Le document sera mis à jour à chaque nouveau tutorial.

A bientôt !
Lutine

10 juin 2008

Les bulles

Hello,

voici un petit tutorial pour ajouter les bulles sur les catégories.
Si tu n'es ni en mode expert, ni sur Canalblog, passe le chemin...

Sur chaque page (j'ai fait les modifications seulement sur la page d'accueil, la page des archives, la page d'un message, la page du profil d'un auteur), il faut ajouter ceci , <div id="bulle"></div> juste après le Tag Body.
Chez moi cela donne ça :

<body>
<div id="bulle"></div>
... la suite de mon code

Ce petit code est la bulle en elle même.

Ça c'est facile !
Ensuite, sur toutes ces pages, tu dois avoir dans ton code un truc du genre :

  <CBCategories>
  <li><a href="<$BlogCategoryURL"><$BlogCategoryName$></a></li>
  </CBCategories>

il faut faut modifier le code pour que cela ressemble a cela (en gras ce qui est ajoute) :

  <CBCategories>
  <li><a href="<$BlogCategoryURL$>" onMouseOver="affiche('','<$BlogCategoryDescription$>')" onMouseOut="affiche('cache')"><$BlogCategoryName$></a></li>
  </CBCategories>

C'est bon tu suis ? Ces deux methodes permettent d'afficher ou de cacher la bulle au moment ou la souris passe au dessus du texte.

Dans chaque page, tu copies le code suivant, il faut qu'il soit avant le </head>

<script>
function getMouseCoord(e,type) {
    var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    if (e.pageX || e.pageY){
        posx = e.pageX;
        posy = e.pageY;
    }
    else if (e.clientX || e.clientY){
        posx = e.clientX + document.body.scrollLeft
            + document.documentElement.scrollLeft;
        posy = e.clientY + document.body.scrollTop
            + document.documentElement.scrollTop;
    }

    if(type == 'x' ) return posx;
    if( type == 'y' ) return posy;
}

function affiche(action,contenu){
    var voir;

    if (action == "cache"){
        voir = "hidden";
        contenu = "";
    }
    else {
        voir = "visible";
    }
   
    document.getElementById("bulle").innerHTML = contenu;
   
    function init() {
        document.onmousemove=mousemove;
    }
   
    function mousemove(e) {
        var DocRef;
        Mouse_X = getMouseCoord(e,'x');
        Mouse_Y = getMouseCoord(e,'y');

        var Obj =  document.getElementById("bulle");

        with (Obj){
            if (voir == "visible") {
                style.top  = Mouse_Y +20 +"px";
                style.left = ( Mouse_X  ) +"px";
            } else {
                style.top  = 0 +"px";
                style.left = 0 +"px";
            }
            style.visibility = voir;
        }
    }

    init();
}
</script>

Personnellement, j'ai préféré le mettre dans un fichier à part et ensuite appelé ce fichier, pour éviter de répliquer le code, mais c'est plus compliqué à expliquer.

Enfin il faut modifier la feuille de style générale.
il suffit d'ajouter le code suivant à la fin par exemple :

#bulle {
    background-color: #D7E4f2;
    display: block;
        position: absolute;
        font-family: verdana;
        font-size: 10px;
        color: #0F4D82;
        border: dashed 1px #0E4776;
        max-width: 175px;
        text-align: center;
        padding: 5px;
        visibility: hidden;
        z-index: 1000;
}

Donc je vais expliquer vite fait sinon tu auras les mêmes couleurs que moi...
    background-color: #D7E4f2; => couleur de fond de la bulle
        font-family: verdana; => police écriture
        font-size: 10px; => taille de l'écriture
        color: #0F4D82; => couleur de l'écriture
        border dashed 1px #0E4776; => description de la bordure
            dashed : pointillé
            1 px : épaisseur 
            #0E4776; couleur
Les autres valeurs ne sont pas à modifier.

Pour connaître le code des couleurs, je te conseille les sites :

ou en cherchant "Couleur Hexadécimale" sur google...

voila voila !
J'espère avoir été claire !

Et n'hésite pas à me dire si tu t'en es servi !

EDIT de 10 h 00 : Webconfig a fait des bêtises, il a doublé tous les mots qu'il ne connaissait pas
Comme c'est du code, il y en avait pas mal.
Donc, j'ai tout réécrit l'article ce matin.
J'ai fait un petit test sur la page des archives et tu peux vérifier cela marche bien !

Lutine

28 janvier 2008

Album Crazy : Pas à pas

Bonjour,

Voici le pas à pas pour réaliser le petit Album Crazy que j'ai fait pour Edelweiss.
Je ne connais pas de site, faisant un tel ouvrage, s'il existe, je m'excuse pour le duplicata. C'est vraiment dans la volonté de partager un modèle que j'ai réalisé et pensé seule que ce propose ce tutorial.

IMG_0464_bis

Matériel nécessaire :
- Chutes de tissus assortis
- Tissu du fond : 20 x 20 cm
- Tissu pour la charnière : 4 x 29.5 cm
- Tissu non tisse (Viseline)
- Tissu moche un peu épais : 5 * 14.8
- Paire ciseaux, fil (je couds toujours avec un fil écru), aiguille, épingles, un crayon, un règle, un fer a repasser.
- Molleton (comme pour les patchworks) : 14.5 x 29 cm
- Scotch double face
- Carton de 2mm d'épaisseur
- Cutter, règle a découper, planche a découper, colle pour cartonnage, pinceau
- Deux boutons assortis aux tissus
- Petit bout de coton mouliné assorti au bouton
- Papier un peu épais (j'ai utilise des cartes a deux rabats pour réaliser des cartes de voeux, des menus, etc, qu'on trouve dans toutes les bonnes papeteries (Je l'ai acheté chez Virgin) de dimension 14,5 * 29)
- Un poinçon ou une pointe de compas.
- Papier Kraft Gommé


1) Réalisation du Crazy

Pour réaliser mon crazy, j'ai pris 4 petits blocs sur un site qui propose des frees.
Tu trouveras ici, un fichier word avec les blocs à la taille que j'ai utilisé pour réaliser celui de la couverture.

Tracer sur le tissu non tissé, les 4 blocs au crayon de papier. Attention, il faut laisser 1 cm tout au tour du carré intérieur.

Il faut monter chaque bloc séparément, avec la méthode sur paper piecing expliquée sur un des mes anciens articles.
Lorsque les 4 blocs sont finis, il faut les monter ensemble pour obtenir un carré. Il n'y pas vraiment de sens pour le montage, il faut tester plusieurs positions et les monter comme c'est le plus joli. Les couleurs pouvant être posés différemment pour chaque case de chaque crazy, on obtient a chaque fois un ouvrage unique !

Voici ce qu'on obtient lorsque les 4 blocs sont montes :

IMG_0423_bis

Note : On peut aussi faire une broderie ou tout autre bloc de patchwork.

2)Préparation des couvertures

Maintenant, on va passer à la partie cartonnage.
Dans le carton, découper deux carrés de 15 cm.
Dans la ouatine, découper deux carrés de 14.5 cm.

A l'aide de la règle et du crayon, tracer le milieu de chaque carré.

IMG_0425

Grâce au poinçon (ou la pointe de compas), percer un trou au milieu.

A l'aide du Scotch double-face, fixer la ouatine sur le carton, ne pas oublier de bien centrer la ouatine par rapport au carton.

IMG_0429_bis

On passe maintenant à la partie cartonnage.
Sur la table poser le tissu du fond (20 x 20 cm), face contre la table, puis un des carrés de carton ouaté (la ouate contre le tissu).

Ensuite il suffit d'habiller (ou gainer) le carton. Si tu ne sais pas le faire, je te propose de lire ce merveilleux cours de Jad, sur les coins.

Tracer à chaque coin un trait, selon le schéma suivant et à l'aide de ciseaux, en suivant les traits, couper un triangle de tissu a chaque coin.

IMG_0433

Pour notre carre, on va mettre de la colle sur le dos du carton sur deux cotés opposés, puis rabattre le tissu sur la colle.
Attention de ne pas mettre de colle sur la ouate.
Ensuite, mettre de la colle sur les deux autres cotes, rabattre le tissu, en suivant bien les explications de Jad sur les coins.
Normalement vous obtenez ceci.

IMG_0435

 

Maintenant, refaire la même chose pour l'autre couverture avec le tissu en crazy.
Petite astuce : Pour être sure de bien centrer mon crazy, j'ai passe une épingle a l'intérieur du trou du carton et au centre du crazy (à l'intersection des deux coutures principales), j'ai retire l'épingle a la fin du collage.

On obtient ceci :

IMG_0438

3) Les boutons

Maintenant, nous allons accrocher les boutons.
Prendre un morceau de mouliné DMC (j'ai pris les 6 brins) et l'enfile sur une aiguille pointue (j'ai pris une aiguille a ruban, car elles sont pointues et les chas assez gros)
Passer le fil à l'intérieur du trou de la couverture, et laisser 2 ou 3 cm au dos. Passer le fil dans les trous du bouton, et repasser le fil dans la couverture dans le sens inverse. Laisser 2 ou 3 cm de fil et couper.

Fixer les fils avec un petit morceau de papier Kraft Gomme.

IMG_0444

Faire pareil avec le second bouton sur la seconde couverture.

IMG_0442

4) Réalisation de la charnière

Découper un morceau de 14.8 X 5 cm d'un tissu un peu épais (il peut être n'importe comment il sera cache)
Note : il peut être remplace par du papier Kraft, mais j'aime mieux l'effet du tissu.
Découper un morceau de 29.5 X 5 cm d'un tissu utilise pour le crazy
Encoller une face du tissu épais et le poser au milieu de l'autre tissu.

IMG_0451

Encoller l'autre face du tissu épais et le recouvrir avec le reste de l'autre tissu.
La charnière est prête.

IMG_0454

Encoller 1cm sur toute la longueur de la charnière et le fixer sur le dos de la couverture
Attention ! Il faut coller du cote qui sera visible a la fin donc le plus joli !

IMG_0456

Encoller sur un 1 cm de l'autre cote de la charnière et la fixer sur l'autre couverture

IMG_0458

5) Les pages

La couverture est finie, il ne reste plus qu'a ajouter les pages.
Pour cela, prendre une dizaine de carte, les plier en deux pour obtenir des carres de 14.5 X 14.5 cm.
Prendre deux cartes, et coller la 4ème page de la première carte avec la première page de la 2ème carte.
Prendre une autre carte et coller la 4ème page de la deuxième carte avec la première page de la troisième carte.
Et faire ainsi de suite avec toutes les cartes.

On obtient un petit livret !

Enfin, on monte les pages a la couverture
Pour cela on colle la première page du livret sur le dos de la couverture crazy et la dernière page du livret sur le dos de la couverture en tissu uni !

IMG_0462

Et voila !
C'est fini !
Tout est fini !

J'espère que cela t'a plu !

Lutine

12 décembre 2007

Travailler sur paper piecing.

Hello !

Je l'avais promis, le voici : le pas à pas sur le patchwork sur paper piecing.
Pour cela, j'ai choisi un petit modèle de carte de voeux de Noël.

Attention : je te conseille de lire entièrement une fois toutes les explications avant de commencer !!!

Pour commencer voici le matériel :

IMG_0259

Un modèle, une paire de ciseaux, des épingles, un morceau de papier non tissé (10 x 10 cm) , chutes de tissus, un crayon, une règle, du fil et une aiguille. Il vous faudra aussi un fer à repasser et un petit endroit pour repasser.

IMG_0260

1) Dessiner votre modèle sur le papier non tisse.
Note : le patch sera de l'autre coté du dessin, donc pense à la symétrie. Le modèle doit être tel façon qu'il soit possible de le travailler sans angle, car nous allons coudre que des lignes droites.

IMG_0261

2) Sur l'autre coté (face non dessinée) ajoute un morceau de tissu par dessus la surface N°1. Face jolie du tissu vers toi.

IMG_0262

3) Du coté dessiné, vérifie que le petit morceau de tissu, dépasse bien de 5 millimètres au minimum de chaque coté de la surface 1 et qu'il atteigne bien le plus grand cercle.

IMG_0263_bis

4) Pose le second tissu sur le premier, il doit être assez grand pour recouvrir la surface 2.
Recouvre le premier tissu avec le second tissu : Il faut que le tissu 2 soit sur le tissu 1 face contre face (donc on voit le dos du tissu) .
Note : on voit bien que le tissu n'est pas posé du coté de la surface qui va être recouverte par la suite par le tissu.
Le trait en pointillé va être celui qui l'ont va coudre. On remarque que le tissu déborde de 5 mm du trait qui va être cousu.

IMG_0266_bis

5) Il faut coudre entre la case 1 et 2 sur le trait dessiné.
Note : on peut coudre à la machine à coudre mais pour des petits ouvrage comme celui la cela ne vaut pas le coup.

6) Avec un fer à repasser, replie le tissu 2, sur la case 2.
Couper le surplus de tissu, pour que le tissu soit environ à 5 millimètres de chaque bord et jusqu'à au cercle externe (voir plus loin pour voir cette phase en détail).

IMG_0269_bis

7) On recommence avec le tissu 3 : on le rajoute en suivant le trait entre les surfaces 1 et 3, on l'épingle.
On coût sur la ligne de couture entre les surfaces 1 et 3 (pour ce modèle).
On repasse, et on coupe le surplus de tissu.

IMG_0270_bis

8) On recommence avec le tissu 4, pour celui la j'ai choisi un tissu bien grand. On le position en suivant la limite entre les précédâtes surfaces et la surface 4. On repasse.

IMG_0273_bis

Il faut le couper à la bonne dimension avant d'ajouter le tissu 5. Pour cela je plie le papier non tissé sur les traits de la surface 4 et je coupe a 5 mm de la pliure. Sur l'exemple on coupe en suivant le trait bleu

IMG_0275

Et la surface 4 est finie, le tissu la recouvre et dépasse de 5mm.

IMG_0276_bis

On pose le tissu 5.

IMG_0277

On fait la petite couture.

IMG_0278

On repasse, on coupe. Et voila le 5ème tissu est fini.

Et ainsi de suite avec les tissus 6, 7 et 8.
Et on arrive a ceci :

IMG_0283

Voilà il est fini !

Il faut enfin découper en suivant le plus grand des deux cercles.

on peut le mettre dans un petit passe partout pour qu'il soit joli !

IMG_0284

Je me rends compte qu'il est difficile de faire un tutorial, j'espère avoir été claire !

Lutine




« Accueil  1 
http://www.cutecolors.com/