<?xml version="1.0" encoding="utf-8"?><?xml-stylesheet title="XSL formatting" type="text/xsl" href="http://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 - Tag - 1 colonne</title>
  <link>http://ateliers.klafoutis.org/</link>
  <atom:link href="http://ateliers.klafoutis.org/feed/tag/1%20colonne/rss2" rel="self" type="application/rss+xml"/>
  <description>Là où Kozlika tricote et détricote le xhtml, les css, un peu de PHP et surtout Dotclear.</description>
  <language>fr</language>
  <pubDate>Mon, 05 Jan 2009 21:00:00 +0100</pubDate>
  <copyright></copyright>
  <docs>http://blogs.law.harvard.edu/tech/rss</docs>
  <generator>Dotclear</generator>
  
    
  <item>
    <title>Don Carlo</title>
    <link>http://ateliers.klafoutis.org/post/2009/01/01/Don-Carlo</link>
    <guid isPermaLink="false">urn:md5:95ed8b0638fae008525ff27bfbbf1864</guid>
    <pubDate>Thu, 01 Jan 2009 08:49:00 +0100</pubDate>
    <dc:creator>Kozlika</dc:creator>
        <category>Thèmes pour Dotclear 2</category>
        <category>1 colonne</category><category>Dotclear 2</category><category>fluide</category><category>thèmes</category>    
    <description>&lt;p&gt;Pour la nouvelle année, voici un nouveau thème. Don Carlo, habillé de rouge et noir, est construit sur une base assez conventionnelle, mais avec quelques améliorations (du moins à mes yeux) du traitement des différents contextes par rapport aux thèmes habituels.&lt;/p&gt;    &lt;p&gt;&lt;a href=&quot;http://ateliers.klafoutis.org/public/themes-dc2/doncarlo/screenshots/doncarlo-home.png&quot;&gt;&lt;img src=&quot;http://ateliers.klafoutis.org/public/themes-dc2/doncarlo/screenshots/.doncarlo-home_m.jpg&quot; alt=&quot;doncarlo-home.png&quot; style=&quot;display:block; margin:0 auto;&quot; title=&quot;doncarlo-home.png, janv. 2009&quot; /&gt;&lt;/a&gt;&lt;/p&gt;


&lt;h3&gt;Détails du thème&lt;/h3&gt;


&lt;p&gt;&lt;em&gt;Cliquez sur les vignettes pour afficher la taille réelle.&lt;/em&gt;&lt;/p&gt;


&lt;h4&gt;Constantes&lt;/h4&gt;
&lt;ul&gt;
&lt;li&gt;La boîte de recherche propose dynamiquement des suggestions de résultats&amp;#160;; c&amp;#8217;est basé sur le plugin jQuery LiveSearch&amp;#160;; l&amp;#8217;implémentation est identique (et pour cause puisque c&amp;#8217;est là que j&amp;#8217;ai récupéré la fonction ) à celle du thème Noviny.&lt;/li&gt;
&lt;li&gt;Le menu horizontal, tout en haut à droite de la page reprend les quatre items «&amp;#160;standard&amp;#160;» de ce qu&amp;#8217;on trouve sur tous les blogs actuellement. Il présuppose que vous créiez une page (Pages) dont la partie titre de l&amp;#8217;url sera About et que vous installiez le plugin Contact Me. Si vous souhaitez modifier ou supprimer tout ou partie de ces liens, éditez le fichier _top.html&lt;/li&gt;
&lt;li&gt;Tous les widgets sont situés en bas de la page, à l&amp;#8217;exception de la recherche.&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;Accueil&lt;/h4&gt;

&lt;p&gt;&lt;a href=&quot;http://ateliers.klafoutis.org/public/themes-dc2/doncarlo/screenshots/doncarlo-home.png&quot;&gt;&lt;img src=&quot;http://ateliers.klafoutis.org/public/themes-dc2/doncarlo/screenshots/.doncarlo-home_t.jpg&quot; alt=&quot;doncarlo-home.png&quot; style=&quot;float:left; margin: 0 1em 1em 0;&quot; title=&quot;doncarlo-home.png, janv. 2009&quot; /&gt;&lt;/a&gt; La colonne de gauche du billet accueille une vignette de la première image du billet, s&amp;#8217;il n&amp;#8217;y a pas d&amp;#8217;image dans le billet mais que la description de la catégorie à laquelle il appartient en possède une, c&amp;#8217;est cette image qui sera affichée. Si ni l&amp;#8217;une ni l&amp;#8217;autre n&amp;#8217;existe cette colonne reste vide.&lt;/p&gt;


&lt;p&gt;La colonne de droite est prévue pour un bloc de présentation rapide à l&amp;#8217;intention des nouveaux venus sur votre blog. Pour en rédiger le contenu, éditez le fichier _home-aside.html.&lt;/p&gt;


&lt;h4&gt;Archives&lt;/h4&gt;

&lt;p&gt;&lt;a href=&quot;http://ateliers.klafoutis.org/public/themes-dc2/doncarlo/screenshots/doncarlo-arch.png&quot;&gt;&lt;img src=&quot;http://ateliers.klafoutis.org/public/themes-dc2/doncarlo/screenshots/.doncarlo-arch_t.jpg&quot; alt=&quot;doncarlo-arch.png&quot; style=&quot;float:left; margin: 0 1em 1em 0;&quot; title=&quot;doncarlo-arch.png, janv. 2009&quot; /&gt;&lt;/a&gt; C&amp;#8217;est un projet que j&amp;#8217;avais depuis longtemps parce que ça me semble plus logique&amp;#160;: la page des archives permet de fouiller dans les archives du blog selon trois critères&amp;#160;: chronologique, par catégorie, par tag ou d&amp;#8217;y effectuer une recherche libre.&lt;/p&gt;


&lt;p&gt;Si vous avez des souhaits supplémentaires pour cette page – par exemple si vous avez installé un plugin permettant le tri par auteurs, manifestez-vous dans les commentaires du présent billet pour que je vous aide à ajouter ce critère.&lt;/p&gt;


&lt;h4&gt;Billet seul&lt;/h4&gt;

&lt;p&gt;&lt;a href=&quot;http://ateliers.klafoutis.org/public/themes-dc2/doncarlo/screenshots/doncarlo-post.png&quot;&gt;&lt;img src=&quot;http://ateliers.klafoutis.org/public/themes-dc2/doncarlo/screenshots/.doncarlo-post_t.jpg&quot; alt=&quot;doncarlo-post.png&quot; style=&quot;float:left; margin: 0 1em 1em 0;&quot; title=&quot;doncarlo-post.png, janv. 2009&quot; /&gt;&lt;/a&gt; Un autre de mes dadas. Mettre en valeur le chapô (champ Excerpt lors de la saisie du billet) traité comme une véritable accroche de l&amp;#8217;article. Appuyé sur le flanc gauche du billet il est en caractères serif, plus gros que le corps du billet et en italique. Je décommande du coup l&amp;#8217;usage d&amp;#8217;images dans ces extraits (ou veiller à ce qu&amp;#8217;elles soient petites, sinon ça va être super moche).&lt;/p&gt;


&lt;p&gt;Les intertitres de niveau h3 à h6, en petites majuscules, sont également en police serif. Les détails de mise en forme des différentes balises peuvent être observés sur le blog de démonstration de DotAddict (du moins dès que j&amp;#8217;y aurai déposé ce thème).&lt;/p&gt;


&lt;p&gt;En affichant en taille réelle la réduction ci-contre, vous pourrez également avoir un aperçu du traitement des commentaires.&lt;/p&gt;


&lt;h4&gt;Résultats d&amp;#8217;une recherche, liste des billets d&amp;#8217;une catégorie&lt;/h4&gt;

&lt;p&gt;&lt;a href=&quot;http://ateliers.klafoutis.org/public/themes-dc2/doncarlo/screenshots/doncarlo-search.png&quot;&gt;&lt;img src=&quot;http://ateliers.klafoutis.org/public/themes-dc2/doncarlo/screenshots/.doncarlo-search_t.jpg&quot; alt=&quot;doncarlo-search.png&quot; style=&quot;float:left; margin: 0 1em 1em 0;&quot; title=&quot;doncarlo-search.png, janv. 2009&quot; /&gt;&lt;/a&gt; &lt;a href=&quot;http://ateliers.klafoutis.org/public/themes-dc2/doncarlo/screenshots/doncarlo-cat.png&quot;&gt;&lt;img src=&quot;http://ateliers.klafoutis.org/public/themes-dc2/doncarlo/screenshots/.doncarlo-cat_t.jpg&quot; alt=&quot;doncarlo-cat.png&quot; style=&quot;float:left; margin: 0 1em 1em 0;&quot; title=&quot;doncarlo-cat.png, janv. 2009&quot; /&gt;&lt;/a&gt;&lt;/p&gt;


&lt;p&gt;Ces deux contextes se voient dotés d&amp;#8217;un bandeau sur la droite. Ce bandeau accueille dans le premier cas l&amp;#8217;ensemble des résultats de la recherche et dans le deuxième cas l&amp;#8217;ensemble des billets de la catégorie sous la forme d&amp;#8217;une liste des titres des billets concernés. Dans le cas du tri par catégorie c&amp;#8217;est en haut de ce bandeau que se trouveront la description et les liens d&amp;#8217;abonnement aux billets de la catégorie.&lt;/p&gt;


&lt;p&gt;Ce bandeau est présent à l&amp;#8217;identique sur toutes les pages du contexte.&lt;/p&gt;


&lt;h4&gt;Page 404&lt;/h4&gt;

&lt;p&gt;&lt;a href=&quot;http://ateliers.klafoutis.org/public/themes-dc2/doncarlo/screenshots/doncarlo-404.png&quot;&gt;&lt;img src=&quot;http://ateliers.klafoutis.org/public/themes-dc2/doncarlo/screenshots/.doncarlo-404_t.jpg&quot; alt=&quot;doncarlo-404.png&quot; style=&quot;float:left; margin: 0 1em 1em 0;&quot; title=&quot;doncarlo-404.png, janv. 2009&quot; /&gt;&lt;/a&gt; Vous pourrez encore enrichir cette page à votre idée (en éditant le fichier 404.html) qui comporte d&amp;#8217;ores et déjà des liens pour se rendre sur la page globale des archives, vers la page de contact et vers le bloc de recherche.&lt;/p&gt;


&lt;p&gt;Pour le bloc de recherche j&amp;#8217;ai hésité un peu à le «&amp;#160;sortir&amp;#160;» du haut de page pour l&amp;#8217;intégrer dans le corps de page comme pour les archives. Si d&amp;#8217;aucuns d&amp;#8217;entre vous le souhaitent j&amp;#8217;expliquerai ici comment faire.&lt;/p&gt;


&lt;h3&gt;On peut le prendre&amp;#160;?&lt;/h3&gt;

&lt;p&gt;Oui et non. Je suis en vacances et n&amp;#8217;ai pas d&amp;#8217;Internet Explorer 6 ou 7 sous la main pour tester les pages (je me méfie de l&amp;#8217;extension pour Firefox qui s&amp;#8217;est révélée ne pas être fiable à 100%).&lt;/p&gt;


&lt;p&gt;Je serais donc ravie si quelques-uns des lecteurs de ce billet acceptaient de télécharger le thème (lien zip en pièce jointe) et le soumettre à la torture sur un poste Windows et Internet Explorer pour que je sois informée des bugs éventuels et puisse les corriger avant de le distribuer officiellement sur DotAddict. Je n&amp;#8217;ai pas testé ni pu faire tester sous Linux non plus…&lt;/p&gt;


&lt;h3&gt;Pendant quelques jours&lt;/h3&gt;

&lt;p&gt;Vous pouvez le visualiser in situ ici (mais pas longtemps car je dois repasser sur Magda pour y bosser et parce que je dois reprendre tous mes articles ici pour les débarrasser de vieilleries qui me servaient sur un autre thème et que j&amp;#8217;ai des soucis avec le switcher).&lt;/p&gt;</description>
    
    
    
          <comments>http://ateliers.klafoutis.org/post/2009/01/01/Don-Carlo#comment-form</comments>
      <wfw:comment>http://ateliers.klafoutis.org/post/2009/01/01/Don-Carlo#comment-form</wfw:comment>
      <wfw:commentRss>http://ateliers.klafoutis.org/feed/atom/comments/5338</wfw:commentRss>
      </item>
    
  <item>
    <title>Kit 1</title>
    <link>http://ateliers.klafoutis.org/post/2005/11/13/21-kit</link>
    <guid isPermaLink="false">urn:md5:5227d8cd91bbe6a3b91a1f69123e1297</guid>
    <pubDate>Sun, 13 Nov 2005 07:41:00 +0000</pubDate>
    <dc:creator>Kozlika</dc:creator>
        <category>Thèmes pour Dotclear 1</category>
        <category>1 colonne</category><category>2 colonnes</category><category>Dotclear 1</category><category>fixe</category><category>fluide</category><category>kits</category><category>pure css</category><category>thèmes</category>    
    <description>&lt;p&gt;Un thème de base, des struc&amp;shy;tu&amp;shy;res, un blog dédié pour les per&amp;shy;son&amp;shy;na&amp;shy;li&amp;shy;sa&amp;shy;tions.&lt;/p&gt;    &lt;p&gt;&lt;img src=&quot;http://ateliers.klafoutis.org/public/themes-dc1/dotkits/kit1/screenshot.jpg&quot; alt=&quot;screenshot.jpg&quot; style=&quot;display:block; margin:0 auto;&quot; title=&quot;screenshot.jpg, janv. 2008&quot; /&gt;&lt;/p&gt;


&lt;p&gt;Kit est un thème conçu pour les grands débu&amp;shy;tants en css. Volon&amp;shy;tai&amp;shy;re&amp;shy;ment basi&amp;shy;que (une seule cou&amp;shy;leur d&amp;#8217;accom&amp;shy;pa&amp;shy;gne&amp;shy;ment, peu de «&amp;#160;fio&amp;shy;ri&amp;shy;tu&amp;shy;res&amp;#160;», uti&amp;shy;li&amp;shy;sa&amp;shy;tion des fichiers php par défaut), j&amp;#8217;ai essayé de faire en sorte qu&amp;#8217;il soit facile à per&amp;shy;son&amp;shy;na&amp;shy;li&amp;shy;ser et à com&amp;shy;plexi&amp;shy;fier à l&amp;#8217;envi pour les plus har&amp;shy;dis.&lt;/p&gt;


&lt;p&gt;Un &lt;a href=&quot;http://themes.dotaddict.org/kit1/&quot; title=&quot;Personnaliser le thème Kit&quot;&gt;guide de per&amp;shy;son&amp;shy;na&amp;shy;li&amp;shy;sa&amp;shy;tion&lt;/a&gt; livre quel&amp;shy;ques pis&amp;shy;tes pour amé&amp;shy;na&amp;shy;ger son blog sur la base de ce thème, accom&amp;shy;pa&amp;shy;gné d&amp;#8217;exem&amp;shy;ples de codes et de cap&amp;shy;tu&amp;shy;res d&amp;#8217;écran.&lt;/p&gt;


&lt;p&gt;Le thème est livré par défaut en ver&amp;shy;sion fluide avec side&amp;shy;bar à droite. Sui&amp;shy;vez les ins&amp;shy;truc&amp;shy;tions de l&amp;#8217;arti&amp;shy;cle Ins&amp;shy;tal&amp;shy;la&amp;shy;tion du blog asso&amp;shy;cié pour per&amp;shy;mu&amp;shy;ter le side&amp;shy;bar à gau&amp;shy;che et/ou fixer la lar&amp;shy;geur de la page. &lt;a href=&quot;http://themes.dotaddict.org/galerie-dc1/tag/dotkit&quot;&gt;Les liens de télé&amp;shy;char&amp;shy;ge&amp;shy;ment&lt;/a&gt; du thème de base et ses varia&amp;shy;tions sont dis&amp;shy;po&amp;shy;ni&amp;shy;bles sur Dotad&amp;shy;dict.&lt;/p&gt;</description>
    
    
    
          <comments>http://ateliers.klafoutis.org/post/2005/11/13/21-kit#comment-form</comments>
      <wfw:comment>http://ateliers.klafoutis.org/post/2005/11/13/21-kit#comment-form</wfw:comment>
      <wfw:commentRss>http://ateliers.klafoutis.org/feed/atom/comments/5293</wfw:commentRss>
      </item>
    
</channel>
</rss>