Les ateliers du klafoutis - Tag - pure css

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.

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.