Overblog
Editer l'article Suivre ce blog Administration + Créer mon blog
Overblog : découvrir et utiliser la nouvelle plate-forme

La nouvelle plate-forme Overblog : utiliser, créer, publier...

Détruire un thème : Nyan

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.

Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Commenter cet article
H
Pauvre chat :(
Répondre
M
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 :)
Répondre