Overblog Suivre ce blog
Editer l'article Administration Créer mon blog

Détruire un thème : Nyan

- Auteur : Si tu suis mon regard

Je lisais la semaine dernière avec amusement le commentaire de Marion d'OB : "Les designs sont très ergonomiques, optimisés pour le web d'aujourd'hui :) Il est donc important de laisser la possibilité de les personnaliser, mais pas de les détruire."

Pourtant, il est souvent nécessaire de détruire pour reconstruire !

La nouvelle plateforme propose par exemple le thème Nyan avec un parti pris visuel assez particulier.

Choix du thème Nyan (si ça vous dit)

Choix du thème Nyan (si ça vous dit)

J'avoue mon ignorance, je ne connaissais pas le Nyan Cat, un jeu où il faut attraper des objets en contrôlant un chat. Sous forme de blog, cela permet d'avoir une présentation originale où le visiteur clique sur des liens d'articles qui se déplacent de gauche à droite à des vitesses différentes.

Intéressant mais il faut aimer ce style et le design apparaît très pauvre lorsqu'on clique sur un article.

Détruire un thème : Nyan

Pour "détruire" le thème, on commence par supprimer dans le CSS toutes les images (background-image...). On n'y voit tout de suite plus clair sans tous ces chats !

On supprime ou remplace aussi les polices de caractère (font-family) ou les couleur (color).

Le fond bleu est ensuite remplacé par un fond image dans #posts .sky.

aperçu thème modifié

aperçu thème modifié

Il reste encore beaucoup de choses à faire pour le style selon ses goûts, bons ou mauvais.

Le code HTML est assez court car le thème affiche peu d'éléments (aucune liste d'articles ou tags, très peu de liens). Tout en gardant ce style minimaliste, on peut tout de même rajouter des choses comme un menu. Mais déjà avec le CSS, on détruit-reconstruit le thème en grande partie.

Les commentaires...

comments powered by Disqus

Commentaires anciens formats...

Hadrien.eu 10/10/2012 15:09

Pauvre chat :(

Marion 01/10/2012 09:54

Ce thème est un exemple qui montre techniquement qu'on peut faire ce que l'on veut, mais je suis totalement d'accord, graphiquement il y a beaucoup mieux :)

Les 10 derniers Billets

Related Posts Plugin for WordPress, Blogger...