• Commande #3 de Malia233

    Toi, t'aimes bien ce que je fais nan? /PAN/

    Donc c'est cette fois pour son blog principal que Malia m'a demandé de lui faire un thème.
    Vous pouvez retrouver ci-dessous la version finale du thème, et ci-après si vous cliquez sur "lire la suite" l'ensemble des essais qui ont mené à cela.

    Commande #3 de Malia233

    Vu qu'il (le blog) comporte principalement des fictions à base de romance et après discussion en MP c'est sur une atmosphère très rose (je vais vomir des arcs-en-ciel de fleurs et je reviens~ mon amour du rose est sans égal ((c'était ironique :D )) et assez douce que je me suis basée pour ce thème.

    Première pour moi, c'est un design presque entièrement codé en CSS -y compris ce qui est éditable via l'interface d'édition Ekla (chose que je n'ai jamais faite avant par pure flemme. Oui c'est gratuit.) parce que je voulais m'entraîner -et comme ça Malia, tu n'auras pas besoin de mon aide pour l'installer si il te plaît ^^

    Voici le rendu (largeur de la page: 900px):

    Commande #3 de Malia233 

    Image de base

    C'était un exercice de style assez sympa à faire puisque je ne fais jamais de designs roses (vu que je n'aime pas cette couleur) ni de designs à caractère "girly" ou romantique (je n'aime pas ça non plus) du coup, il a fallu que l'on ressente l'amûr mais sans en faire deux tonnes... pour ce faire je suis partie d'une phase "AMÛR PARTOUT éléphant 36T poids lourd ROSE braaaah" et j'ai allégé petit à petit en désaturant des éléments, en ajoutant des filtres (sepia, noir et blanc) et en éclaircissant les couleurs pour arriver à ce résultat.

    @Malia, je sais que tu aimes beaucoup les couleurs vives mais ça n'allait pas avec l'ambiance douce et mimi que je voulais donner à l'ensemble -d'où la désaturation et la clarté de l'ensemble. Les couleurs vives m'ont servi à mettre en valeur les liens et -dans leurs nuances les plus claires- les titres.

    Peut-être un peu trop de rose, dans le sens où j'aurais pu mettre quelques accents d'une autre couleur pour le mettre en valeur, comme dans le testouillage ci-contre (que je n'ai finalement pas retenu puisque cela modifiait l'atmosphère d'une façon que je n'ai pas aimée). Commande #3 de Malia233

    Autre chose, à la base je voulais partir sur une mise en page avec un menu d'en-tête dont chaque lien mènerait à une rubrique ou à un "sommaire" de rubriques -et pas de menu de gauche; mais finalement, j'ai abandonné l'idée: je pense que pour Malia un menu de côté avec tout accessible facilement dedans -rubriques, liens de ses autres blogs, derniers visiteurs, derniers articles etc. sera plus pratique et plus clair qu'un menu d'en-tête avec sous-menus ou lien vers des "sommaires".

    C'est la première fois que je parle autant dans un article de commande mais j'avais envie de parler un peu de ce thème-là parce que finalement, je ressens presque de l'affection pour lui vu la galère que j'ai eu à ce que ce soit pas "trop" (et là même je sais pas si ça l'est pas encore un peu '^').

    C'est aussi la première fois que je blablate autant sur un design x) allez j'arrête -mais pour celles & ceux qui lisent ça, dites-moi si ça vous plaît que je parle de mes galères sur les thèmes et les designs de blog.
    Je crois aussi que je vais continuer à parler un peu de ça dans les articles sur les thèmes que je fais -les miens ou les commandes- parce que tout un tas de gens qui ne font pas eux-même leurs propres designs ne se rendent pas bien -voire pas du tout- compte du boulot que c'est de créer un design sur-mesure pour quelqu'un qui n'est pas toi -même quelqu'un d'adorable et super poli.

    Sur ces mots, j'attends l'avis de l'intéressée pour ajouter le code -ou te l'installer si tu préfères tout de même cette option.

    EDIT: suite à la discussion en commentaires, voici une seconde version du rendu final:

    Commande #3 de Malia233

    Le background rouge donne un aspect beaucoup plus "adulte" à l'ensemble.

    CODE CSS - à copier-coller dans la partie "ajouter du CSS" après avoir décoché TOUS les paramètres de ton thème. N'oublie pas non plus de cocher la case "masquer le titre" ;)

    Déjà installé, aussi le code a été retiré de l'article pour éviter le piquage de code.

    Images:

    Commande #3 de Malia233 

    Commande #3 de Malia233


  • Commentaires

    1
    Dimanche 5 Juin 2016 à 16:42

    cc l'en tête et super et oui j'adore ton blabla ^^ et tout es bien sauf les fleure sa fait mariage a l'église sinon le reste et superbe ^^

      • Dimanche 5 Juin 2016 à 16:53

        Merci ^w^

        Ce sont des roses :3
        Pour la connotation mariage, j'y suis pour rien c'est pas ma faute si la rose est la fleur de l'amour par excellence ^^ de plus, je n'ai pas trouvé de background qui aille mieux, désolée '^' enfin j'aurais pu faire pire, elles auraient pu être blanches. Tu veux que je cherche autre chose quand même? (j'avais testé en saturant un peu plus le fond, mais ça avait fait vraiment trop, de plus le contenu n'était pas mis en valeur par la couleur et la saturation. Je peux essayer avec une fleur qui représenterait la signification par exemple d'un rendez-vous amoureux, mais je ne sais pas si tout le monde est doué en langage des fleurs et du coup comprendra le truc, en outre moi la première je suis une merde en ce domaine ^^)

        EDIT: avec le glaïeul par exemple
        "Glaïeul

        • Force de caractère ; vous me percez le cœur.
        • (couleurs mélangées) : amour fort avec un brin de folie.
        • Jaune : invitation amoureuse.
        • Orange : amour fort et sensuel.
        • Rouge : cette fleur exprime avec érotisme la force de votre amour.
        • Rose ou rouge : provocation, réussite, rendez-vous.
        • Le glaïeul au centre d'un bouquet indique par le nombre de fleurs, l'heure d'un rendez-vous."

        (source)

    2
    Dimanche 5 Juin 2016 à 16:57

    mais non mais non ^^enfin oui si sa ne te dérange pas après tu peut utiliser d'autre couleur si tu n'aime pas travailler le rose moi sa ne me dérange pas ^^

      • Dimanche 5 Juin 2016 à 17:11

        Eh bien ici cela dépend de l'atmosphère que tu veux donner: amour naissant, amour fort, amour doux ou amour fou?
        Et non, ça ne me dérange pas. Un background à base de glaïeuls jaunes par exemple, me permettra de rester dans le thème de l'amour, mais cette fois avec une indication sur le type d'amour -ici amour naissant puisqu'il s'agit d'une invitation. Cela dit, ça peut aussi faire site de rencontres alors c'est à double tranchant.
        Vu la teneur de tes fictions, du orange me semble plus approprié, de plus j'ai trouvé une image assez intéressante à exploiter (ici, glaïeuls jaunes, mais dont je peux modifier la couleur)
        Mais je voudrais quand même rester sur quelque chose d'assez rose pour accentuer le côté jeune fille romantique, il ne faudrait pas que cet effet-là soit "gâché" par d'autres couleurs.

        Cela dit, je peux aussi chercher d'autres fleurs, je suis sûre qu'il en existe d'autres qui expriment le même sentiment. :3

    3
    Dimanche 5 Juin 2016 à 17:16

    oui tu pourai chercher d'autre fleur stp et ces amour fou

    4
    Dimanche 5 Juin 2016 à 17:39

    moi c'est pour la rose rouge ^^ dsl camélia

      • Dimanche 5 Juin 2016 à 17:49

        Alors faut que je vois pour arriver à faire un background dans le même style que le précédent, mais en rouge xD fallait le dire que c'était juste la couleur qui allait pas enfin x')

    5
    Dimanche 5 Juin 2016 à 17:51

    ah dsl ^^

      • Dimanche 5 Juin 2016 à 17:59

        Ne le sois pas, le principal c'est qu'on soit arrivées à s'entendre ;) tu le sauras! Faut me dire ce qui va pas tout de suite, ça nous évitera du travail :3 enfin on aura appris des choses ^^

    6
    Dimanche 5 Juin 2016 à 18:01

    ^^ ouaip

    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    7
    Dimanche 5 Juin 2016 à 18:09

    EDIT: avec un background à roses rouges :3

    8
    Dimanche 5 Juin 2016 à 18:16
    ouaip ^^
      • Dimanche 5 Juin 2016 à 18:23

        C'est mieux? :3 si ça te plaît comme ça, je mets le code

    9
    Dimanche 5 Juin 2016 à 18:26

    ^^ comment on le met avec le code

    10
    Mardi 7 Juin 2016 à 13:32

    ??? c'est quoi

    11
    Mardi 7 Juin 2016 à 13:45

    cc sa mes pas les image des rose et de l'en tête

      • Mardi 7 Juin 2016 à 13:53

        sinon elles sont en-dessous et tu pouvais aussi les ajouter manuellement ^^

        Mais, ajoute ça en HAUT du CSS (ce sera mieux rangé et ça va plus vite ^^):

        #body {background-image: url('http://ekladata.com/YC2Vh2u1hFbF7YhYMZI1lYCxrvQ.jpg');}
        #header {background-image: url('http://ekladata.com/F5ylz6nWoH9tam3AfId0k3uHFkc.jpg');}

        Pour le "manque" des images, ça vient de là: en fait, j'ai copié-collé directement le CSS entier depuis le blog de démo Ekla où j'ai terminé de concevoir le thème et où j'avais moi-même ajouté les images manuellement, du coup je n'avais pas eu besoin d'ajouter le code qui les affichait.
        Voili voilou~

        EDIT: il faut que tu mettes toutes les marges de ton blog dans "Apparence" > "Modifier le thème" > "format du blog" > "marges" à 0

        RE-EDIT: tu as oublié d'enlever la couleur des titres du contenu aussi
        en fait ce qu'il faut faire c'est facile: toutes les valeurs chiffrées tu mets 0 -sauf la page de blog qu'il faut régler à 900px- y compris les marges, il faut vérifier tous les champs -et toutes les cases à cocher tu les décoches, il ne faut oublier aucune catégorie!! Tu dois également n'avoir qu'un seul menu de réglé dans l'interface d'édition Ekla

        RE-RE-EDIT: dès que cet EDIT est posté, je change le code CSS pour que ça mette tout bien, refais un copier-coller du tout et normalement y'aura tout (images compris)

    12
    Mardi 7 Juin 2016 à 17:52

    CC sa ne marche toujour pas du coup je vai te donner la permission

      • Mardi 7 Juin 2016 à 19:23

        Okay, je vais voir ça et je te dirai ce qui cloche.

      • Mardi 7 Juin 2016 à 19:48

        Second commentaire: j'ai fait 3 erreurs dans le CSS (2 accolades en trop + un sélecteur en double) et ne t'avoir pas précisé qu'il fallait afficher le slogan (j'en ai profité pour le mettre à la bonne position); et j'ai fait plusieurs oublis que j'ai du coup corrigés.

        Le truc c'est que tu as aussi oublié pas mal de cases à décocher et de paramètres à remettre à zéro: les marges du blog; ou la section commentaires par exemple.
        Du coup voilà, on a fait des bêtises toutes les deux ^^ mais maintenant c'est réparé! J'ai aussi du changer une valeur vu que le titre de ton premier module est trop long et prend deux lignes. N'hésite pas à m'appeler si c'est aussi le cas pour un ou plusieurs articles, que je te change la valeur dans le code '^'

    13
    Mardi 7 Juin 2016 à 19:25

    merci ^^

    14
    Mardi 7 Juin 2016 à 19:50

    merci ^^

      • Mardi 7 Juin 2016 à 20:00

        Avec plaisir :) s'il y a d'autres problèmes de code, appelle-moi :3 pour le moment j'enlève le code du public ^^

    15
    Mardi 7 Juin 2016 à 20:01

    du coup je dois le remettre c'est sa ^^

      • Mardi 7 Juin 2016 à 20:09

        Nan c'est bon tout est installé t'inquiète!

    16
    Mardi 7 Juin 2016 à 20:12

    oki merci au faite ces juste parfait ^^

      • Mardi 7 Juin 2016 à 20:26

        Avec plaisir :3

        Contente que mon travail te plaise ^^

    17
    Mardi 7 Juin 2016 à 20:28

    ^^ toujour

      • Mardi 7 Juin 2016 à 20:29

        En tout cas, ce fut un plaisir de bosser avec toi :3 n'hésite pas à me demander si tu as besoin d'autre chose!

    18
    Mardi 7 Juin 2016 à 20:33

    oui oui mais après sa va faire trop ^^

      • Mardi 7 Juin 2016 à 20:34

        Bah moi j'aime bien, et puis je suis dans une période creuse en ce moment ;) j'aurais eu une autre commande en cours, je t'aurais pas proposé x)

    19
    Mardi 7 Juin 2016 à 20:36

    ok bon bah alors tu pourai t'occuper de mon blog a poèmes stp ^^

    20
    Mardi 7 Juin 2016 à 20:40
    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :