Les ateliers du klafoutis - Tag - fluide

Welsh 2.0, 2 colonnes

Marcel Biou — 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.)

Welsh 2.0

Kozlika — Sun, 08 Apr 2007 09:32:00 +0000

Welsh 2.0 (private joke) est un thème trois colonnes fluides avec onglets.

Pour personnaliser les onglets, éditez le fichier _top.html. Je ne mets pas ce thème en version 1.0 : il reste en beta jusqu'à ce que je trouve – ou que l'un de vous m'indique – un moyen simple et élégant d'alimenter automatiquement le menu horizontal (par exemple avec le premier lien pour l'accueil et les suivants pour les pages connexes choisies), avec le marqueur de la page active.

En attendant vous pouvez ici ou via mon formulaire de contact me demander de l'aide pour la personnalisation de votre menu.

Amusez-vous bien :)

Edit du 29 août. Mise à jour en 0.6 du thème : un répertoire 2-cols-files offre désormais les fichiers alternatifs pour une variation de ce thème en deux colonnes. Détails et mise en œuvre dans le billet y consacré.

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

Base4col home

Marcel Biou — Wed, 17 Jan 2007 16:46:00 +0100

Cette structure est désormais l'une de celles proposées parmi l'ensemble des aorakits.

Je livre ici la base pour un thème à quatre colonnes ] en home, trois colonnes intérieures. Il faut bien entendu y ajouter votre propre sauce pour faire joli :)

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.

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.

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.

Notes

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.

Kiwi Cassis

Kozlika — Sun, 17 Oct 2004 11:33:00 +0000

Par cette chaleur, vous prendrez bien un petit sorbet ?

Comme promis, un autre thème fluide en trois colonnes, qui doit tout à ce modèle de web producer : http://www.webproducer.at/flexible-....

Histoire de ne pas laisser l'été s'envoler, un thème à la gloire des sorbets... Kiwi Cassis peut retrouver une allure plus sobre en modifiant les couleurs ;-). Si vous ne savez comment opérer ces modifications c'est que vous n'avez pas encore appris par cœur Le Petit DotClear illustré, notamment l'article « Votre blog à vos couleurs », et ça c'est pas bien !

La largeur de la page s'ajuste à celle de la fenêtre du navigateur en conservant les marges indiquées dans la feuille de style (fichier style.sss) par la règle de #page :

#page {
	margin: 24px 36px;
	text-align:left;
	background:#fff;
}

24px est la valeur des marges haute et basse et 36px la valeur des marges gauche et droite. Ajustez-les comme bon vous semble en modifiant ces deux valeurs.

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