Les ateliers du klafoutis - Mot-clé - Dotclear 2

Ductile 2026 v1.0

Kozlika — Sun, 08 Mar 2026 13:40:00 +0100

Le thème Ductile 2026 est prêt. Il fera partie de la distribution lors de la prochaine version de Dotclear, le 13 mai prochain. L’ancien Ductile sera supprimé des thèmes par défaut mais restera dans les thèmes disponibles sur votre installation. Libre à vous d’activer le nouveau via « Apparence du blog » ou de rester sur l’ancien.

Aperçu du thème, page d’accueil. Cliquez sur l’image pour la voir en plus grand.

L’activation de Ductile 2026 n’empêchera pas de revenir sur Ductile « tout court » si finalement vous préfériez l’ancien.

Don Carlo

Kozlika — Thu, 01 Jan 2009 08:49:00 +0100

Pour la nouvelle année, voici un nouveau thème. Don Carlo, habillé de rouge et noir, est construit sur une base assez conventionnelle, mais avec quelques améliorations (du moins à mes yeux) du traitement des différents contextes par rapport aux thèmes habituels.

Détails du thème

Cliquez sur les vignettes pour afficher la taille réelle.

Constantes

La boîte de recherche propose dynamiquement des suggestions de résultats ; c'est basé sur le plugin jQuery LiveSearch ; l'implémentation est identique (et pour cause puisque c'est là que j'ai récupéré la fonction ) à celle du thème Noviny.
Le menu horizontal, tout en haut à droite de la page reprend les quatre items « standard » de ce qu'on trouve sur tous les blogs actuellement. Il présuppose que vous créiez une page (Pages) dont la partie titre de l'url sera About et que vous installiez le plugin Contact Me. Si vous souhaitez modifier ou supprimer tout ou partie de ces liens, éditez le fichier _top.html
Tous les widgets sont situés en bas de la page, à l'exception de la recherche.

Accueil

La colonne de gauche du billet accueille une vignette de la première image du billet, s'il n'y a pas d'image dans le billet mais que la description de la catégorie à laquelle il appartient en possède une, c'est cette image qui sera affichée. Si ni l'une ni l'autre n'existe cette colonne reste vide.

La colonne de droite est prévue pour un bloc de présentation rapide à l'intention des nouveaux venus sur votre blog. Pour en rédiger le contenu, éditez le fichier _home-aside.html.

Billet seul

Un autre de mes dadas. Mettre en valeur le chapô (champ Extrait lors de la saisie du billet) traité comme une véritable accroche de l'article. Appuyé sur le flanc gauche du billet il est en caractères serif, plus gros que le corps du billet et en italique. Je décommande du coup l'usage d'images dans ces extraits (ou veiller à ce qu'elles soient petites, sinon ça va être super moche).

Les intertitres de niveau h3 à h6, en petites majuscules, sont également en police serif. Les détails de mise en forme des différentes balises peuvent être observés sur le blog de démonstration de DotAddict (du moins dès que j'y aurai déposé ce thème).

En affichant en taille réelle la réduction ci-contre, vous pourrez également avoir un aperçu du traitement des commentaires.

Résultats d'une recherche, liste des billets d'une catégorie

Ces deux contextes se voient dotés d'un bandeau sur la droite. Ce bandeau accueille dans le premier cas l'ensemble des résultats de la recherche et dans le deuxième cas l'ensemble des billets de la catégorie sous la forme d'une liste des titres des billets concernés. Dans le cas du tri par catégorie c'est en haut de ce bandeau que se trouveront la description et les liens d'abonnement aux billets de la catégorie.

Ce bandeau est présent à l'identique sur toutes les pages du contexte.

Page 404

Vous pourrez encore enrichir cette page à votre idée (en éditant le fichier 404.html) qui comporte d'ores et déjà des liens pour se rendre sur la page globale des archives, vers la page de contact et vers le bloc de recherche.

Pour le bloc de recherche j'ai hésité un peu à le « sortir » du haut de page pour l'intégrer dans le corps de page comme pour les archives. Si d'aucuns d'entre vous le souhaitent j'expliquerai ici comment faire.

On peut le prendre ?

Oui et non. Je suis en vacances et n'ai pas d'Internet Explorer 6 ou 7 sous la main pour tester les pages (je me méfie de l'extension pour Firefox qui s'est révélée ne pas être fiable à 100%).

Je serais donc ravie si quelques-uns des lecteurs de ce billet acceptaient de télécharger le thème (lien zip en pièce jointe) et le soumettre à la torture sur un poste Windows et Internet Explorer pour que je sois informée des bugs éventuels et puisse les corriger avant de le distribuer officiellement sur DotAddict. Je n'ai pas testé ni pu faire tester sous Linux non plus…

Pendant quelques jours

Vous pouvez le visualiser in situ ici (mais pas longtemps car je dois repasser sur Magda pour y bosser et parce que je dois reprendre tous mes articles ici pour les débarrasser de vieilleries qui me servaient sur un autre thème et que j'ai des soucis avec le switcher).

Welsh 2.0, 2 colonnes

Kozlika — Wed, 29 Aug 2007 07:53:00 +0200

Variation pour deux colonnes du thème Welsh 2.0

A la demande de l’ami Biou pour son blog et d’autres auparavant, j’ai terminé la variation pour deux colonnes du thème Welsh 2.0.

Il est livré dans le même emballage que Welsh 2.0 en trois colonnes. Pour utiliser la version en deux colonnes, créer un répertoire nommé 3cols-files dans le répertoire du thème Welsh et y placer les fichiers :

layout.css
screenshot.jpg
style.css

Puis déplacer les trois fichiers contenus dans le répertoire 2cols-files à la place de ceux que vous venez de retirer.

(Pour ne pas nous éparpiller, merci de n’utiliser les commentaires du présent billet que pour les questions spécifiques à cette variation et de poser vos questions générales sur ce thème dans le billet de Welsh 2.0.)

MoreTpl, mise à jour 0.6

Kozlika — Tue, 13 Mar 2007 19:16:00 +0000

Keskondit ? Merci Mirovinben !

Grâce à Mirovinben, une nouvelle fonction a été ajoutée au plugin moreTpl : {{tpl:TagEntriesCount}} vous permettra d’afficher le nombre de billets relatifs à un tag. Cette fonction peut être utilisée dans la page de tous les tags (tags.html) ou de la page regroupant tous les billets d’un même tag (tag.html).

Fiche et téléchargement sur Dotaddict.

Aorakits en thèmes paramétrables

Kozlika — Tue, 30 Jan 2007 16:54:00 +0100

Edit : voir désormais la page des Aorakits.

Installez-le en le décompressant dans le répertoire /themes de votre blog.

Vous y trouverez le fichier layout.css correspondant à la structure choisie, le fichier style.css comportant l’import de ce layout et toutes les balises courantes d’un thème pour Dotclear 2.0, le fichier _define.php à modifier pour y placer le nom que vous aurez donné à votre nouveau thème et votre signature.

Le fichier config.php et le répertoire /locales ont été mis en place pour que vous puissiez éditer la feuille de style directement depuis le Tableau de bord -> Paramètres des thèmes -> Sélection de l’Aorakit choisi -> Onglet Paramètres du thème.

N’hésitez pas à me signaler d’éventuelles erreurs : j’ai procédé un peu « à la chaîne » pour les préparer, j’ai pu faire quelques bourdes au passage (je me connais ;)) !

Enjoy !

MoreTpl, mon premier plugin pour Dotclear 2

Kozlika — Mon, 08 Jan 2007 15:07:00 +0100

Il faut bien un début à tout et ceci est mon premier plugin pour Dotclear 2. Mon premier plugin tout court d’ailleurs ! Rien de bien renversant, juste l’ajout de fonctions template dont j’ai eu besoin au cours de mes expérimentations de thèmes et que je mets à dispo ici.

Il fait quoi ton ploug ?

Il permet d’utiliser cinq nouvelles fonctions d’affichage dans les fichiers *.html des thèmes :

On avait déjà {{tpl:EntryExcerpt}}, qui récupère ce que contient le champ extrait du billet et {{tpl:EntryContent}} qui en récupère le champ du contenu. {{tpl:EntryExcerptAndContent}} récupère le tout en une seule « passe ».

Exemple d’utilisation : sur la toute première page d’accueil, afficher le premier billet en entier, que le champ Extrait soit vide ou non et n’afficher que les 400 premiers caractères de la totalité du billet pour les billets suivants et tous les billets de toutes les pages suivantes.

Permet dans le contexte d’un billet de récupérer le cat_url de la catégorie à laquelle il appartient (équivalent de ce qui est possible dans le contexte d’une boucle sur les catégories avec la fonction {{tpl:CategoryShortURL}}).

Exemple d’utilisation : affecter une class spécifique supplémentaire à la <div class=”post”>

Permet d’afficher le nombre de billets affectés à une catégorie (idem que dans le widget Catégories).

Exemple d’utilisation : dans la page category.html, afficher dans les infos situées en haut du main, avant ou après la description d’icelle le nombre de billets qu’elle contient. Ce nombre est renvoyé en chiffres.

{{tpl:EntryCommentCountDigit}} et {{tpl:EntryTrackbackCountDigit}}

Permet d’afficher en chiffre le nombre de commentaires. Attention, les mots « commentaire » ou « rétroliens » sont également supprimés, pensez à les ajouter dans le template si vous les souhaitez.

Exemple d’utilisation : remplacer « un commentaire » par « 1 grain de sel » ou « 1 » [avec une jolie icône de commentaire].

Je le veux !

Fiche détaillée et téléchargement sur Dotaddict.

Giacomo

Kozlika — Sun, 19 Nov 2006 12:43:00 +0100

Giacomo est l’adaptation pour DotClear 2 du thème Keepsake pour DC1.

Pour personnaliser ce thème, je recommande d’ajouter les modifications ou ajouts dans le fichier custom.css présent dans le répertoire du thème. S’y trouvent d’ores et déjà les règles nécessaires à la présentation du calendrier si vous choisissez d’ajouter le plugin DayMode.

Ce thème est CSS only (il utilise les fichiers html du thème par défaut).

Téléchargement et démonstration sur Dotaddict.

Note : Giacomo est l’un des personnages de l’opéra-comique Fra Diavolo, composé par François Auber sur un livret d’Eugène Scribe. L’histoire, aussi enlevée que la musique, évoque une sorte de Robin des Bois à la sauce italienne.

Enregistrement recommandé : Fra Diavolo, avec Maddy Mesplé et l’immense Nicolaï Gedda, le Monte Carlo Philharmonic Orchestra, sous la direction d’Alain Lanceron. Editions EMI.

Papageno

Kozlika — Sat, 11 Nov 2006 14:21:00 +0100

Entendez-vous le carillon du glockenspiel ?

Papageno est un thème de largeur fixe ou fluide sur deux colonnes.

Par défaut sa largeur est fixée à 87% de la largeur de la fenêtre mais vous pouvez la fixer en remplaçant la iigne :

	width : 87%;

par :

	width : 780px; /* ou autre valeur de votre choix */

Pour personnaliser ce thème, je recommande d’ajouter les modifications ou ajouts dans le fichier custom.css présent dans le répertoire /themes/hermione/, où figurent déjà les css nécessaires pour la présentation du plugin DayMode.

Merci de me faire part ici de vos remarques ou suggestions. (Les billets de ce blog permettent de tester différents cas de figure.)

Appel à vos contributions

Il reste deux petits bugs connus que je n’arrive pas à contourner. Ils ne sont pas trop gênants donc je le distribue quand même mais j’offre une sucette Pierrot-Gourmand au caramel à celui ou celle qui me fournira le patch ;)

Sous Safari, les deux liens Accueil et Archives ne veulent pas se placer côte à côte.
Selon le navigateur, quelques pixels manquent à gauche ou à droite pour la cellule du nom du mois dans le calendrier.

Téléchargement et démonstration sur Dotaddict.

Note : Papageno est l’un des personnages de l’opéra La Flûte enchantée, composé en 1791 par Wolfgang Amadeus Mozart sur un livret d’Emanuel Schikaneder. C’est probablement l’un des opéras les plus célèbres du monde, notamment pour l’air pyrotechnique de la Reine de la Nuit.

Enregistrement recommandé : Il est très difficile de choisir parmi la pléthore d’enregistrement de cette œuvre. La magnifique version, très équilibrée, dirigée par Otto Klemperer recevra ma préférence.

Hermione

Kozlika — Sat, 11 Nov 2006 10:22:00 +0100

Nuages, nuages, le nuage de tags forme les nuages de la bannière.

Les feuilles de style et fichier html nécessaires à la présentation du plugin day-mode sont jointes au thème.

Pour personnaliser ce thème, je recommande d’ajouter les modifications ou ajouts dans le fichier custom.css présent dans le répertoire /themes/hermione/.

Edit 18 septembre 07 : mise à jour du thème pour modif du fichier _top.html : {{tpl:MetaPercent}} devient {{tpl:MetaRoundPercent}}. Merci Erno !

Téléchargement et démonstration sur Dotaddict.

Note : Hermione, la femme de Leontes, roi de Bohême, est l’héroïne de l’opéra Wintermärchen (Les contes d’hiver), composé en 1999 par Philippe Boesmans sur un livret d’après la pièce éponyme de William Shakespeare. En voici un extrait.

Enregistrement recommandé : A ma connaissance il n’en existe qu’un Wintermärchen, avec Dale Duesing et la regrettée Susan Chilcott, sous la direction d’Antonio Pappano. Editions Deutsche Gramophon.

Bastienne

Kozlika — Sat, 29 Jul 2006 12:10:00 +0000

Agrémenté de quelques variations en fonction du contexte de la page, de personnalisation des commentaires de l’auteur du blog et autres styles spécifiques, ce thème sans aucune prétention esthétique peut servir de base/exemple pour aller plus loin.

Pour personnaliser, je recommande de faire les modifications ou ajouts dans le fichier custom.css présent dans le répertoire du thème.

Le fichier archive_month.html a été personnalisé^[1] le reste est en css only.

Téléchargement et démonstration sur Dotaddict.

Note : Bastienne est l’une des deux héros de l’opéra Bastien et Bastienne, composé par Mozart en 1768, soit à l’âge de 12 ans… L’histoire est largement inspirée du Devin du village de Jean-Jacques Rousseau. J’ai choisi ce nom bien évidemment en raison de la “fraîcheur” - du moins je l’espère, du graphisme et du jeune âge tant de Mozart lorsqu’il écrivit cet opéra que des personnages centraux.

Enregistrement recommandé : Le très joli DVD Bastien et Bastienne, avec de très jeunes interprètes dirigés par Nicolas Porte (CLC Productions).

Notes

[1] MàJ du 17/10/06. Ce thème a été mis à jour pour tenir compte de la nouvelle insertion du prélude dans le fichier _top.html et de l’appel des feuilles de style dans le fichier __head.html, si vous avez téléchargé ce thème avant aujourd’hui, téléchargez la nouvelle archive et remplacez simplement le fichier archive_month.html ancien par celui qui s’y trouve.

Obéron

Kozlika — Thu, 13 Jul 2006 11:52:00 +0000

Obéron est une adaptation pour DotClear 2 du thème Keldroledenom pour DC1.

Pour personnaliser ce thème, je recommande d’effectuer les modifications ou ajouts dans le fichier custom.css présent dans le répertoire du thème.

Le fichier archive_month.html a été personnalisé^[1] le reste est en css only.

Téléchargement et démonstration sur Dotaddict.

Note : Obéron est le héros de l’opéra du même nom, composé en 1826 par Karl Maria von Weber sur un livret de James Robinson Planché, d’après Les Songes d’une nuit d’été de William Shakespeare A Midsummer Night’s Dream. « Le chanteur Roth, a décrit une promenade qu’il fit pendant l’été de 1824 avec Weber dans la campagne de Dresde : la lumière était éblouissante et l’on n’entendait pas un son, sinon un très léger et lointain bourdonnement d’insectes. Weber s’arrêta, mit un doigt sur sa bouche et murmura : Oberon. » A. Coeroy (Source.)

Enregistrement recommandé : Obéron, avec Steve Davislim, Hillevi Martinpelto, Monteverdi Choir, Orchestre révolutionnaire et romantique, sous la direction de John Eliot Gardiner. Editions Deutsche Grammophon.

Notes

Mélisande

Kozlika — Wed, 12 Jul 2006 11:45:00 +0000

« Innocence de la coquille d’œuf, mystère et naturel des feuilles d’arbres, élégance simple d’une robe de princesse perdue dans la forêt : Mélisande, bien sûr, version Debussy. » Dixit Bladsurb.

Pour personnaliser ce thème, je recommande d’ajouter les modifications ou ajouts dans le fichier custom.css présent dans le répertoire du thème.

Téléchargement et démonstration sur Dotaddict.

Note : Mélisande est l’héroïne de l’opéra Pelléas et Mélisande, composé en 1893 par Claude Debussy sur un livret d’après la pièce de Maurice Maeterlinck.

Enregistrement recommandé : Pelléas et Mélisande, avec Richard Stilwell, Federica Von Stade, José Van Dam, Ruggero Raimondi, l’Orchestre philharmonique de Berlin, sous la direction d’Herbert von Karajan. Editions EMI («Great Recordings of the century»).

Madame Butterfly

Kozlika — Sun, 09 Jul 2006 11:33:00 +0000

Butterfly est une adaptation pour DotClear 2 du thème Kimono pour DC1.

Pour personnaliser ce thème, je recommande d’ajouter les modifications ou ajouts dans le fichier custom.css présent dans le répertoire du thème.

Ce thème est CSS only (il utilise les fichiers html du thème par défaut).

Téléchargement et démonstration sur Dotaddict.

Note : Madame Butterfly est l’héroïne de l’opéra éponyme, composé par Giacomo Puccini sur un livret de Giuseppe Giacosa et Luigi Illica. L’ambiance du thème fait bien entendu allusion au fait que l’opéra se situe au Japon. (Euh oui, les idéogrammes sont chinois, vous n’allez pas me chipoter pour si peu ? ;-))

Enregistrement recommandé : Madame Butterfly, avec Mirella Freni, Luciano Pavarotti, Christa Ludwig, le Wiener Philharmonic Orchestra, sous la direction d’Herbert von Karajan. Editions EMI.

Marie

Kozlika — Sun, 09 Jul 2006 08:30:00 +0000

Comme Lakmé, Marie présente les deux colonnes du sidebar sur le côté gauche (“extra” puis “nav”).

La conservation du widget des liens de syndication dans le bandeau d’extra est nécessaire à sa bonne présentation. Contactez-moi si vous voulez le faire disparaître pour qu’on trouve une autre solution.

Le fichier archive_month.html a été personnalisé^[1] le reste est en css only.

Pour personnaliser ce thème, je recommande d’ajouter les modifications ou ajouts dans le fichier custom.css présent dans le répertoire du thème.

Démo et téléchargement sur Dotaddict.

Note : Marie est l’héroïne de l’opéra La Fille du régiment, composé par Gaetano Donizetti sur un livret de Jules Henri Vernoy Marquis de St-Georges et Jean François Alfred Bayard en 1840. Les couleurs bleu, blanc et rouge évoquent l’un des plus célèbres airs de cet opéra, « Salut à la France ». J’aime beaucoup cet opéra.

Enregistrement recommandé : La Fille du régiment, avec Beverly Sills, Fernando Corena, Greyson Hirst, l’American Opera Society, sous la direction de Roland Gagnon. Editions Opera d’Oro.

Notes

Lakmé

Kozlika — Sun, 09 Jul 2006 07:16:00 +0000

Premier-né de mes thèmes pour Dotclear 2, Lakmé présente les deux colonnes du sidebar sur le côté gauche (“extra” puis “nav”).

La conservation du widget des liens de syndication dans le bandeau d’extra est nécessaire à la bonne présentation de ce thème. Contactez-moi si vous voulez le faire disparaître pour qu’on trouve une autre solution.

Pour le personnaliser, je recommande d’ajouter les modifications ou ajouts dans le fichier custom.css présent dans le répertoire du thème.

Le fichier archive_month.html a été personnalisé^[1] le reste est en css only.

Merci de me faire part ici de vos remarques ou suggestions. (Les billets de ce blog permettent de tester différents cas de figure.)

Démo et téléchargement sur Dotaddict.

Note : Lakmé est l’héroïne de l’opéra du même nom, composé par Léo Délibes sur un livret d’Edmond Gondinet en 1883. La fleur de jasmin du top fait référence au duo célèbre extrait de cet opéra dit « Duo des Fleurs ». C’est l’un de mes opéras préférés.

Enregistrement recommandé : Lakmé, avec Natalie Dessay, Gregory Kunde, José Van Dam, l’Orchestre du Capitole de Toulouse et dirigé par Michel Plasson. Editions EMI.

Les ateliers du klafoutis - Mot-clé - Dotclear 2

Ductile 2026 v1.0

Don Carlo

Détails du thème

Constantes

Accueil

Archives

Billet seul

Résultats d'une recherche, liste des billets d'une catégorie

Page 404

On peut le prendre ?

Pendant quelques jours

Welsh 2.0, 2 colonnes

MoreTpl, mise à jour 0.6

Aorakits en thèmes paramétrables

MoreTpl, mon premier plugin pour Dotclear 2

Il fait quoi ton ploug ?

{{tpl:EntryExcerptAndContent}}

{{tpl:EntryCategoryShortURL}}

{{tpl:CategoryEntriesCount}}

{{tpl:EntryCommentCountDigit}} et {{tpl:EntryTrackbackCountDigit}}

Je le veux !

Giacomo

Papageno

Appel à vos contributions

Hermione

Bastienne

Notes

Obéron

Notes

Mélisande

Madame Butterfly

Marie

Notes

Lakmé

Notes

Les ateliers du klafoutis - Mot-clé - Dotclear 2

Ductile 2026 v1.0

Don Carlo

Détails du thème

Constantes

Accueil

Archives

Billet seul

Résultats d'une recherche, liste des billets d'une catégorie

Page 404

On peut le prendre ?

Pendant quelques jours

Welsh 2.0, 2 colonnes

MoreTpl, mise à jour 0.6

Aorakits en thèmes paramétrables

MoreTpl, mon premier plugin pour Dotclear 2

Il fait quoi ton ploug ?

{{tpl:EntryEx­cerp­tAnd­Con­tent}}

{{tpl:Entry­Ca­te­go­ry­Shor­tURL}}

{{tpl:Cate­go­ryEn­tries­Count}}

{{tpl:Entry­Com­ment­Count­Di­git}} et {{tpl:Entry­Track­ba­ck­Count­Di­git}}

Je le veux !

Giacomo

Papageno

Appel à vos con­tri­bu­tions

Hermione

Bastienne

Notes

Obéron

Notes

Mélisande

Madame Butterfly

Marie

Notes

Lakmé

Notes

{{tpl:EntryExcerptAndContent}}

{{tpl:EntryCategoryShortURL}}

{{tpl:CategoryEntriesCount}}

{{tpl:EntryCommentCountDigit}} et {{tpl:EntryTrackbackCountDigit}}

Appel à vos contributions