Eklablog Tous les blogs Top blogs Mode, Art & Design Tous les blogs Mode, Art & Design
Editer l'article Suivre ce blog Administration + Créer mon blog
MENU

Pixel art, dessin, racontage de vie... voici My Little Pixel.

Publicité

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("https://ekladata.com/JjYSu36Zg-zds5FyVzO_FmgkrwU.png") no-repeat center;}
#menubar_favorite btn:hover{background : url("https://ekladata.com/9sBlF5HUvkqk0KAmhil2kV5JYWo.gif") no-repeat center;}
#menubar_nofavorite {background : url("https://ekladata.com/HTcyKEK_T7k1sqkz8laEm9coz7s.png") no-repeat center;}
#menubar_nofavorite {background : url("https://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("https://ekladata.com/OMY6D6W7UZYpsTLcZvIBcMsY27U.png") no-repeat center;}
#menubar_favorite btn:hover{background : url("https://ekladata.com/WguIwxLm5us1cS_4AyDJkGmGbsI.gif") no-repeat center;}
#menubar_nofavorite {background : url("https://ekladata.com/FVkAjooG_DDm5PIPypXzx--zVnI.png") no-repeat center;}
#menubar_nofavorite {background : url("https://ekladata.com/uHhvMnAL1wtGtTsONDeyH_S5El8.gif") no-repeat center;}

 Notification :

Pixel art du blog
Code CSS

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

Pixel art du blog 
Code CSS

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

 Aide

Pixel art du blog
Code CSS

#menubar_section_help {background : url("https://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("https://ekladata.com/-HspJPYzdqKkOHXb4QyqrnwUdzA.png") no-repeat 3px 3px;}
#menubar_section_help:hover {background : url("https://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('https://ekladata.com/Mpcuo6zIatC7DA1hr5XPtVf38ao.png'); background-position: 2px bottom; background-repeat: no-repeat; padding-left: 18px;  " name="q" size="13" type="text" /></form>
Publicité
Retour à l'accueil
Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Commenter cet article
A
Haha j'adore c'est grave swag x)
Répondre
L
@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 ! :)
Répondre
L
@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)
Répondre
M
je prend aussi le coeur fixe sur le nuage
Répondre
F
Tout cela est très sympa et très joli ! Les fans de MLP vont se réjouir ^^
Répondre