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

Sauterelle

Kozlika — Wed, 07 Nov 2007 14:03:00 +0000

Sauterelle est un thème plus particulièrement destiné aux diaristes : l’accueil affiche les billets jour par jour et la navigation est plus centrée sur la chronologie que sur les catégories.

Pour laisser toute la place aux billets, l’habituel menu est déporté sur une page annexe (incluse dans le thème) accessible depuis l’item « Centre d’aiguillage ». On le modifie en éditant le fichier plan.php.

Trucs kifonjoli et trucs pratiques :

Le lien de retour à l’accueil (quand on n’est pas à l’accueil, sinon rien) porte la date du billet le plus récent.
Le cartouche sous la sauterelle contextualise la page affichée.
Lorsque plusieurs billets ont été écrits le même jour, un cartouche en bas d’un billet indique les autres de la même date.
Le calendrier des billets est en forme de “ruban” à plat.
Le centre d’aiguillage contient les éléments habituels du sidebar, sauf la recherche et la syndication qui sont en pied de toutes les pages. La division en deux boites permet de séparer les liens internes et externes.

Pour les personnalisations :
- l’image du top est indépendante de la bannière elle-même, suffit de mettre l’image de son choix aux mêmes dimensions (225 * 170px) à la place dans le rep des images du thème.
- les couleurs s(er)ont listées en haut de la css pour faciliter le chercher/remplacer (en cours, gépofini)

Liens de téléchargement sur themes.dotaddict.org.

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.)

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.

Kit 1

Kozlika — Sun, 13 Nov 2005 07:41:00 +0000

Un thème de base, des structures, un blog dédié pour les personnalisations.

Kit est un thème conçu pour les grands débutants en css. Volontairement basique (une seule couleur d’accompagnement, peu de « fioritures », utilisation des fichiers php par défaut), j’ai essayé de faire en sorte qu’il soit facile à personnaliser et à complexifier à l’envi pour les plus hardis.

Un guide de personnalisation livre quelques pistes pour aménager son blog sur la base de ce thème, accompagné d’exemples de codes et de captures d’écran.

Le thème est livré par défaut en version fluide avec sidebar à droite. Suivez les instructions de l’article Installation du blog associé pour permuter le sidebar à gauche et/ou fixer la largeur de la page. Les liens de téléchargement du thème de base et ses variations sont disponibles sur Dotaddict.

Hotel Room

Kozlika — Mon, 31 Oct 2005 07:21:00 +0000

Tonalités et image du fond inspirés du tableau Hôtel Room d’Edward Hopper.

Hotel Room est un thème élastique (la largeur s’adapte à celle de l’écran). L’idée m’en est venue après la lecture d’un billet chez Nonal, qui aime Hopper autant que moi. Pour le voir, on clique là, pour tester le rendu des balises xhtml/wiki vous pouvez afficher le billet de test.

Comme pour la plupart de mes autres thèmes, j’ai ajouté des classes utilisables lors de la saisie des billets : center pour centrer, right pour aligner le texte à droite, petites-cap pour les petites majuscules.

Si vous utilisez la syntaxe wiki, il suffit de passer le temps de cette mise en forme en syntaxe html comme dans l’exemple suivant :

///html
<p class="right">Zanzibar, le 23 janvier 1975.</p>
///

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

Keldroledenom

Kozlika — Wed, 25 May 2005 10:08:00 +0000

Volontairement sobre, monochromatique dans la gamme des gris avec des illustrations de type planches naturalistes.

Un nouveau thème élastique à adapter à vos envies en remplaçant les images et/ou les couleurs. Petit guide à l’usage de la personnalisation…

Les images : vous pouvez les remplacer par des images de mêmes dimensions en glissant tout simplement vos nouveaux fichiers dans le répertoire images/, soit en ayant pris soin de les nommer exactement de la même façon, soit en modifiant le nom des images dans le fichier style.css du répertoire du thème.

Les couleurs utilisées sont toutes dans la gamme des blancs et gris. Là encore, vous pouvez repérer les couleurs et les modifier à votre guise par un chercher/remplacer sur ce même fichier style.css.

#f5f5f5 : couleur du fond de fenêtre et du fond des bouts de code
#fff : couleur du fond de page
#333 : couleur du texte
#666 : couleur des liens et des boutons de formulaire
#ddd : couleur des bordures diverses (titre du blog, cadre des images, etc)
#000 : couleur des titres des billets

Si la taille des caractères vous semble trop petite, remplacez x-small par small (attention : la largeur de la page en sera un peu augmentée).

A savoir

Outre les informations et aide à la personnalisations données dans le billet précédent, sachez que vous disposez de quatre classes supplémentaires à utiliser à votre gré dans vos billets ou dans votre template si vous y opérez des modifs :

class ="center" : pour centrer du texte
class="right" : pour aligner du texte à droite
class="petites-cap" pour des majuscules de taille réduite
class="petit" pour des caractères plus petits

Si vous utilisez la syntaxe wiki et que votre version de DotClear est la 1.2.1 ou supérieure, vous pouvez utiliser ces classes de la façon suivante :

Saisie du billet comme à l'habitude en wiki avec les balises auxquelles 
vous êtes habitués
///html
<p class="center">Bonjour &agrave; tous</p>
///
et reprise de la saisie en syntaxe wiki.

Enjoy, retours bienvenus. :)

Les liens d’installation et de téléchargement se trouvent dans le billet dédié de Dotaddict.

Komtuveux du soir

Kozlika — Thu, 09 Sep 2004 14:45:00 +0200

Vous pouvez personnaliser ce thème avec l’image de votre choix de mêmes dimensions que celles-ci (500 pixels en largeur et 300 pixels de hauteur).

Komtuveux du jour et Komtuveux du soir, deux variations sur la même structure : tailles fixes, place pour une grande image. La personnalisation devrait être relativement facile d’accès aux débutants car le code est beaucoup commenté.

Fiche descriptive et liens de téléchargement sur Dotaddict.

Komtuveux du jour

Kozlika — Thu, 09 Sep 2004 14:30:00 +0000

Vous pouvez personnaliser ce thème avec l’image de votre choix de mêmes dimensions que celles-ci (500 pixels en largeur et 300 pixels de hauteur).

Fiche descriptive et liens de téléchargement sur Dotaddict.

Kimogeek

Kozlika — Sun, 05 Sep 2004 23:26:00 +0200

Variation basée sur le thème Kimono, Kimogeek est… geek :)

Comme son grand frère Kimono, Kimogeek, est un thème élastique c’est-à-dire que toutes les mesures sont proportionnelles à la taille des caractères utilisés par votre visiteur. Il ne faut pas confondre élastique avec fluide, qui signifie que les tailles des éléments varient en fonction de la taille de la fenêtre du navigateur.

Fiche descriptive et liens de téléchargement sur Dotaddict.

Kimono

Kozlika — Sun, 05 Sep 2004 18:38:00 +0000

Mon premier thème pour Dotclear.

Kimono et sa variation, Kimogeek, sont des thèmes élastiques c’est-à-dire que toutes les mesures sont proportionnelles à la taille des caractères utilisés par votre visiteur. Il ne faut pas confondre élastique avec fluide, qui signifie que les tailles des éléments varient en fonction de la taille de la fenêtre du navigateur.

Si vous rencontrez le moindre dysfonctionnement, merci de me le faire savoir ici.

Ce thème a été amélioré grâce notamment à l’aide de ST et de Julien qui m’ont aidée pour le traitement des images.

Fiche descriptive et liens de téléchargement sur Dotaddict.

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

Sauterelle

Welsh 2.0, 2 colonnes

Papageno

Appel à vos con­tri­bu­tions

Hermione

Bastienne

Notes

Obéron

Notes

Mélisande

Madame Butterfly

Kit 1

Hotel Room

Keldroledenom

A savoir

Komtuveux du soir

Komtuveux du jour

Kimogeek

Kimono

Appel à vos contributions