Thème dotclear Carnet

Il y a maintenant plus d'un an, je vous parlais d'un thème Dotclear fait pour mon ami Bastien. J'avais alors partagé sur ce blog l'en semble des fichiers composant ce thème (gabarit Inkscape, fichiers Gimp). Mais le thème n'était pas vraiment fini : il manquait la gestion des rétroliens, des archives et les images n'étaient vraiment pas optimisées. J'y ai donc retravaillé et vous livre ici la version 1.0.

Quelques changements esthétiques

screenshot.jpg

J'ai apporté quelques changements au thème : j'ai enlevé tous les pins dans le header afin que le thème puisse convenir a quelqu'un qui n'utilise pas Ubuntu ou qui ne sais pas ce qu'est Jelix... J'en ai profité pour assombrir la couleur du bois en arrière plan et baisser la saturation.

Optimisation des images

Le thème se compose de beaucoup d'éléments graphiques, à l'origine, les images accusait plus de 600Ko sur la balance. Pour optimiser tout ça, j'ai eu recours au sprite pour les titres. Le sprite est une technique directement issues du jeux vidéo 2D : l'ensemble des titres de la barre latérale sont en fait inclu dans une seule et même image que l'on "re-découpe" par le biais du CSS.

C

J'ai aussi pas mal utilisé un petit utilitaire en ligne de commande : pngnq. Celui-ci reduit le nombre de couleur du PNG à 256 en essayant de garder une qualité optimale (et de préserver au mieux la transparence). Le résultat est souvent spectaculaire, certains de mes png ont minci de plus de 60%. Mais attention ce régime se fait des fois au prix d'un qualité amoindrie. Dans l'image ci-dessous, la partie droite a été optimisée avec pngnq : le dégradé gris est moins bien defini (c'est aussi le cas du rouge mais c'est très peu visible) mais le poids passe de 14,7 Ko à 6,1Ko.

Optimisation avec pngng

Rétroliens et Archives

Le thème original avait été fait pour Bastien, il n'utilisait aucune de ces deux fonctionnalités, je les ai donc rajouté ainsi que toute une série de titre qu'il m'a gentillement écris comme Accueil, Archives, derniers commentaires etc...

Fichiers et licences

Comme pour le thème original, celui-ci est fourni sous licence Creative-Commons by-sa 3.0. Vous trouverez en pièce jointe de ce billet le thème, mais aussi le gabarit Inkscape avec toutes les écritures et les éléments. J'essayerais de faire le ménage dans mes fichiers Gimp pour les fournir ultérieurement (y'a du .boulot...). Voici donc Carnet...

Changelog

  • 06 avril 2011 : version 1.4
    • la catégorie d'un billet est maintenant affichée
    • optimisation du CSS et de quelques images
  • 04 avril 2011 : version 1.3
    • Le formulaire de commentaire n'apparaît plus lorsque les commentaires sont désactivés.
  • 20 juillet 2010 : version 1.2
    • Sidebar : rajout des titres "derniers billets" et "important" (pour les billets sélectionnés)
    • ContactMe : modification de l'image de fond du formulaire de contact
    • ContactMe : le bug javascript sur la validation du formulaire de contact a été corrigé
  • 11 juin 2010 : version 1.1
    • Sidebar : ajout des flèches sur les listes et modifications des marges
    • Sidebar : rajout du titre manuscrit "liens"
    • Sidebar : titres h2 sans écritures manuscrites en bleu
    • Shadowise : contours enlevés les images trop petites pour êtres ombrées
    • Archives : corrections de l'affichage des colonnes
  • 10 juin 2010 :version 1.0
Vus : 702
Publié par ephase : 62