Les ateliers du klafoutis - Mot-clé - élastiqueLà où Kozlika tricote et détricote le xhtml, les css, un peu de PHP et surtout Dotclear.2022-08-05T18:53:35+02:00Kozlikaurn:md5:21990cb11f178008a2c4b268539d428aDotclearObéronurn:md5:52c597fd190b052b5ab349c31ddbf8c32006-07-13T11:52:00+00:002009-01-03T14:58:07+00:00KozlikaThèmes pour Dotclear 22 colonnesDotclear 2thèmesélastique<p>Obé­ron est une adap­ta­tion pour Dot­Clear 2 du thème <a href="http://ateliers.klafoutis.org/post/2005/05/25/18-keldroledenom">Kel­dro­le­de­nom pour DC1</a>.</p> <p><img src="http://ateliers.klafoutis.org/public/themes-dc2/oberon/oberon.jpg" alt="oberon.jpg" style="display:block; margin:0 auto;" title="oberon.jpg, oct. 2008" /></p>
<p>Pour per­son­na­li­ser ce thème, je recom­mande d’effec­tuer les modi­fi­ca­tions ou ajouts dans le fichier cus­tom.css pré­sent dans le réper­toire du thème.</p>
<p>Le fichier <code>archive_month.html</code> a été per­son­na­lisé<sup>[<a href="http://ateliers.klafoutis.org/post/2006/07/13/Oberon#pnote-236-1" id="rev-pnote-236-1">1</a>]</sup> le reste est en css only.</p>
<p><a href="http://themes.dotaddict.org/galerie-dc2/details/Oberon">Télé­char­ge­ment et démons­tra­tion</a> sur Dotad­dict.</p>
<hr />
<p>Note : <a href="http://www.operatoday.com/content/2006/03/weber_oberon.php">Obé­ron</a> est le héros de l’opéra du même nom, com­posé en 1826 par Karl Maria von Weber sur un livret de James Robin­son Plan­ché, d’après Les Son­ges d’une nuit d’été de William Sha­kes­peare A Mid­sum­mer Night’s Dream. <em>« Le chan­teur Roth, a décrit une pro­me­nade qu’il fit pen­dant l’été de 1824 avec Weber dans la cam­pa­gne de Dresde : la lumière était éblouis­sante et l’on n’enten­dait pas un son, sinon un très léger et loin­tain bour­don­ne­ment d’insec­tes. Weber s’arrêta, mit un doigt sur sa bou­che et mur­mura : Obe­ron. »</em> A. Coe­roy (<a href="http://www.forumopera.com/critiques/oberon_weber.htm">Source</a>.)</p>
<p><em>Enre­gis­tre­ment recom­mandé :</em> <a href="http://www.forumopera.com/critiques/oberon_weber.htm">Obé­ron</a>, avec Steve Davis­lim, Hil­levi Mar­tin­pelto, Mon­te­verdi Choir, Orches­tre révo­lu­tion­naire et roman­ti­que, sous la direc­tion de John Eliot Gar­di­ner. Edi­tions Deut­sche Gram­mo­phon.</p>
<div class="footnotes"><h4>Notes</h4>
<p>[<a href="http://ateliers.klafoutis.org/post/2006/07/13/Oberon#rev-pnote-236-1" id="pnote-236-1">1</a>] MàJ du 17/10/06. Ce thème a été mis à jour pour tenir compte de la nou­velle inser­tion 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é­char­gez la nou­velle archive et rem­pla­cez sim­ple­ment le fichier <code>archive_month.html</code> ancien par celui qui s’y trouve.</p></div>
Madame Butterflyurn:md5:3808ac4729721e534974f23ad3fd1bf82006-07-09T11:33:00+00:002009-01-03T14:58:07+00:00KozlikaThèmes pour Dotclear 22 colonnesDotclear 2pure cssthèmesélastique<p>But­ter­fly est une adap­ta­tion pour Dot­Clear 2 du thème <a href="http://ateliers.klafoutis.org/post/2004/09/05/3-kimono">Kimono pour DC1</a>.</p> <p><img src="http://ateliers.klafoutis.org/public/themes-dc2/butterfly/butterfly.jpg" alt="butterfly.jpg" style="display:block; margin:0 auto;" title="butterfly.jpg, oct. 2008" /></p>
<p>Pour per­son­na­li­ser ce thème, je recom­mande d’ajou­ter les modi­fi­ca­tions ou ajouts dans le fichier cus­tom.css pré­sent dans le réper­toire du thème.</p>
<p>Ce thème est CSS only (il uti­lise les fichiers html du thème par défaut).</p>
<p><a href="http://themes.dotaddict.org/galerie-dc2/details/Madame-Butterfly">Télé­char­ge­ment et démons­tra­tion</a> sur Dotad­dict.</p>
<hr />
<p><strong>Note :</strong> Madame But­ter­fly est l’héroïne de <a href="http://fr.wikipedia.org/wiki/Madame_Butterfly">l’opéra épo­nyme</a>, com­posé par Gia­como Puc­cini sur un livret de Giu­seppe Gia­cosa et Luigi Illica. L’ambiance du thème fait bien entendu allu­sion au fait que l’opéra se situe au Japon. (Euh oui, les idéo­gram­mes sont chi­nois, vous n’allez pas me chi­po­ter pour si peu ? ;-))</p>
<p>Enre­gis­tre­ment recom­mandé : <a href="http://www.allmusic.com/cg/amg.dll?p=amg&token=&sql=43:53770">Madame But­ter­fly</a>, avec Mirella Freni, Luciano Pava­rotti, Christa Lud­wig, le Wie­ner Phil­har­mo­nic Orches­tra, sous la direc­tion d’Her­bert von Kara­jan. Edi­tions EMI.</p>Hotel Roomurn:md5:a5748e7c111b234aaf469c370d2cd8a72005-10-31T07:21:00+00:002009-01-02T09:58:57+00:00KozlikaThèmes pour Dotclear 12 colonnesDotclear 1thèmesélastique<p>Tona­li­tés et image du fond ins­pi­rés du tableau <em>Hôtel Room</em> d’Edward Hop­per.</p> <p><a href="http://ateliers.klafoutis.org/public/themes-dc1/hotelroom/hotelroom.png"><img src="http://ateliers.klafoutis.org/public/themes-dc1/hotelroom/.hotelroom_m.jpg" alt="hotelroom.png" style="display:block; margin:0 auto;" title="hotelroom.png, nov. 2007" /></a></p>
<p>Hotel Room est un thème élas­ti­que (la lar­geur s’adapte à celle de l’écran). L’idée m’en est venue après la lec­ture d’un billet chez <a href="http://ateliers.klafoutis.org/post/2005/10/31/nonal.net/2005/08/07/274-">Nonal</a>, qui aime Hop­per autant que moi. Pour le voir, <a href="http://ateliers.klafoutis.org/?type_url=path_info&theme=hotelroom">on cli­que là</a>, pour tes­ter le rendu des bali­ses xhtml/wiki vous pou­vez <a href="http://ateliers.klafoutis.org/index.php/2004/09/04/1-first-post">affi­cher le billet de test</a>.</p>
<p>Comme pour la plu­part de mes autres thè­mes, j’ai ajouté des clas­ses uti­li­sa­bles lors de la sai­sie des billets : <code>center</code> pour cen­trer, <code>right</code> pour ali­gner le texte à droite, <code>peti­tes-cap</code> pour les peti­tes majus­cu­les.</p>
<p>Si vous uti­li­sez la syn­taxe wiki, il suf­fit de pas­ser le temps de cette mise en forme en syn­taxe html comme dans l’exem­ple sui­vant :</p>
<pre>///html
<p class="right">Zan­zi­bar, le 23 jan­vier 1975.</p>
///</pre>
<p><a href="http://themes.dotaddict.org/galerie-dc1/details/Hotel-Room">Télé­char­ge­ment et démo</a> sur Dotad­dict.</p>Kimogeekurn:md5:ef2885f9d616179e68a30b51a66f98092004-09-05T23:26:00+02:002009-01-02T10:53:51+01:00KozlikaThèmes pour Dotclear 12 colonnesDotclear 1thèmesélastique<p>Varia­tion basée sur le thème Kimono, Kimo­geek est… geek :)</p> <p><a href="http://ateliers.klafoutis.org/public/themes-dc1/kimogeek/kimogeek.png"><img src="http://ateliers.klafoutis.org/public/themes-dc1/kimogeek/.kimogeek_m.jpg" alt="kimogeek.png" style="display:block; margin:0 auto;" title="kimogeek.png, nov. 2007" /></a></p>
<p>Comme son grand frère Kimono, Kimo­geek, est un thème <strong>élas­ti­que</strong> c’est-à-dire que tou­tes les mesu­res sont pro­por­tion­nel­les à la taille des carac­tè­res uti­li­sés par votre visi­teur. Il ne faut pas con­fon­dre élas­ti­que avec <strong>fluide</strong>, qui signi­fie que les tailles des élé­ments varient en fonc­tion de la taille de la fenê­tre du navi­ga­teur.</p>
<p><a href="http://themes.dotaddict.org/galerie-dc1/details/Kimogeek">Fiche des­crip­tive et liens de télé­char­ge­ment</a> sur Dotad­dict.</p>Kimonourn:md5:c723efb897c0e082c086ea9f69c10f522004-09-05T18:38:00+00:002009-01-02T09:52:32+00:00KozlikaThèmes pour Dotclear 12 colonnesDotclear 1thèmesélastique<p>Mon pre­mier thème pour Dot­clear.</p> <p><a href="http://ateliers.klafoutis.org/public/themes-dc1/kimono/kimono.png"><img src="http://ateliers.klafoutis.org/public/themes-dc1/kimono/.kimono_m.jpg" alt="kimono.png" style="display:block; margin:0 auto;" title="kimono.png, nov. 2007" /></a></p>
<p>Kimono et sa varia­tion, Kimo­geek, sont des thè­mes <strong>élas­ti­ques</strong> c’est-à-dire que tou­tes les mesu­res sont pro­por­tion­nel­les à la taille des carac­tè­res uti­li­sés par votre visi­teur. Il ne faut pas con­fon­dre élas­ti­que avec <strong>fluide</strong>, qui signi­fie que les tailles des élé­ments varient en fonc­tion de la taille de la fenê­tre du navi­ga­teur.</p>
<p>Si vous ren­con­trez le moin­dre dys­fonc­tion­ne­ment, merci de me le faire savoir ici.</p>
<p>Ce thème a été amé­lioré grâce notam­ment à l’aide de <a href="http://maparole.free.fr">ST</a> et de <a href="http://www.mudry.org/blog">Julien</a> qui m’ont aidée pour le trai­te­ment des ima­ges.</p>
<p><a href="http://themes.dotaddict.org/galerie-dc1/details/Kimono">Fiche des­crip­tive et liens de télé­char­ge­ment</a> sur Dotad­dict.</p>