<?xml version="1.0" encoding="utf-8"?><?xml-stylesheet title="XSL formatting" type="text/xsl" href="https://ateliers.klafoutis.org/feed/rss2/xslt" ?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Les ateliers du klafoutis - Mot-clé - élastique</title>
    <link>https://ateliers.klafoutis.org/</link>
    <atom:link href="https://ateliers.klafoutis.org/feed/tag/%C3%A9lastique/rss2" rel="self" type="application/rss+xml" />
    <description>Là où Kozlika tricote et détricote le html, les css et surtout Dotclear.</description>
    <language>fr</language>
    <pubDate>Fri, 15 May 2026 16:52:13 +0200</pubDate>
    <copyright></copyright>
    <docs>http://blogs.law.harvard.edu/tech/rss</docs>
    <generator>Dotclear</generator>
          <item>
        <title>Obéron</title>
        <link>https://ateliers.klafoutis.org/post/2006/07/13/Oberon</link>
        <guid isPermaLink="false">urn:md5:52c597fd190b052b5ab349c31ddbf8c3</guid>
        <pubDate>Thu, 13 Jul 2006 11:52:00 +0000</pubDate>
        <dc:creator>Kozlika</dc:creator>
                  <category>Thèmes pour Dotclear 1</category>
                          <category>2 colonnes</category>
                  <category>Dotclear 2</category>
                  <category>élastique</category>
                  <category>thèmes</category>
                <description>&lt;p&gt;Obé&amp;shy;ron est une adap&amp;shy;ta&amp;shy;tion pour Dot&amp;shy;Clear 2 du thème &lt;a href=&quot;https://ateliers.klafoutis.org/post/2005/05/25/18-keldroledenom&quot;&gt;Kel&amp;shy;dro&amp;shy;le&amp;shy;de&amp;shy;nom pour DC1&lt;/a&gt;.&lt;/p&gt; &lt;p&gt;&lt;img src=&quot;https://ateliers.klafoutis.org/public/themes-dc2/oberon/oberon.jpg&quot; alt=&quot;oberon.jpg&quot; style=&quot;display:block; margin:0 auto;&quot; title=&quot;oberon.jpg, oct. 2008&quot; /&gt;&lt;/p&gt;


&lt;p&gt;Pour per&amp;shy;son&amp;shy;na&amp;shy;li&amp;shy;ser ce thème, je recom&amp;shy;mande d&amp;#8217;effec&amp;shy;tuer les modi&amp;shy;fi&amp;shy;ca&amp;shy;tions ou ajouts dans le fichier cus&amp;shy;tom.css pré&amp;shy;sent dans le réper&amp;shy;toire du thème.&lt;/p&gt;


&lt;p&gt;Le fichier &lt;code&gt;archive_month.html&lt;/code&gt; a été per&amp;shy;son&amp;shy;na&amp;shy;lisé&lt;sup&gt;[&lt;a href=&quot;https://ateliers.klafoutis.org/post/2006/07/13/Oberon#pnote-236-1&quot; id=&quot;rev-pnote-236-1&quot;&gt;1&lt;/a&gt;]&lt;/sup&gt; le reste est en css only.&lt;/p&gt;


&lt;p&gt;&lt;a href=&quot;http://themes.dotaddict.org/galerie-dc2/details/Oberon&quot;&gt;Télé&amp;shy;char&amp;shy;ge&amp;shy;ment et démons&amp;shy;tra&amp;shy;tion&lt;/a&gt; sur Dotad&amp;shy;dict.&lt;/p&gt;


&lt;hr /&gt;


&lt;p&gt;Note&amp;#160;: &lt;a href=&quot;http://www.operatoday.com/content/2006/03/weber_oberon.php&quot;&gt;Obé&amp;shy;ron&lt;/a&gt; est le héros de l&amp;#8217;opéra du même nom, com&amp;shy;posé en 1826 par Karl Maria von Weber sur un livret de James Robin&amp;shy;son Plan&amp;shy;ché, d&amp;#8217;après Les Son&amp;shy;ges d&amp;#8217;une nuit d&amp;#8217;été de William Sha&amp;shy;kes&amp;shy;peare A Mid&amp;shy;sum&amp;shy;mer Night&amp;#8217;s Dream. &lt;em&gt;«&amp;#160;Le chan&amp;shy;teur Roth, a décrit une pro&amp;shy;me&amp;shy;nade qu&amp;#8217;il fit pen&amp;shy;dant l&amp;#8217;été de 1824 avec Weber dans la cam&amp;shy;pa&amp;shy;gne de Dresde&amp;#160;: la lumière était éblouis&amp;shy;sante et l&amp;#8217;on n&amp;#8217;enten&amp;shy;dait pas un son, sinon un très léger et loin&amp;shy;tain bour&amp;shy;don&amp;shy;ne&amp;shy;ment d&amp;#8217;insec&amp;shy;tes. Weber s&amp;#8217;arrêta, mit un doigt sur sa bou&amp;shy;che et mur&amp;shy;mura&amp;#160;: Obe&amp;shy;ron.&amp;#160;»&lt;/em&gt; A. Coe&amp;shy;roy (&lt;a href=&quot;http://www.forumopera.com/critiques/oberon_weber.htm&quot;&gt;Source&lt;/a&gt;.)&lt;/p&gt;


&lt;p&gt;&lt;em&gt;Enre&amp;shy;gis&amp;shy;tre&amp;shy;ment recom&amp;shy;mandé&amp;#160;:&lt;/em&gt; &lt;a href=&quot;http://www.forumopera.com/critiques/oberon_weber.htm&quot;&gt;Obé&amp;shy;ron&lt;/a&gt;, avec Steve Davis&amp;shy;lim, Hil&amp;shy;levi Mar&amp;shy;tin&amp;shy;pelto, Mon&amp;shy;te&amp;shy;verdi Choir, Orches&amp;shy;tre révo&amp;shy;lu&amp;shy;tion&amp;shy;naire et roman&amp;shy;ti&amp;shy;que, sous la direc&amp;shy;tion de John Eliot Gar&amp;shy;di&amp;shy;ner. Edi&amp;shy;tions Deut&amp;shy;sche Gram&amp;shy;mo&amp;shy;phon.&lt;/p&gt;
&lt;div class=&quot;footnotes&quot;&gt;&lt;h4&gt;Notes&lt;/h4&gt;
&lt;p&gt;[&lt;a href=&quot;https://ateliers.klafoutis.org/post/2006/07/13/Oberon#rev-pnote-236-1&quot; id=&quot;pnote-236-1&quot;&gt;1&lt;/a&gt;] MàJ du 17/10/06. Ce thème a été mis à jour pour tenir compte de la nou&amp;shy;velle inser&amp;shy;tion du pré&amp;shy;lude dans le fichier _top.html et de l&amp;#8217;appel des feuilles de style dans le fichier __head.html, si vous avez télé&amp;shy;chargé ce thème avant aujourd&amp;#8217;hui, télé&amp;shy;char&amp;shy;gez la nou&amp;shy;velle archive et rem&amp;shy;pla&amp;shy;cez sim&amp;shy;ple&amp;shy;ment le fichier &lt;code&gt;archive_month.html&lt;/code&gt; ancien par celui qui s&amp;#8217;y trouve.&lt;/p&gt;&lt;/div&gt;
</description>
        
              </item>
          <item>
        <title>Madame Butterfly</title>
        <link>https://ateliers.klafoutis.org/post/2006/07/09/Madame-Butterfly</link>
        <guid isPermaLink="false">urn:md5:3808ac4729721e534974f23ad3fd1bf8</guid>
        <pubDate>Sun, 09 Jul 2006 11:33:00 +0000</pubDate>
        <dc:creator>Kozlika</dc:creator>
                  <category>Thèmes pour Dotclear 1</category>
                          <category>2 colonnes</category>
                  <category>Dotclear 2</category>
                  <category>élastique</category>
                  <category>pure css</category>
                  <category>thèmes</category>
                <description>&lt;p&gt;But&amp;shy;ter&amp;shy;fly est une adap&amp;shy;ta&amp;shy;tion pour Dot&amp;shy;Clear 2 du thème &lt;a href=&quot;https://ateliers.klafoutis.org/post/2004/09/05/3-kimono&quot;&gt;Kimono pour DC1&lt;/a&gt;.&lt;/p&gt; &lt;p&gt;&lt;img src=&quot;https://ateliers.klafoutis.org/public/themes-dc2/butterfly/butterfly.jpg&quot; alt=&quot;butterfly.jpg&quot; style=&quot;display:block; margin:0 auto;&quot; title=&quot;butterfly.jpg, oct. 2008&quot; /&gt;&lt;/p&gt;


&lt;p&gt;Pour per&amp;shy;son&amp;shy;na&amp;shy;li&amp;shy;ser ce thème, je recom&amp;shy;mande d&amp;#8217;ajou&amp;shy;ter les modi&amp;shy;fi&amp;shy;ca&amp;shy;tions ou ajouts dans le fichier cus&amp;shy;tom.css pré&amp;shy;sent dans le réper&amp;shy;toire du thème.&lt;/p&gt;


&lt;p&gt;Ce thème est CSS only (il uti&amp;shy;lise les fichiers html du thème par défaut).&lt;/p&gt;


&lt;p&gt;&lt;a href=&quot;http://themes.dotaddict.org/galerie-dc2/details/Madame-Butterfly&quot;&gt;Télé&amp;shy;char&amp;shy;ge&amp;shy;ment et démons&amp;shy;tra&amp;shy;tion&lt;/a&gt; sur Dotad&amp;shy;dict.&lt;/p&gt;


&lt;hr /&gt;


&lt;p&gt;&lt;strong&gt;Note&amp;#160;:&lt;/strong&gt; Madame But&amp;shy;ter&amp;shy;fly est l&amp;#8217;héroïne de &lt;a href=&quot;http://fr.wikipedia.org/wiki/Madame_Butterfly&quot;&gt;l&amp;#8217;opéra épo&amp;shy;nyme&lt;/a&gt;, com&amp;shy;posé par Gia&amp;shy;como Puc&amp;shy;cini sur un livret de Giu&amp;shy;seppe Gia&amp;shy;cosa et Luigi Illica. L&amp;#8217;ambiance du thème fait bien entendu allu&amp;shy;sion au fait que l&amp;#8217;opéra se situe au Japon. (Euh oui, les idéo&amp;shy;gram&amp;shy;mes sont chi&amp;shy;nois, vous n&amp;#8217;allez pas me chi&amp;shy;po&amp;shy;ter pour si peu&amp;#160;? ;-))&lt;/p&gt;


&lt;p&gt;Enre&amp;shy;gis&amp;shy;tre&amp;shy;ment recom&amp;shy;mandé&amp;#160;: &lt;a href=&quot;http://www.allmusic.com/cg/amg.dll?p=amg&amp;amp;token=&amp;amp;sql=43:53770&quot;&gt;Madame But&amp;shy;ter&amp;shy;fly&lt;/a&gt;, avec Mirella Freni, Luciano Pava&amp;shy;rotti, Christa Lud&amp;shy;wig, le Wie&amp;shy;ner Phil&amp;shy;har&amp;shy;mo&amp;shy;nic Orches&amp;shy;tra, sous la direc&amp;shy;tion d&amp;#8217;Her&amp;shy;bert von Kara&amp;shy;jan. Edi&amp;shy;tions EMI.&lt;/p&gt;</description>
        
              </item>
          <item>
        <title>Hotel Room</title>
        <link>https://ateliers.klafoutis.org/post/2005/10/31/20-hotel-room</link>
        <guid isPermaLink="false">urn:md5:a5748e7c111b234aaf469c370d2cd8a7</guid>
        <pubDate>Mon, 31 Oct 2005 07:21:00 +0000</pubDate>
        <dc:creator>Kozlika</dc:creator>
                  <category>Thèmes pour Dotclear 1</category>
                          <category>2 colonnes</category>
                  <category>Dotclear 1</category>
                  <category>élastique</category>
                  <category>thèmes</category>
                <description>&lt;p&gt;Tona&amp;shy;li&amp;shy;tés et image du fond ins&amp;shy;pi&amp;shy;rés du tableau &lt;em&gt;Hôtel Room&lt;/em&gt; d&amp;#8217;Edward Hop&amp;shy;per.&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;https://ateliers.klafoutis.org/public/themes-dc1/hotelroom/hotelroom.png&quot;&gt;&lt;img src=&quot;https://ateliers.klafoutis.org/public/themes-dc1/hotelroom/.hotelroom_m.jpg&quot; alt=&quot;hotelroom.png&quot; style=&quot;display:block; margin:0 auto;&quot; title=&quot;hotelroom.png, nov. 2007&quot; /&gt;&lt;/a&gt;&lt;/p&gt;


&lt;p&gt;Hotel Room est un thème élas&amp;shy;ti&amp;shy;que (la lar&amp;shy;geur s&amp;#8217;adapte à celle de l&amp;#8217;écran). L&amp;#8217;idée m&amp;#8217;en est venue après la lec&amp;shy;ture d&amp;#8217;un billet chez &lt;a href=&quot;https://ateliers.klafoutis.org/post/2005/10/31/nonal.net/2005/08/07/274-&quot;&gt;Nonal&lt;/a&gt;, qui aime Hop&amp;shy;per autant que moi. Pour le voir, &lt;a href=&quot;https://ateliers.klafoutis.org/?type_url=path_info&amp;amp;theme=hotelroom&quot;&gt;on cli&amp;shy;que là&lt;/a&gt;, pour tes&amp;shy;ter le rendu des bali&amp;shy;ses xhtml/wiki vous pou&amp;shy;vez &lt;a href=&quot;https://ateliers.klafoutis.org/index.php/2004/09/04/1-first-post&quot;&gt;affi&amp;shy;cher le billet de test&lt;/a&gt;.&lt;/p&gt;


&lt;p&gt;Comme pour la plu&amp;shy;part de mes autres thè&amp;shy;mes, j&amp;#8217;ai ajouté des clas&amp;shy;ses uti&amp;shy;li&amp;shy;sa&amp;shy;bles lors de la sai&amp;shy;sie des billets&amp;#160;: &lt;code&gt;center&lt;/code&gt; pour cen&amp;shy;trer, &lt;code&gt;right&lt;/code&gt; pour ali&amp;shy;gner le texte à droite, &lt;code&gt;peti&amp;shy;tes-cap&lt;/code&gt; pour les peti&amp;shy;tes majus&amp;shy;cu&amp;shy;les.&lt;/p&gt;


&lt;p&gt;Si vous uti&amp;shy;li&amp;shy;sez la syn&amp;shy;taxe wiki, il suf&amp;shy;fit de pas&amp;shy;ser le temps de cette mise en forme en syn&amp;shy;taxe html comme dans l&amp;#8217;exem&amp;shy;ple sui&amp;shy;vant&amp;#160;:&lt;/p&gt;

&lt;pre&gt;///html
&amp;lt;p class=&quot;right&quot;&amp;gt;Zan&amp;shy;zi&amp;shy;bar, le 23 jan&amp;shy;vier 1975.&amp;lt;/p&amp;gt;
///&lt;/pre&gt;


&lt;p&gt;&lt;a href=&quot;http://themes.dotaddict.org/galerie-dc1/details/Hotel-Room&quot;&gt;Télé&amp;shy;char&amp;shy;ge&amp;shy;ment et démo&lt;/a&gt; sur Dotad&amp;shy;dict.&lt;/p&gt;</description>
        
              </item>
          <item>
        <title>Kimogeek</title>
        <link>https://ateliers.klafoutis.org/post/2007/12/25/Kimogeek</link>
        <guid isPermaLink="false">urn:md5:ef2885f9d616179e68a30b51a66f9809</guid>
        <pubDate>Sun, 05 Sep 2004 23:26:00 +0200</pubDate>
        <dc:creator>Kozlika</dc:creator>
                  <category>Thèmes pour Dotclear 1</category>
                          <category>2 colonnes</category>
                  <category>Dotclear 1</category>
                  <category>élastique</category>
                  <category>thèmes</category>
                <description>&lt;p&gt;Varia&amp;shy;tion basée sur le thème Kimono, Kimo&amp;shy;geek est&amp;#8230; geek :)&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;https://ateliers.klafoutis.org/public/themes-dc1/kimogeek/kimogeek.png&quot;&gt;&lt;img src=&quot;https://ateliers.klafoutis.org/public/themes-dc1/kimogeek/.kimogeek_m.jpg&quot; alt=&quot;kimogeek.png&quot; style=&quot;display:block; margin:0 auto;&quot; title=&quot;kimogeek.png, nov. 2007&quot; /&gt;&lt;/a&gt;&lt;/p&gt;


&lt;p&gt;Comme son grand frère Kimono, Kimo&amp;shy;geek, est un thème &lt;strong&gt;élas&amp;shy;ti&amp;shy;que&lt;/strong&gt; c&amp;#8217;est-à-dire que tou&amp;shy;tes les mesu&amp;shy;res sont pro&amp;shy;por&amp;shy;tion&amp;shy;nel&amp;shy;les à la taille des carac&amp;shy;tè&amp;shy;res uti&amp;shy;li&amp;shy;sés par votre visi&amp;shy;teur. Il ne faut pas con&amp;shy;fon&amp;shy;dre élas&amp;shy;ti&amp;shy;que avec &lt;strong&gt;fluide&lt;/strong&gt;, qui signi&amp;shy;fie que les tailles des élé&amp;shy;ments varient en fonc&amp;shy;tion de la taille de la fenê&amp;shy;tre du navi&amp;shy;ga&amp;shy;teur.&lt;/p&gt;


&lt;p&gt;&lt;a href=&quot;http://themes.dotaddict.org/galerie-dc1/details/Kimogeek&quot;&gt;Fiche des&amp;shy;crip&amp;shy;tive et liens de télé&amp;shy;char&amp;shy;ge&amp;shy;ment&lt;/a&gt; sur Dotad&amp;shy;dict.&lt;/p&gt;</description>
        
              </item>
          <item>
        <title>Kimono</title>
        <link>https://ateliers.klafoutis.org/post/2004/09/05/3-kimono</link>
        <guid isPermaLink="false">urn:md5:c723efb897c0e082c086ea9f69c10f52</guid>
        <pubDate>Sun, 05 Sep 2004 18:38:00 +0000</pubDate>
        <dc:creator>Kozlika</dc:creator>
                  <category>Thèmes pour Dotclear 1</category>
                          <category>2 colonnes</category>
                  <category>Dotclear 1</category>
                  <category>élastique</category>
                  <category>thèmes</category>
                <description>&lt;p&gt;Mon pre&amp;shy;mier thème pour Dot&amp;shy;clear.&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;https://ateliers.klafoutis.org/public/themes-dc1/kimono/kimono.png&quot;&gt;&lt;img src=&quot;https://ateliers.klafoutis.org/public/themes-dc1/kimono/.kimono_m.jpg&quot; alt=&quot;kimono.png&quot; style=&quot;display:block; margin:0 auto;&quot; title=&quot;kimono.png, nov. 2007&quot; /&gt;&lt;/a&gt;&lt;/p&gt;


&lt;p&gt;Kimono et sa varia&amp;shy;tion, Kimo&amp;shy;geek, sont des thè&amp;shy;mes &lt;strong&gt;élas&amp;shy;ti&amp;shy;ques&lt;/strong&gt; c&amp;#8217;est-à-dire que tou&amp;shy;tes les mesu&amp;shy;res sont pro&amp;shy;por&amp;shy;tion&amp;shy;nel&amp;shy;les à la taille des carac&amp;shy;tè&amp;shy;res uti&amp;shy;li&amp;shy;sés par votre visi&amp;shy;teur. Il ne faut pas con&amp;shy;fon&amp;shy;dre élas&amp;shy;ti&amp;shy;que avec &lt;strong&gt;fluide&lt;/strong&gt;, qui signi&amp;shy;fie que les tailles des élé&amp;shy;ments varient en fonc&amp;shy;tion de la taille de la fenê&amp;shy;tre du navi&amp;shy;ga&amp;shy;teur.&lt;/p&gt;


&lt;p&gt;Si vous ren&amp;shy;con&amp;shy;trez le moin&amp;shy;dre dys&amp;shy;fonc&amp;shy;tion&amp;shy;ne&amp;shy;ment, merci de me le faire savoir ici.&lt;/p&gt;


&lt;p&gt;Ce thème a été amé&amp;shy;lioré grâce notam&amp;shy;ment à l&amp;#8217;aide de &lt;a href=&quot;http://maparole.free.fr&quot;&gt;ST&lt;/a&gt; et de &lt;a href=&quot;http://www.mudry.org/blog&quot;&gt;Julien&lt;/a&gt; qui m&amp;#8217;ont aidée pour le trai&amp;shy;te&amp;shy;ment des ima&amp;shy;ges.&lt;/p&gt;


&lt;p&gt;&lt;a href=&quot;http://themes.dotaddict.org/galerie-dc1/details/Kimono&quot;&gt;Fiche des&amp;shy;crip&amp;shy;tive et liens de télé&amp;shy;char&amp;shy;ge&amp;shy;ment&lt;/a&gt; sur Dotad&amp;shy;dict.&lt;/p&gt;</description>
        
              </item>
      </channel>
</rss>
