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

    12 commentaires


    Suivre le flux RSS des articles de cette rubrique
    Suivre le flux RSS des commentaires de cette rubrique