<?xml version="1.0" encoding="utf-8"?><?xml-stylesheet title="XSL formatting" type="text/xsl" href="http://fariboles.homuncule.info/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>Fariboles, billevesées et autres propos - Tag - Gandiblog</title>
  <link>http://fariboles.homuncule.info/</link>
  <atom:link href="http://fariboles.homuncule.info/feed/tag/Gandiblog/rss2" rel="self" type="application/rss+xml"/>
  <description>Fariboles, billevesées et autres propos, personnaliser son blog, etc. et ainsi de suite. Plein de trucs qui me passent par la tête quoi !</description>
  <language>fr</language>
  <pubDate>Wed, 31 Dec 2008 14:39:20 +0100</pubDate>
  <copyright>Ce qui serait sympa, avant de piquer des trucs ici, serait de me demander au préalable si je suis d'accord...</copyright>
  <docs>http://blogs.law.harvard.edu/tech/rss</docs>
  <generator>Dotclear</generator>
  
    
  <item>
    <title>Du texte de toutes les couleurs et en toutes les tailles</title>
    <link>http://fariboles.homuncule.info/post/2008/04/21/Du-texte-de-toutes-les-couleurs-et-en-totes-les-tailles</link>
    <guid isPermaLink="false">urn:md5:2b1c800f42f42cc67547311aae4979a2</guid>
    <pubDate>Mon, 21 Apr 2008 19:35:00 +0200</pubDate>
    <dc:creator>Ysabeau</dc:creator>
        <category>Tutoriels</category>
        <category>En voir de toutes les couleurs</category><category>Format</category><category>Gandiblog</category><category>Tuto</category>    
    <description>    &lt;p&gt;À ma &lt;span style=&quot;color: rgb(102, 0, 204);&quot;&gt;gauche&lt;/span&gt; un &lt;a style=&quot;background-color: yellow;&quot; href=&quot;http://www.gandi.net&quot; target=&quot;_blank&quot;&gt;gandiblog&lt;/a&gt; dans lequel on veut mettre &lt;span style=&quot;color: rgb(0, 0, 153);&quot;&gt;du&lt;/span&gt; &lt;span style=&quot;color: rgb(102, 0, 204);&quot;&gt;texte&lt;/span&gt; &lt;span style=&quot;color: rgb(0, 153, 0);&quot;&gt;de&lt;/span&gt; &lt;span style=&quot;color: rgb(204, 0, 0);&quot;&gt;toutes&lt;/span&gt; &lt;span style=&quot;color: rgb(255, 153, 0);&quot;&gt;les&lt;/span&gt; &lt;span style=&quot;color: rgb(255, 255, 102); background-color: rgb(102, 102, 204);&quot;&gt;couleurs&lt;/span&gt;&lt;span style=&quot;background-color: rgb(102, 102, 204);&quot;&gt;.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;À ma &lt;big&gt;&lt;big&gt;&lt;span style=&quot;color: rgb(0, 153, 0); font-weight: bold;&quot;&gt;droite&lt;/span&gt;&lt;/big&gt;&lt;/big&gt; quelqu'un
qui ne connaît même pas le début du commencement des &lt;span style=&quot;font-family: Impact; color: rgb(204, 51, 204);&quot;&gt;codes html  et 
xhtml&lt;/span&gt;.&lt;br /&gt;
Entre les deux il faut quelque chose. Par exemple &lt;a href=&quot;http://frenchmozilla.sourceforge.net/nvu/&quot; target=&quot;_blank&quot;&gt;Kompozer&lt;/a&gt;.&lt;/p&gt;
&lt;h4&gt;Avantage :&lt;/h4&gt;
&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt;Il est g&lt;/span&gt;&lt;big style=&quot;color: rgb(153, 0, 0);&quot;&gt;r&lt;big&gt;a&lt;big&gt;t&lt;big&gt;u&lt;big&gt;i&lt;big&gt;t&lt;/big&gt;&lt;/big&gt;&lt;/big&gt;&lt;/big&gt;&lt;/big&gt;&lt;/big&gt;&lt;span style=&quot;color: rgb(153, 0, 0);&quot;&gt; !&lt;/span&gt;&lt;br /&gt;

&lt;br /&gt;
Ce texte devient carrément immonde, mais passons.&lt;br /&gt;
&lt;br /&gt;
&lt;h4&gt;Procédure de saisie :&lt;/h4&gt;
Saisir le texte, le mettre en forme... euh il est hautement conseillé d'en
faire moins que sur celui-ci. On utilisera les icônes&lt;br /&gt;
de la barre d'outils &lt;span style=&quot;font-family: Courier New,Courier,monospace; color: rgb(102, 0, 0); font-weight: bold; background-color: rgb(204, 204, 204);&quot;&gt;
Mise en forme&lt;/span&gt; ou ce qui est proposé dans le menu &lt;span style=&quot;color: rgb(153, 0, 0); background-color: rgb(204, 204, 204); font-family: Courier New,Courier,monospace; font-weight: bold;&quot;&gt;
Format&lt;/span&gt;.&lt;br /&gt;
&lt;img style=&quot;margin: 0 auto; display: block;&quot; alt=&quot;&quot; src=&quot;http://fariboles.homuncule.info/public/Pontifications/kompozer.jpg&quot; /&gt;&lt;br /&gt;
Quand le résultat est conforme à ce que l'on désire, cliquer sur &lt;big style=&quot;color: rgb(102, 51, 0);&quot;&gt;&lt;span style=&quot;font-family: Courier New,Courier,monospace; font-weight: bold;&quot;&gt;Source&lt;/span&gt;&lt;/big&gt;,
en bas de l'écran. Copier ce qui se trouve entre les balises : &amp;lt;body&amp;gt;
  &amp;lt;/body&amp;gt;&lt;br /&gt;
&lt;img style=&quot;margin: 0 auto; display: block;&quot; alt=&quot;&quot; src=&quot;http://fariboles.homuncule.info/public/Pontifications/.blablal-kompozer_m.jpg&quot; /&gt;&lt;br /&gt;
&lt;h4&gt;Création du billet :&lt;/h4&gt;
Créer un nouveau billet sur le &lt;big&gt;&lt;span style=&quot;color: rgb(51, 153, 153); font-weight: bold;&quot;&gt;gandiblog&lt;/span&gt;&lt;/big&gt;. Vérifier
que xhtml est bien le format d'édition choisi (colonne de droite).&lt;img style=&quot;margin: 0 auto; display: block;&quot; alt=&quot;&quot; src=&quot;http://fariboles.homuncule.info/public/Pontifications/format-du-texte.jpg&quot; /&gt;&lt;br /&gt;
Cliquer sur &lt;big style=&quot;color: rgb(102, 51, 0);&quot;&gt;&lt;span style=&quot;font-family: Courier New,Courier,monospace; font-weight: bold;&quot;&gt;Source&lt;/span&gt;&lt;/big&gt;
en bas de la fenêtre et coller le tout entre les balises &amp;lt;p&amp;gt; et
&amp;lt;/p&amp;gt;.&lt;br /&gt;
&lt;img style=&quot;margin: 0 auto; display: block;&quot; alt=&quot;&quot; src=&quot;http://fariboles.homuncule.info/public/Pontifications/nouveau-billet-source.jpg&quot; /&gt;&lt;br /&gt;
Après vous savez faire (enfin j'espère).</description>
    
    
    
      </item>
    
  <item>
    <title>Une vignette et une photo</title>
    <link>http://fariboles.homuncule.info/post/2007/10/02/Une-vignette-et-une-photo</link>
    <guid isPermaLink="false">urn:md5:07724b8bb5a47d9933ef91ac4dad7b4f</guid>
    <pubDate>Tue, 02 Oct 2007 16:52:00 +0200</pubDate>
    <dc:creator>Ysabeau</dc:creator>
        <category>Gandiblog</category><category>Tutoriel</category>    
    <description>    &lt;h3&gt;Si on veut ouvrir une image à partir d'une vignette.  Prenons
l'exemple de la bonne fée (enfin il paraît) Caradjinne. Là elle est en petit et
pas cliquable.&lt;/h3&gt;
&lt;br /&gt;
&lt;img style=&quot;margin: 0 auto; display: block;&quot; alt=&quot;&quot; src=&quot;http://fariboles.homuncule.info/public/Pontifications/caradjinne-petite.jpg&quot; /&gt;&lt;br /&gt;
&lt;h2&gt;Voilà comment faire :&lt;/h2&gt;
&lt;br /&gt;
1/ A l'aide d'un logiciel de dessin ou d'un éditeur d'image, faire la vignette
en sélectionnant une portion de l'image.&lt;br /&gt;
Hum, inutile de pirater un logiciel pour ce faire, l'utilitaire de Windows
Paint, par exemple fait ça très bien, la preuve :&lt;br /&gt;
&lt;br /&gt;
&lt;img style=&quot;margin: 0 auto; display: block;&quot; alt=&quot;&quot; src=&quot;http://fariboles.homuncule.info/public/Pontifications/selection-paint.jpg&quot; /&gt;&lt;br /&gt;
Copier-coller cette sélection dans une nouvelle image.&lt;br /&gt;
&lt;br /&gt;
2/ Importer toutes les photos nécessaires sur le gandi-blog.&lt;br /&gt;
&lt;br /&gt;
3/ Relever l'adresse de la grande image&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;&lt;img style=&quot;margin: 0 auto; display: block;&quot; alt=&quot;&quot; src=&quot;http://fariboles.homuncule.info/public/Pontifications/ajouter_un_lien.jpg&quot; /&gt;&lt;/h3&gt;
4/ Intégrer la vignette dans le billet, la sélectionner et cliquer sur l'outil
&lt;strong&gt;Insérer un lien&lt;/strong&gt; &lt;img alt=&quot;&quot; src=&quot;http://fariboles.homuncule.info/public/Pontifications/insertion-lien.jpg&quot; /&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;img style=&quot;margin: 0 auto; display: block;&quot; alt=&quot;&quot; src=&quot;http://fariboles.homuncule.info/public/Pontifications/vignette-selectionnee.jpg&quot; /&gt;&lt;br /&gt;
&lt;h4 style=&quot;text-align: center&quot;&gt;Image sélectionnée&lt;/h4&gt;
&lt;br /&gt;
&lt;br /&gt;
4/Dans la fenêtre d'insertion de lien, ajouter l'adresse de l'image
précédemment copiée :&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Cliquez sur l'image et vous verrez le résultat.&lt;a href=&quot;http://fariboles.homuncule.info/public/Pontifications/caradjinnedetouree.jpg&quot;&gt;&lt;img style=&quot;margin: 0 auto; display: block;&quot; alt=&quot;&quot; src=&quot;http://fariboles.homuncule.info/public/Pontifications/vignette-caradjinne.jpg&quot; /&gt;&lt;/a&gt;&lt;br /&gt;

Si on veut que l'image s'affiche dans une autre fenêtre, il  vaut mieux le
prévoir dès le début et passer en xhtml, cela se sélectionne  dans la
colonne de droite :&lt;br /&gt;
&lt;img style=&quot;margin: 0 auto; display: block;&quot; alt=&quot;&quot; src=&quot;http://fariboles.homuncule.info/public/Pontifications/format-texte.jpg&quot; /&gt;&lt;br /&gt;
Ensuite on, clique sur source en bas de l'écran : &lt;img alt=&quot;&quot; src=&quot;http://fariboles.homuncule.info/public/Pontifications/source.jpg&quot; /&gt; et on tape target=&amp;quot;blank&amp;quot; entre
l'adresse et le &lt;q&gt;&amp;gt;&lt;/q&gt; de fermeture de la balise &lt;q&gt;a href&lt;/q&gt;.
&lt;h5 style=&quot;text-align: center&amp;gt;image sélectionnée&amp;lt;/h5&amp;gt; &amp;lt;br /&amp;gt;4/dans la fenêtre d'insertion de lien, ajouter l'adresse de l'image précé&quot;&gt;
&lt;img style=&quot;margin: 0 auto; display: block;&quot; alt=&quot;&amp;lt;a href=&quot;http://fariboles.homuncule.info/post/2007/10/02/ src=&quot;/public/Pontifications/adresse-image.jpg&quot; /&gt;&lt;/h5&gt;
&lt;h5 style=&quot;text-align: center&amp;gt;image sélectionnée&amp;lt;/h5&amp;gt; &amp;lt;br /&amp;gt;4/dans la fenêtre d'insertion de lien, ajouter l'adresse de l'image précé&quot;&gt;
Cela donne :&lt;/h5&gt;
&lt;h5 style=&quot;text-align: center&amp;gt;image sélectionnée&amp;lt;/h5&amp;gt; &amp;lt;br /&amp;gt;4/dans la fenêtre d'insertion de lien, ajouter l'adresse de l'image précé&quot;&gt;
&lt;a href=&quot;http://fariboles.homuncule.info/public/Pontifications/caradjinnedetouree.jpg&quot; target=&quot;blank&quot;&gt;&lt;img style=&quot;margin: 0 auto; display: block;&quot; alt=&quot;&quot; src=&quot;http://fariboles.homuncule.info/public/Pontifications/vignette-caradjinne.jpg&quot; /&gt;&lt;/a&gt;&lt;/h5&gt;</description>
    
    
    
      </item>
    
</channel>
</rss>