• [Blabla] Comment Je Fais Mes Thèmes!

    Bonjour à tous! C'est encore une fois moi ( Hajar ) ! c:

    Aujourd'hui petite article pour répondre à une question qui m'a été posée par Nivyne qui est " Comment tu fait un thème ? " donc au lieu de répondre dans les commentaires je préfère en faire un article c: 

    Pour cet article j'ai fait un thème SUPER SIMPLISSIME pour que sa soit assez clair pour vous! 

     

     Le thème de mon thème 

     

    [Blabla] Comment faire un thème

                [Blabla] Comment faire un thème  [Blabla] Comment faire un thème

     

     Avant toute choses, je me demande " Quelle thème pour mon blog? " sa peut être journal intime, été, printemps, nourriture, tout ce genre de choses .. 

     

     

     L'inspiration 

     

    Quand je sait sur quoi va se baser mon thème, je vais prendre comme exemple le printemps, je vais sur Pinterest ou WeHeartit et je tape : Spring. 

    ( Je préfère Pinterest pour les inspirations ) 

    L'image numéro 1 me donne l'idée d'un thème style aquarelle, la numéro 2 me donne des idées de couleurs, de tons que j'aimerais avoir dans mon blog et puis la 3ème me donne des idées pour la police que j'aimerais bien. 

     
    [Blabla] Comment faire un thème       [Blabla] Comment faire un thème               [Blabla] Comment faire un thème 

                  

     

    Votre inspiration peut venir d'autres part, peut être d'un brush ou d'un magazine, d'un livre, ect.. 

     

     Les premiers plans 

     

    Une fois que vous avez quelques idées, faites un plan général de votre blog. Moi je prends généralement une feuille A4 où je fait vaguement les premieres rubriques, le header, ect .. 

    Exemple : 

    [Blabla] Comment faire un thème

    Future dessinatrice, ta vu x)

     

     Recherche des éléments 

     

    Une fois votre plan fait, je vais commencer à chercher les différents éléments que j'ai besoin pour le faire.

    En premier, je choisis un fond pattern ! Le fond doit être clair, lumineux pour que le blog soit léger. Le fond ne doit pas être chargé, de préférence uni pour pas que le design soit encombré et paraisse plus " petit " et enfin, le fond doit être de couleur neutre comme du beige clair, du gris clair, du rose clair mais pas de couleur trop " flash " sinon on a juste envie de se barrer quoi x) 

    Je vous propose ce site pour vos pattern :  SubtlePatterns

     

    Une fois le fond trouvé, je vais les brush nécessaire ! Moi je vais sur Devientart pour les trouver. Je tape " Brushes Watercolor " ou " Brushes Flowers " ect .. 

    Le brush que j'ai utilisé : WatercolorSplatter

    ( Pour installer des brushs sur Gimp il y a une vidéo explicative > Clique! < 

     

    Une fois le fond et les brushes trouvé, on va chercher une belle police pour le titre du blog. Pour cela j'utilise principalement Dafont mais lorsque j'ai trouver une belle police par exemple sur une photo ou quoi, j'utilise WhatTheFont qui permet de trouver quelle police est utilisé dans la photo que vous aurez sélectionnez ! 

    Sa m'a sauvé plus d'une fois x) ! 

     

     Assemblage 

    Une fois tout les éléments trouvé, j'ouvre le logiciel et j'y entre les dimensions souhaités sachant qu'une page de blog mesure 1365 x 705 px

    Je met mon fond en fond - vive la langue françaiiiise! - et je commence à peindre avec mes brushes watercolor comme j'en aie envie, je change les tailles, et SURTOUT je réduit l'opacité sinon sa fait vraiment pas très très beau.

    Je pense que le principale c'est de connaître le logiciel avec quoi on travaille pour pouvoir faire ce qu'on veut à notre image.

    Après avoir fait sa, je met la police, en couleur blanc pour le faire ressortir 

    Résultats : 

     

    [Blabla] Comment faire un thème

     

     Le rond blanc que vous voyez en haut à gauche, c'est mon menu sauf que j'avais la flemme de chercher comment mettre le module en rond et avec moins d'opacité du coup je l'ai fait direct sur le fond mdrrr x)

     

     Blog test et réglages 

     

    Une fois que j'ai mon fond ( ou mon header ET mon fond ), je crée un blog test pour pouvoir faire tout les réglages sans mettre mon blog en hors-ligne.

    J'installe le fond, je règles les marges, le nombre de menus, les rubriques et la vient la partie que beaucoup de gens n'aiment pas ! 

     

     Le CSS et code HTML 

     

    Pour moi c'est la partie essentiel d'un blog, c'est le final, c'est LA CERISE SUR LE COUSCOUS ! e_e' 

    Le CSS, tout le monde pense que c'est super difficile et tout alors que pas du tout! On arrive vite à " apprendre ". 

    Pour ce thème, j'en aie besoin pour changer la place des modules des rubriques, des visiteurs, pour la police des articles et je pense que c'est tout.

    Tout les codes, je les trouves sur des forums, des blogs ou sur des sites internet.

    CSS modules : Clique!

    Polices des articles : C'est Weana qui m'a donné ce code donc voilà merci à toi

     

    D'abord tu importe la police que tu veux sur ton blog (avec la fonction "gérer les fichiers")
    Tu copie/colle ce code dans ton éditeur de CSS:
    @font-face {font-family: "NOM DE TA POLICE"; src: url('URL DE TA POLICE QUE T'AS IMOPORTE');}
    Et ensuite, pour l'avoir en titre d'article, tu colle ça :
    .module_titre_contenu a {font-family : NOM DE TA POLICE;}
    .module_titre_contenu {font-family : NOM DE TA POLICE;}

     

    T'inquète, t'explique super bien x) ! 

     

     Résultats 

     

    Après plusieurs heures, voir jours de travail, LE BLOG SORT DU FOUR ! 

    [Blabla] Comment faire un thème

     

    Encore une fois, j'ai choisis ce thème parce qu'il nécessite pas beauuucoup de travail et donc c'était plus facile pour moi de vous expliquer comment faire ect ..

    Si vous avez encore des questions auquel je n'ai pas répondu dans cette article n'hésitez pas à me le demander. 

    J'éspère que cet article vous aura plu! 

    JE VOUS FAIS MILLES ET UN BISOUUUS ! 

     

    [Blabla] Comment faire un thème

     

     

     


  • Commentaires

    1
    Dimanche 15 Mai 2016 à 16:29

    Cet article est génial !

      • Dimanche 15 Mai 2016 à 16:31

        Merci beaucoup ! ♥ 

      • Dimanche 15 Mai 2016 à 16:35

        De rien ! J'avais jamais pensé que les recherches d'inspiration pouvaient apporter autant !

      • Dimanche 15 Mai 2016 à 17:22

        Moi sa m'aide beaucoup pour mes thèmes! 

    2
    Dimanche 15 Mai 2016 à 16:50

    C'est une super bonne idée d'avoir fait un article là-dessus ! En plus, tu fais super bien tes thèmes (moi je fais pas comme ça, je fais comme ça vient, je pose des idées qui me traînait dans la tête, je commence et recommence un tas de fois, j'essaye je ne sais combien de paletttes...), ils sont super beaux et tu expliques très bien. Personnellement, je m'inspire beaucoup des thèmes sympas que je vois, de ceux que j'ai pu faire dans le passé, d'images que j'ai particulièrement aimé sur We ♥ it ...

    Je pense qu'on a tous déjà mis un élément sur un fond au lieu de chercher comment le faire en css x')

    Oui, pour les codes on pense souvent que c'est super compliqué mais non, il suffit d'un peu de logique et puis en cherchant en général on arrive à trouver ce qu'on veut ^^

      • Dimanche 15 Mai 2016 à 17:27

        Merci beaucoup ♥ Hahaha c'est plus communément appelé " la flemme " mdrr x) ! Ouais c'est vrai, et après sa vient tout seul on sait même en faire nous même et la tu te dit " Futur codeuse ma guele! x) " 

      • Dimanche 15 Mai 2016 à 17:46

        De rien ^^ Oui, c'est ça x) Vendredi j'étais en train de faire des codes html et à un moment j'avais envie de me frapper parce que je me suis rendue compte que j'avais cherché à faire un truc qui marchait pas du tout au final et qu'en fait il y avait un truc beaucoup plus simple et qui fonctionnait vraiment :')

      • Dimanche 15 Mai 2016 à 18:29

        Hahahaha sa m'arrive tout le temmmps! Après je me dit " Ma carrière est foutuuuue xD " ! 

    3
    Dimanche 15 Mai 2016 à 18:36

    Vraiment, très bon article ! Utile, bien organisé, bien expliqué et cerise sur le gâteau comme tu dis,  tu m'as offert un site pour les patterns *^* Merci et continu !^^

      • Dimanche 15 Mai 2016 à 21:07

        Merci beaucoup ! Hahaha évidemment x) ! Contente de t'avoir fait découvrir un site :D 

        Merci beaucoup 

         

      • Lundi 16 Mai 2016 à 09:47

        De rien ^^ ♥

    4
    Dimanche 15 Mai 2016 à 18:44

    Je te demande toujours de faire mes thèmes mais cet article est vraiment super génial pour faire nos propres thèmes ! 

    Le temps que tu révises et que tu me fasses mon thème, peut-être que je prendrais le temps d'appliquer tes conseils pour pouvoir peut-être un jour réussir à faire un joli thème qui me plaise :)

    Bravo pour toutes ces supers explications ;)

      • Dimanche 15 Mai 2016 à 23:01

        Mercii ! ♥ Oui peut-être c: Franchement, si j'y suis arrivé alors même le pire des non-débrouillards saura ! xD

    5
    Dimanche 15 Mai 2016 à 19:28

    Mais quel logiciel utilisé j'ai tout compris mais je sais pas quel logiciel utilisé 

      • Dimanche 15 Mai 2016 à 23:01

        Pour le header j'utilise Gimp 2.0, c'est le logiciel le plus simple et performant à la fois que je connaisse. Il peut vraiment t'aider ;) Si tu as des questions n'hésite pas c:

      • Vendredi 5 Août 2016 à 20:42

        Je sais que c'est un peu tard chaque fois que je fais quelque chose avec Gimp et PF ceci me le sort en fichier est-ce que tu peux dire pour quoi c'est comme ça ?

        Merci♥

    6
    Lundi 16 Mai 2016 à 10:49
    7
    Nivyne
    Lundi 16 Mai 2016 à 11:46

    Hey ! Merci d'avoir répondu à ma question o/

    Je vais surement essayée... Un jour xp

    En tout cas, super article, tu as très bien expliquée !

    8
    Lundi 16 Mai 2016 à 12:40

    Salut, là je sais que c'est hors sujet mais je vois que sur ton blog il n'y a pas eu de d'articles recettes depuis des des siècles alors tu pourrais faire un article 3 bonnes recettes for spring. 

    Bye ♥

      • Lundi 16 Mai 2016 à 13:46

        Coucou ! Ah oui c'est vrai sa fait un bail que je n'en est pas fait. Merci pour la proposition je le note pour mes futurs articles ! ♥ 

    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    9
    Dimanche 22 Mai 2016 à 18:58

    Cet article est juste génial ! ♥

    10
    Dimanche 29 Mai 2016 à 15:04

    Merci pour cet article !!

    11
    Dimanche 29 Mai 2016 à 20:20

    Très bon article, j'aime beaucoup moi qui galéré souvent avec mes thèmes x)

      • Dimanche 29 Mai 2016 à 22:34

        Mercii ! ♥ J'aime beaucoup les tiens ! *-*

      • Lundi 30 Mai 2016 à 21:41

        Ah merci c: Pourtant même si je prends du temps à les faire, je n'ai pas besoin de grand chose ^^

    12
    Mardi 31 Mai 2016 à 17:12

    Trop cool ton article..yes

    13
    Mercredi 1er Juin 2016 à 10:55

    Ah ouuii je l'ai suprimée looool ^^'

    'Fin je l'ai refait

    14
    Mardi 21 Juin 2016 à 20:49

    C'est très intéressant comme article et il est très bien présénté. Continue a poster, ton blog est une petite merveille !

      • Mardi 21 Juin 2016 à 20:58

        Merci !  J'y ai mis du temps et de ma personne xD

        T'inquiète pas je compte pas encore arrêter aha :') 

        Mercii beaucouup ! Sa me fait vraiment plaisir ♥

    15
    Samedi 25 Juin 2016 à 17:02

    Excellent article, j'avoue que voir quelqu'un de très organisé me déstabilise parce que je fais toujours mes thèmes suivant mon envie sans plan ni rien .. Mais au moins tu es sûre que le résultat te plaise au final :) !

      • Dimanche 26 Juin 2016 à 18:36

        Aha ! Je pense que c'est la seule chose pour laquelle je suis organisée :')

        Oui exactement ! ^^

    16
    Lundi 19 Décembre 2016 à 11:39

    J'aimerais beaucoup savoir comment fait-on les cadres autour des liens qui change de couleur au survol 

    17
    Jeudi 22 Décembre 2016 à 14:07

    Dans Apparence > Modifier le Thème > Menu 1 ( ou 2 sa dépent lequel tu as ) > Format > Bordures > Tu choisis l'épaisseur et la couleur ! :)

      • Jeudi 22 Décembre 2016 à 14:32

        En fait je parle des cadres HTML

      • Mercredi 4 Janvier 2017 à 22:19

        Pour le coup j'ai pas compris de quoi tu parles ^^'

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :