• Pixel art du blog

    Nous voici avec un petit article récapitulatif de tout les pixels arts que j'ai créé à l'occasion de ce thème. Tous n'ont finalement pas étaient gardés, je listerai à la fin du blog ceux-ci, qui sont donc en libre service. Bref, bonne lecture !

    Récapitulatif

    Pixel art du blog
    Un premier divider que je n'ai pas gardé pour divers raison : en sois il n'est pas trop moche (en plus j'aime bien l'effet sur le papillon bleu, qui donne l'impression qu'il est en plastique), mais il ne s'accordait pas trop avec le blog : et il aurait fallu que je fasse un rappelle de rose à d'autre endroit... Donc je vous le laisse en libre service.

    Pixel art du blog

    Bon, sans commentaire, je voulais voir si ça rendait bien; c'est vrai que c'est simple mais au final c'est pas trop mal. Donc libre service aussi !

    Pixel art du blog

     On continue donc avec un divider tout cracra ( enfin, tout dépend..). Bon, il faut avouer qu'il n'est pas très bien fait : le nuage à l'air plat, la "ligne" de nuage est toute moche.. Bref, un truc à jeter... Mais je le laisse tout de même dans le libre service pour ceux que ça intéressent. 

    Pixel art du blog

    Ah, c'est déjà mieux ! Le nuage ne ressemble plus à une crêpe, Twilight (le poney violet, pour les incultes) est plus grande et à donc plus de précision... Bref, que du beau dans ce petit dessin, je l'ai donc gardé. (il n'est donc pas en libre service)

    Pixel art du blog

    Le même divider mais animé cette fois : il a plus de charme comme ça, non ? (pour info, sur l'accueil, il faut passer la souris sur le divider pour voir la version animé). J'avoue qu'après réflexion, je n'aime pas trop la façon dont notre cher poney cligne des yeux... Mais ce n'est qu'un détail, et je l'ai donc gardé !

     

    Pas grand chose à dire là-dessus : même défauts et qualités que le précédent divider. De la même façon, quand vous passez sur l'image sur le menu, vous voyez le gif.

    Pixel art du blog Pixel art du blog

    Le cœur que j'avais prévu de mettre en favoris : simple et beau, je l’apprécie bien ! Son seul "défaut", si on peut appeler ça un défaut, c'est qu'il n'a pas la "marque de fabrique du blog", en sois, un nuage. Donc je ne l'ai pas gardé, je vous le laisse en libre service, ça peut toujours servir !

    Pixel art du blog Pixel art du blog

    Le gif du cœur, qui n'a pas, du coup, était gardé. Je n'aime pas trop l'effet de brillance que j'ai voulu faire pour le coup, j'aurais sans doute dut en mettre plus (à d'autres endroits, à d'autres moments...), ou pas du tout. Et il y a un autre truc qui me taquine, je ne vois pas trop quoi... Enfin bref, c'est du libre service.

    Pixel art du blog Pixel art du blog Pixel art du blog 

    (je ne retrouve plus le cœur noir animé, je le referais sur demande) Revoilà donc notre cœur sans la brillance raté et avec un petit nuage : tout pour me plaire à première vu. Mais voilà, ce cœur a un gros défaut : à cause du nuage "pas fini", on est obligé de le mettre en bas. Sauf q'une fois mis, il parait super bas par rapport au reste. Après, peut-être que vous ça ne vous dérangera pas, donc je le laisse en libre service. (comme je l'ai déjà précisé, si celui-là vous intéresse, demandez moi)

    Pixel art du blog Pixel art du blog Pixel art du blog Pixel art du blog

    Ah, encore ce cœur... Tous ces essais pour finalement décider que j'aillais garder le cœur original car ça faisait trop chargé sinon...  Enfin bref, ce ne sera pas du temps perdu si quelqu'un l'utilise finalement, donc je le laisse en libre service.

    Pixel art du blog

    La petite image pour les notifications, même défaut que le premier cœur : il lui manque la "marque de fabrique du blog". Donc, même s'il n'a pas de défaut apparent, je ne l'ai pas gardé.

    Pixel art du blogPixel art du blog

    Un petit nuage pour les notifs ainsi qu'un gif passant du nuage à la "bulle", avec un ombrage dans un style "nuageux".. Franchement, je l'aime bien. Son seul défaut serais sa petite taille, mais ce n'est pas très grave. Comme les cœurs, je ne l'ai pas gardé car ça faisait trop chargé. Je le laisse pour vous.

    Pixel art du blogPixel art du blogPixel art du blog

    Bon, c'est pas très beau tout ça... Déjà, il devait servir pour le bouton "Aide" de la menubar. Le premier est trop foncé, le deuxième, il vaut mieux qu'on ne parle pas de cette horrible animation qui est pire que les gifs de Pokemon Noir et Blanc... Bon le dernier c'est déjà mieux : il a les couleurs du nuage, ce qui le rend plus léger. Mais il est quand même pas très beau, j'aurais sans doute dut les faire plus larges... Enfin bref, je vous les donne pour le libre service.

    Pixel art du blog

    Une petite loupe toute simplette avec un petit nuage pour le module de recherche. Je ne vous dit comment j'ai galéré pour le mettre dans le module, c'est pas comme s'il suffisait d'un code css... Je ne l'ai finalement pas gardé parce qu'il était trop simple à mon gout : quitte à avoir passé trois heures à chercher comment modifier ce fond de module, autant que ce sois pour un truc qui se remarque...

    Pixel art du blog

    Je clôture donc cette article avec mon deuxième favoris de la liste (le premier étant le divider gardé), une petite sucette en guise de recherche. Elle n'est pas parfaite, mais c'est surtout l'originalité qui me plait. Donc je l'ai bien sure gardé ! 

     

    Libre service

    Divider : 

    Pixel art du blog
    Pixel art du blog
    Pixel art du blog
    Favoris :

    Pixel art du blog Pixel art du blog Pixel art du blog Pixel art du blog
    Code CSS

    #menubar_favorite btn {background : url("http://ekladata.com/JjYSu36Zg-zds5FyVzO_FmgkrwU.png") no-repeat center;}
    #menubar_favorite btn:hover{background : url("http://ekladata.com/9sBlF5HUvkqk0KAmhil2kV5JYWo.gif") no-repeat center;}
    #menubar_nofavorite {background : url("http://ekladata.com/HTcyKEK_T7k1sqkz8laEm9coz7s.png") no-repeat center;}
    #menubar_nofavorite {background : url("http://ekladata.com/P2isUK1TjfhoD8ytHSvve0lDbMo.gif") no-repeat center;}

    Pixel art du blog Pixel art du blog Pixel art du blog Pixel art du blog
    Code CSS

    #menubar_favorite btn {background : url("http://ekladata.com/OMY6D6W7UZYpsTLcZvIBcMsY27U.png") no-repeat center;}
    #menubar_favorite btn:hover{background : url("http://ekladata.com/WguIwxLm5us1cS_4AyDJkGmGbsI.gif") no-repeat center;}
    #menubar_nofavorite {background : url("http://ekladata.com/FVkAjooG_DDm5PIPypXzx--zVnI.png") no-repeat center;}
    #menubar_nofavorite {background : url("http://ekladata.com/uHhvMnAL1wtGtTsONDeyH_S5El8.gif") no-repeat center;}

     Notification :

    Pixel art du blog
    Code CSS

    #menubar_notifications {background : url("http://ekladata.com/8qYI6t-bYPWF40iW-ypcRybss7g.png") no-repeat center;}
    #menubar_notifications img {opacity : 0;}

    Pixel art du blog 
    Code CSS

    #menubar_notifications {background : url("http://ekladata.com/8qYI6t-bYPWF40iW-ypcRybss7g.png") no-repeat center;}
    #menubar_notifications:hover {background : url("http://ekladata.com/vXReD8XLklHoedLUPcMt3MRCCAE.gif") no-repeat center;}
    #menubar_notifications img {opacity : 0;}

     Aide

    Pixel art du blog
    Code CSS

    #menubar_section_help {background : url("http://ekladata.com/mucIOnE4ETRr2rvQdjMbz56GPbg.png") no-repeat 3px 3px;}
    #menubar_section_help img {opacity : 0;}

    Pixel art du blog Pixel art du blog
    Code CSS

    #menubar_section_help {background : url("http://ekladata.com/-HspJPYzdqKkOHXb4QyqrnwUdzA.png") no-repeat 3px 3px;}
    #menubar_section_help:hover {background : url("http://ekladata.com/lNmB5n4fQ9IE4MnZv1InI46too0.gif") no-repeat 3px 3px;}
    #menubar_section_help img {opacity : 0;}

     Module de recherche

    Pixel art du blog
    Code HTML  (à mettre dans un module simple)

    <form action="/search" method="get"><input style="background-image: url('http://ekladata.com/Mpcuo6zIatC7DA1hr5XPtVf38ao.png'); background-position: 2px bottom; background-repeat: no-repeat; padding-left: 18px;  " name="q" size="13" type="text" /></form>

  • Commentaires

    1
    Mardi 28 Juillet 2015 à 23:44

    C'est vraiment super stylé ! Je savais pas que t'étais aussi doué en pixel art xD

    2
    Mardi 28 Juillet 2015 à 23:47

    Nan moi j'aimais bien les œufs au plat aussi :p

    3
    Mardi 28 Juillet 2015 à 23:50

    Je sais pas trop, j'y connais rien moi x)

    4
    Mercredi 29 Juillet 2015 à 10:52

    Ils sont vraiment sympa! Tu devrais faire des commandes de pixel! Après, c'est toi qui voit si tu fais ça ou pas, mais tu devrais.

    En parallèle, le blog est encore un peu vide, mais si j'en croit les statistiques, ton blog a ouvert il y a deux jours (27/07/2015), donc, c'est pardonnable

    5
    Jeudi 30 Juillet 2015 à 18:18

    C'est magnifique ! Tu es la première personne que je rencontre qui fait du Pixel Art ! Je suis impressionnée  x) 

    6
    Vendredi 31 Juillet 2015 à 08:22

    Waah c'est super beau *-* Mais je suis trop pas douée pour comprendre comment mettre ça sur mon blog donc... x)

    7
    Vendredi 31 Juillet 2015 à 10:10

    je peux te prendre la bulle nuage ??

    8
    Vendredi 31 Juillet 2015 à 21:14

    Tout cela est très sympa et très joli ! Les fans de MLP vont se réjouir ^^

    9
    Samedi 1er Août 2015 à 08:36

    je prend aussi le coeur fixe sur le nuage

    10
    Lundi 3 Août 2015 à 13:57

    @Kéro : Merci pour les explications ! Pour l'instant le thème de mon blog est bien mis en place, mais je verrai pour mon 2e blog :) (si je le fais je te citerai évidemment)

    11
    Lundi 3 Août 2015 à 15:43

    @Kéro : En fait le 2e n'a pas encore été créé, c'est juste un projet pour l'instant. Je te tiendrai au courant ! :)

    12
    Mercredi 5 Août 2015 à 09:09

    Haha j'adore c'est grave swag x)

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :