-
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
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.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 !
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.
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)
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.
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 !
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.
(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)
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.
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é.
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.
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.
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...
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 :
Favoris :
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;}
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 :
Code CSS#menubar_notifications {background : url("http://ekladata.com/8qYI6t-bYPWF40iW-ypcRybss7g.png") no-repeat center;}
#menubar_notifications img {opacity : 0;}
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
Code CSS#menubar_section_help {background : url("http://ekladata.com/mucIOnE4ETRr2rvQdjMbz56GPbg.png") no-repeat 3px 3px;}
#menubar_section_help img {opacity : 0;}
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
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
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
C'est magnifique ! Tu es la première personne que je rencontre qui fait du Pixel Art ! Je suis impressionnée x)
Waah c'est super beau *-* Mais je suis trop pas douée pour comprendre comment mettre ça sur mon blog donc... x)
@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)
@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 ! :)
Ajouter un commentaire
C'est vraiment super stylé ! Je savais pas que t'étais aussi doué en pixel art xD