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

Kit 1 - Florent

Florent — Mon, 04 Oct 2010 11:09:07 +0200

Et si je veux m'amuser à modifier les fichiers php, cela peut être un bon exercice, cela te parait compliqué ? Tu as des pistes à me donner ?
Merci encore pour la qualité de ton travail

Kit 1 - Florent

Florent — Mon, 04 Oct 2010 10:56:45 +0200

Ok,

Merci je vais regarder. J'avoue que j'adore ce thème et je voulais garder exactement la même présentation

Kit 1 - Kozlika

Kozlika — Fri, 01 Oct 2010 12:51:40 +0200

Tu veux la mettre à gauche au lieu d'à droite ou en plus ? Dans le second cas, ça n'est pas possible avec le kit car il faut modifier les fichiers php du thème, pas seulement la css. Le plus simple est en ce cas de choisir un thème à trois colonnes dans la galerie des thèmes pour Dotclear 1 sur DotAddict puis de modifier les couleurs, images, etc.

Kit 1 - Florent

Florent — Fri, 01 Oct 2010 10:16:50 +0200

Bonjour kozlika,
Je cherche à modifier ce thème pour mettre un colonne sur la gauche qui serait comme celle de droite... Des pistes à me suggérer ?
Merci d'avance...

Florent

Keldroledenom - Kozlika

Kozlika — Fri, 20 Feb 2009 14:09:08 +0100

Bah oui il faut sûrement adapter les noms des identifiants des éléments à ceux utilisés par OverBlog. Je crois qu'il existe des utilisateurs des deux plate-formes, tu trouveras peut être de l'aide de ce côté ?

Keldroledenom - Flojix

Flojix — Fri, 20 Feb 2009 12:31:29 +0100

Oui... seulement ça ne marche pas.
Il y a bien quelques modifications (police d'écriture...) mais le reste n'y est pas.

Keldroledenom - Kozlika

Kozlika — Thu, 19 Feb 2009 08:03:46 +0100

Bonjour Flojix. Il suffit de télécharger l'archive du thème proposée sur la fiche DotAddict, la décompresser et récupérer la CSS (fichier style.css).

Keldroledenom - Flojix

Flojix — Tue, 17 Feb 2009 13:03:01 +0100

Bonjours, je suis intéressé par ce thème, seulement je n'utilise pas Dotclear mais OverBlog. Serait-il possible de me fournir le code CSS que je pourrais utiliser sur OverBlog afin d'utiliser ce thème ?
Merci

Kit 1 - s4my

s4my — Wed, 29 Oct 2008 08:42:20 +0100

salut kozlika

je t'avais contacté via le forum dotclear pour un petit coup de pouce concernant la mise en page du blog sur lequel je travaille :

http://www.aureka-consultants.com/b...

je voudrais avoir un bandeau bas qui ferme le blog ainsi qu'un bloc graphique qui se repete après mon image de fond quand le nombre de billets dépasse la page, je n'y arrive pas

si tu veux je t'envoie le css?

d'avance merci

sam

Bastienne - Clooney

Clooney — Sat, 10 May 2008 22:02:41 +0200

hello ! "je recommande de faire les modifications ou ajouts dans le fichier custom" : certaines parenthèses n disent + que tout le reqste :) merci pour ton billet ! toujourz un plaisir de te liree.

Sauterelle - Kozlika

Kozlika — Wed, 14 Nov 2007 09:17:44 +0000

Merci Agaagla, c'est gentil tout plein :)

Pour le calendrier-frise (et l'anecdote), ça fait un moment que je réclamais ça de mes copains codeurs car je trouve le calendrier « carré » moins parlant : en fait les trois quarts des gens s'attendent à y voir affichée la date du jour et ne comprennent pas qu'il s'agit du marquage l-des dates de parution des billets.

Sauterelle - Agaagla

Agaagla — Mon, 12 Nov 2007 11:45:13 +0000

Je m'en faisais la réflexion en flânant sur DCtips at autres choses du genre (au lieu de travailler, grrr), tes thèmes sont beaux, c'est tout. Même que ça titille les doi-doigts de s'y mettre à son tour, sauf que ça fait pas avancer le boulot, le vrai pour lequel qu'on me paye et que c'est drôlement frustrant. Du coup je ne fais ni l'un ni l'autre... sinon pour en rester à ce thème-ci, j'aime beaucoup le calendrier en frise.

Sauterelle - Lomalarch

Lomalarch — Thu, 08 Nov 2007 00:19:21 +0000

Rho misère j’étais pas réveillé : j’ai mis sur le billet d’avant mon commentaire pour ce billet-ci… Je file me c(a/ou)cher :-$

Sauterelle - Kozlika

Kozlika — Wed, 07 Nov 2007 20:18:29 +0000

Euh... c'est pas faux :-P

Sauterelle - julien

julien — Wed, 07 Nov 2007 17:44:25 +0000

C'est un thème plus particulièrement aux diaristes Euh, est-ce qu'il ne manque pas un verbe dans cette phrase ?

Hermione - Kozlika

Kozlika — Fri, 02 Nov 2007 09:24:06 +0100

Bonjour Jacques. Dans Dotclear 2 le calendrier des billets n'est pas présent par défaut. Il faut pour cela installer le plugin dayMode.

Hermione - Jacques

Jacques — Thu, 01 Nov 2007 01:19:59 +0100

Bonjour,

je viens d'installer recemment Dotclear2 et encore plus recemment le theme Hermione que j'aime bien.
Cependant je n'arrive pas à afficher le calendrier !
Je voulais savoir si c'était normal, si j'étais le seul, ou si il y avait une piste ?!

Merci d'avance

Papageno - jipi

jipi — Sun, 07 Oct 2007 23:52:36 +0200

bonjour,

merci pour ce thème que je viens d'installer sur mon blog. J'ai écris un texte sur comment le mettre en place sur Gandi où c'est une plateforme mutualisée particulière : http://blog.jipi.fr/

cordialement

Hermione - Kozlika

Kozlika — Tue, 18 Sep 2007 07:09:14 +0200

Toutafé ! Merci pour la correction, Ermo, je l'intègre tout de suite dans la distribution (qui prend le numéro 1.11 du coup).

(Pour éviter l'interprétation wiki de {{ – balise qui sert ordinairement pour les citations – ou toute autre balise wiki d'ailleurs, il faut faire précéder la séquence de caractères par un antislash. On appelle ça un caractère d'échappement. On peut aussi placer la séquence complète entre deux paires d'arobases.)

\{{tpl:MetaRoundPercent}}
@@{{tpl:MetaRoundPercent}}@@

Hermione - Ermo

Ermo — Tue, 18 Sep 2007 00:31:03 +0200

Hello,

c'est juste pour dire qu'il y a un pitit bug dans _top.html :

ça marche mieux avec

<li class="tagtpl:MetaRoundPercent"><a href="tpl:MetaURL">tpl:MetaID</a></li>

au lieu de

<li class="tagtpl:MetaPercent"><a href="tpl:MetaURL">tpl:MetaID</a></li>

sinon les tags dont le score n'est pas une dizaine n'ont pas la taille voulue dans le nuage, c'est dommage...

et je me permets de signaler que je suis vachement fier d'avoir réussi à trouver la solution de ce pbm (qui dépasse mes compétences normales) tout seul ! ;-)

ps : désolé je viens de voir que les accolades disparaissent à cause de la syntaxe wiki, je sais pas comment éviter ça.

Hermione - Kozlika

Kozlika — Sat, 15 Sep 2007 10:23:12 +0200

Pour l'instant je ne l'utilise pas : la procédure n'est pas codée, mais ça sera pret pour quand ça sera le cas :)

Hermione - Sacha

Sacha — Sat, 15 Sep 2007 09:51:42 +0200

Salut,

Et une question - tu utilises comment l'installeur pour installer un thème ?

Welsh 2.0, 2 colonnes - Xyzo

Xyzo — Sat, 08 Sep 2007 14:53:33 +0200

> Tu veux l'alimenter automatiquement ou une
> insertion manuelle te conviendrait ?
Une insertion "manuelle" devrait faire l'affaire!

> (tiens j'y pense, pour cette deuxième option
> je dois pouvoir faire un tuto standard pour que
> les onglets soient identifiés actifs).
Excellente initiative ;-)

> (Et puis il faudrait que tu modifies la css
> car en ajoutant la description du blog ça a fait
> "descendre" les onglets :)''
Bien vu. J'ai modifié la CSS mais du coup, je me suis rendu compte que sous IE7, les onglets étaient trop hauts d'1 pixel : le même problème apparaît sur le thème Welsh 2.0 avant mes modifications (cf. ton blog en thème Welsh)...

Welsh 2.0, 2 colonnes - Kozlika

Kozlika — Sat, 08 Sep 2007 11:45:02 +0200

Tu veux l'alimenter automatiquement ou une insertion manuelle te conviendrait ? (tiens j'y pense, pour cette deuxième option je dois pouvoir faire un tuto standard pour que les onglets soient identifiés actifs).

(Et puis il faudrait que tu modifies la css car en ajoutant la description du blog ça a fait "descendre" les onglets :)

Welsh 2.0, 2 colonnes - Xyzo

Xyzo — Sat, 08 Sep 2007 11:29:27 +0200

Salut,
Excellent travail sur ce thème (et tes autres thèmes en général !) : je viens de l'adopter pour mon blog (http://blog.lmartin.fr).
Petite question : comment utiliser les onglets que tu as prévus en haut à droite ? Par exemple, je voudrais mettre en onglets la liste des différentes rubriques (catégories) de mon blog. C'est peut-être une question plus liée à DC2 en général, mais peut-être peux-tu me filer quelques pistes ;-) Merci d'avance !

Welsh 2.0, 2 colonnes - Kagou

Kagou — Wed, 29 Aug 2007 10:12:35 +0200

Attention je ne te dis pas de mettre le 2 colonnes par défaut, mais juste que les 2 répertoires soient déjà créés dans ton archive, et qu'ils contiennent les fichiers correspondant. Cela évite 2 manipulations (création répertoire, et copie des fichiers dedans). Je pense juste simplification pour l'utilisateur :)

Welsh 2.0, 2 colonnes - Kozlika

Kozlika — Wed, 29 Aug 2007 08:54:56 +0200

Bonjour Kagou et merci de tes remarques :)

Pour la première, que la colonne de menu soit à gauche ou à droite ne changera pas le fait que la colonne des billets ne peut accueillir un élément trop large pour elle sans casser la mise en page. Je ne souhaite pas ajouter de règle de tronquage car c'est au tenancier du blog de veiller au contenu qu'il y place ou de choisir s'il préfère retoucher son image ou la tronquer. En outre d'ailleurs, le tronquage n'est pas possible car la règle .post img {overflow:hidden;} ne pourrait s'appliquer que si .post@@ avait une largeur fixe, ce qui n'est pas le cas dans ce layout fluide... Quant à la réduire, on ne peut pas faire ça en automatique dans le thème : une fois encore c'est à l'auteur de charger les images en tenant compte de ses contraintes graphiques. Cependant la meilleure solution consiste à insérer une image en taille réduite (small ou medium) avec un lien vers l'image à sa taille originelle. Dotclear 2 permet de faire ceci très facilement depuis la fenetre d'insertion d'image.

Pour la deuxième remarque, tu as raison, je vais tacher d'etre plus claire. Cependant je préfère laisser le 3 colonnes en variante par défaut, ne serait-ce que pour que le blog s'affiche avec une présentation dès le départ sans que l'utilisateur doive obligatoirement passer par son ftp (manœuvre d'ailleurs impossible sur plate-forme...). Je vais reformuler.

Merci encore de tes suggestions :)

Welsh 2.0, 2 colonnes - Kagou

Kagou — Wed, 29 Aug 2007 08:37:50 +0200

Merci pour cette mise à jour :)
Mon blog avec 2 colonnes -> Par ici

Alors première remarque, la colonne étant à droite (on aura bientôt le choix ?! ;) ), peut être qu'il serait bien de mettre l'option qui va bien afin , soit de tronquer, soit de réduire les images tros grandes qui débordent sur la colonne de droite (voir sur mon blog).
Deuxième remarque : tu parles de 2cols-files alors que dans l'archive c'est 2col-files

Et dernière remarque : il m'a été difficile de comprendre les explications pour passer en 2 colonnes.

Peut être qu'en fournissant les 2répertoires (3cols-files et 2cols-files), avec dedans les 3 fichiers qui vont bien. Il suffira par la suite de dire qu'il suffit de prendre les 3 fichiers dans le répertoire de l'option voulue et de les mettre à la racine en écrasant ceux existant.

Bonne journée

Obéron - mrnico

mrnico — Tue, 28 Aug 2007 10:13:49 +0200

Merci pour ce thème que j'ai un peu adapté à mon blog.
Bon boulot, c'est très propre niveau code !
nico

Hermione - Kozlika

Kozlika — Fri, 03 Aug 2007 13:17:41 +0200

Bonjour cycy,

La définition de la couleur du fond d fenêtre se trouve dans cette ligne :

	background : lightslategray;

dans les règles de body :)

Hermione - cycy

cycy — Thu, 02 Aug 2007 14:53:47 +0200

hello !
Merci pour ce très beau thème.
Comment changer la couleur du fond de ce thème (le gris/bleu sur les côtés) ? Je n'arrive pas à la trouver dans la feuille de style. Merci pour ton aide.

Hermione - Kozlika

Kozlika — Tue, 03 Jul 2007 06:38:59 +0200

Ah bah oui, c'est même impec comme solution tiens, super :)

Hermione - Ermo

Ermo — Tue, 03 Jul 2007 00:34:49 +0200

Ah, merci, déjà je suis rassuré de n'avoir pas été trop ridicule dans mes questions !

Alors pour ce qui est de mettre le "@import custom.css" à la fin du style.css, effectivement ça marche pas.
Pour ce qui est de changer le _head.html, je suppose que ce serait celui dans le thème "default" (?) et ça me semble gênant de faire des modifs ailleurs que dans le répertoire du thème.

Mais tes idées m'en ont donné une nouvelle qui me semble assez potable : en fait
- je renomme "style.css" en "style_original.css" et j'y enlève le "import custom.css"
- je renomme "custom.css" en "style.css" et j'y ajoute "import style_original.css"

du coup style.css est le css appelé d'abord (pas besoin de changer le html), il commence par appeler style_original.css et ensuite il fait mes (éventuelles) modifs à moi. il y a peut-être des inconvénients auxquels je n'ai pas pensé, mais ça me semble raisonnable comme méthode ?

Encore merci et merci encore pour ton aide !

Hermione - Kozlika

Kozlika — Mon, 02 Jul 2007 06:44:22 +0200

Tu as tout bon pour le 1 et le 2.

Flûte pour le 3, tu as raison, le @import est lu avant la css maîtresse et donc les règles données dans custom.css sont annulées par style.css. Du coup si le changement est du chou pour chou et non un ajout, la modif est inopérante...

Tu peux essayer plusieurs choses :

mettre la ligne d'import du custom.css à la fin de la css (pas sûre que ça change quelque chose mais c'est à essayer ;
donner aux règles différentes un poids plus important. C'est assez pointu, je te suggère si tu veux tester cette solution de décortiquer l'article de Marc pour comprendre la cascade ;
enlever l'import de custom.css de style.css et le placer dans le fichier _head.html juste après la ligne d'import de style.css ;
enlever purement et simplement l'import du custom.css et placer les règles contraires à la fin du fichier, comme tu l'as fait et en identifiant clairement grâce à un commentaire la fin de la css originelle et le début de tes personnalisations.

Je pense que la première (si elle fonctionne...) et la dernière solutions sont les plus simples. La dernière réclame cependant d'en prendre mentalement note pour que si ce thème devait être mis à jour tu penses à reporter ces règles à la fin de la nouvelle css.

(Au fait, si ça t'intéresse il existe désormais une liste d'entraide pour mes thèmes. Pour s'inscrire il faut envoyer un mail à dcKozThemes (@) ml.free.fr en indiquant dans le champ Sujet Subscribe)

Hermione - Ermo

Ermo — Mon, 02 Jul 2007 00:23:59 +0200

D'abord mille mercis Kozlika pour ce thème très beau, très "zen" (et merci pour tout le reste aussi d'ailleurs !).

Alors voilà, je découvre petit à petit les subtilités de la personnalisation et je ne suis pas certain d'avoir bien compris :
1) le fichier custom.css dans le répertoire du thème n'a rien à voir avec la méthode "custom theme" disponible via l'interface dc2 (décrite à http://doc.dotclear.net/2.0/admin/t...), je crois ?
2) sauf erreur, la méthode "custom theme" ne permet pas de prendre en compte les fichier html du thème, puisque seule la partie décrite dans le CSS est reprise par le "@import ../themes/hermione/style.css" ? (d'où absence du nuage de tags en haut quand j'ai essayé de cette façon :-()
3) en conséquence, si je veux garder le nuage de tags sur l'image du haut mais changer l'image, je dois utiliser le "custom.css" pour changer seulement l'image (et garder "hermione" comme thème), j'ai bon ?

mais euh, pardon d'être bête mais ça marche pas : on dirait bien que les définitions du custom.css sont redéfinies dans le style.css, et ce sont ces dernières qui restent (ce qui me semble confirmé par le fait que ça marche bien si je copie mes changements à la fin du style.css)...

S'il était possible de m'indiquer où j'ai faux dans l'histoire et donc comment personnaliser ce chouette thème "proprement", je vous en serai très reconnaissant, ô grande prêtresse Kozlika...

Papageno - freetux

freetux — Mon, 14 May 2007 12:20:46 +0200

Merci beaucoup pour ce thème qui est vraiment sympa. je me suis de la structure 3 colonnes fluide pour refaire le thème de mon blog.

Le résultat est visible sur http://www.freetux.net

Merci encore pour toutes tes contributions.

@++

Hermione - Cedric

Cedric — Sun, 13 May 2007 11:43:35 +0200

Adapté pour Gandiblog ici. Simplissime.

http://blog.cedricgodart.net

Papageno - Sanji

Sanji — Sat, 31 Mar 2007 16:44:01 +0200

Bonjour

Et bien j'ai profité de la proposition et j'ai utilisé ce thème.
J'ai modifié 3 bricoles, mais pas grand chose. Si, le survol des tags qui les rend presque invisibles. Je lui ai mis le même style que pour les autres liens de la colonne de gauche.
J'ai quelques envies complémentaire, mais on verra doucement...

Merci.

Hermione - David Latapie

David Latapie — Wed, 28 Feb 2007 20:42:39 +0100

Merci beaucoup pour ce thème. J’aime ton « jeu de mots » sur le nuage de tag au sens propre :-) Il me semblait qu’il y avait pas le passé réellement des nuages dans l’image, mais je vois que ce n’est plus le cas. Peut-être avais-je rêvé…

Une question technique : pourquoi avoir mis les personnalisations en haut de style.css et non en bas ? En étant en bas, elles ne seront pas forcément prises en compte. Certes, ça incite les utilisateurs à ne pas simplement « plâtrer » des règles CSS en laissant l’ordre d’affichage déboguer le tout, mais je me pose quand même la question.

Encore merci à toi !

Hotel Room - Marie

Marie — Thu, 08 Feb 2007 10:24:42 +0000

Bonjour, je suis une toute débutante et je viens de tombé sur ce theme par hasard que je trouve tres beau... je voudrais l'employé pour la création d'un blog de restaurant bresilien... mais je ne suis vraiment pas doué et le language informatique n'est pas trop pour moi..... comment puis je faire pour installer ce theme...jusqu'a maintenant je faisais un copier/coller de l'installateur...mais la je ne trouve nul part comment faire..pardonnez moi... mais j'essaie juste de gratouillé et j'ai beaucoup de mal...
merci d'avance pour votre aide

Hotel Room - François

François — Thu, 08 Feb 2007 05:30:51 +0000

Allez, il faut bien que je mette moi aussi un petit commentaire étant donné que je fais partie des utilisateurs de ce joli thème. Je n'ai pas trop le temps, ni le talent pour me faire mon propre thème, donc merci d'en mettre de si jolis à disposition! Ça colle parfaitement avec mon blog!

Hermione - Celine

Celine — Wed, 31 Jan 2007 00:47:33 +0100

Je suis désolée pour l'erreur, je viens de vérifier, je croyais avoir installé dotclear 2 et je m'aperçois que c'est le 1.2.5, je ne sais pas ce que j'ai fichu...
Mille excuses pour le dérangement

Hermione - Kozlika

Kozlika — Tue, 30 Jan 2007 15:29:37 +0100

Bonjour Céline. C'est bien d'un blog Dotclear 2.0 dont nous parlons ?

Hermione - Celine

Celine — Tue, 30 Jan 2007 10:21:41 +0100

Bonjour, j'aime beaucoup le thème Hermione, malheureusement impossible de le voir dans la liste des thèmes. Que j'utilise le lien de l'installeur, ou que je décompresse moi même l'archive dans le dossier de themes, le gestionnaire ne voit pas Hermione ! Comment lui rendre la vue ?

Hotel Room - Kozlika

Kozlika — Fri, 26 Jan 2007 08:39:46 +0000

Merci s@lv@, contente d'être utile :)

Hotel Room - s@lv@

s@lv@ — Fri, 26 Jan 2007 04:04:17 +0000

Merci bcp, j'ai parcouru avec plaisir et avidité vos diff. tutoriels sur le wiki de Dotclear, mazette bravo pour votre pédagogie à l'encontre des newbies comme moi, et sur la base du theme HotelRoom j'ai utilisé mes propres couleurs.

Cela n'a plus rien à voir, mais le principe reste le même. Encore mille mercis !

Papageno - linux72

linux72 — Thu, 18 Jan 2007 11:52:54 +0100

non, c'est bien mon blog (un seul me suffit, surtout vu le taf ;-) )
Mais j'ai deja eu le probleme avec le plugin visite, l'affichiffage n'est pris en compte que le lendemain, ou le surlendemain a partir de l'endroit ou j'ai fait la modif. Bien qu'ayant vider le cache dotclear (suppression du répertoire cbtpl dans /tmp, et enregistrement d'un autre thème pour revenir ensuite au premier), le cache de firefox, et celui d'ie6.
comprend pas.
Peut etre un cache chez 1and1 ?

Papageno - Kozlika

Kozlika — Thu, 18 Jan 2007 11:47:24 +0100

Euh.. je viens d'aller voir chez toi, le nuage y est http://www.cheztiti.fr/dotclear/ ou c'est sur un autre blog ?

Papageno - linux72

linux72 — Thu, 18 Jan 2007 11:43:44 +0100

j'ai fait la modif dans mon css :
rempalcer cela:
--
/* tags en post et en page de tous les tags
.dc-tags #content ul li, .dc-tags #content ul li a, #tags ul li, #tags ul li a {
display : inline;
width : auto;
padding-left : 0;
padding-right : 4px;
background : transparent;
line-height : 1.5em;
}

tags ul li a:hover {

background-image :none;
}
.dc-tags .tag0, #tags .tag0 { font-size: 85%; }
.dc-tags .tag10, #tags .tag10 { font-size: 90%; }
.dc-tags .tag20, #tags .tag20 { font-size: 95%; }
.dc-tags .tag30, #tags .tag30 { font-size: 100%; }
.dc-tags .tag40, #tags .tag40 { font-size: 105%; }
.dc-tags .tag50, #tags .tag50 { font-size: 110%; }
.dc-tags .tag60, #tags .tag60 { font-size: 115%; }
.dc-tags .tag70, #tags .tag70 { font-size: 120%; }
.dc-tags .tag80, #tags .tag80 { font-size: 125%; }
.dc-tags .tag90, #tags .tag90 { font-size: 130%; }
.dc-tags .tag100, #tags .tag100 { font-size: 135%; }*/
--
par
--
/* tags en post et en page de tous les tags */
.dc-tags ul.tags li, .dc-tags ul.tags li a, #sidebar .tags ul li, #sidebar .tags ul li a {
display : inline;
width : auto;
padding-left : 0;
padding-right : 4px;
background : transparent;
line-height : 1.5em;
}

sidebar .tags ul li a:hover {

background-image :none;
}
.tag0 { font-size: 85%; }
.tag10 { font-size: 90%; }
.tag20 { font-size: 95%; }
.tag30 { font-size: 100%; }
.tag40 { font-size: 105%; }
.tag50 { font-size: 110%; }
.tag60 { font-size: 115%; }
.tag70 { font-size: 120%; }
.tag80 { font-size: 125%; }
.tag90 { font-size: 130%; }
.tag100 { font-size: 135%; }
--

mais le résultat ne change pas ,et j'ai vidé tous les caches (firefox et dotclear2), et essayer sur firefox et ei6.

Papageno - Kozlika

Kozlika — Thu, 18 Jan 2007 10:42:32 +0100

Et il y a un souci de priorité : il faut mettre #sidebar .tags, le seul .tags ne va pas suffire. (j'ai fait la modif en direct, tu peux copier la partie concernant les tags et la coller dans ta css)

http://jetheme.klafoutis.org/themes...