.-.-.-.-.-

a:112:{s:53:"http://files.spip.org/spip-zone/creer_sprites_css.zip";a:3:{i:0;s:18:"Créer Sprites CSS";i:1;s:41:"http://plugins.spip.net/Creer-Sprites-CSS";i:2;a:10:{s:3:"url";s:41:"http://plugins.spip.net/Creer-Sprites-CSS";s:5:"titre";s:18:"Créer Sprites CSS";s:4:"date";i:1286540941;s:10:"lesauteurs";s:5:"ARNO*";s:10:"descriptif";s:363:"<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>

<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span></subject>
		<subject>Pas d'accès <span class="caps">SQL</span></subject>
		<subject><b>Pas de texte</b></subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>

</description>

<content:encoded><div class='rss_texte'><p>Il n'est pas rare d'utiliser de nombreuses petites vignettes disséminées sur une page. Un menu de navigation dont les titres seraient des images (générées automatiquement par <span class="caps">SPIP</span>, tant qu'à faire) contient une floppée de petites images.</p> <p>Chacune de ces images provoque un appel individuel au serveur Web, ce qui ralentit leur chargement (il vaut mieux charger une « grosse » image que la somme des « petites » images qui la composent) et augmente le travail du serveur.</p> <p><span class='spip_document_255 spip_documents spip_documents_right' style='float:right; width:102px;'>
<img src='http://plugins.spip.net/local/cache-vignettes/L102xH410/navigation-58f09.png' width='102' height='410' alt="" style='height:410px;width:102px;' /></span>Ce plugin permet, de manière aussi simple que possible, de regrouper plusieurs vignettes en une seule « grande » image (qui les contient toutes), que l'on affiche à la place de chaque petite vignette. Un style intégré au code permet d'afficher la bonne partie de la grande image (celle qui correspond exactement à la vignette).</p> <p>Par exemple, je réalise un menu de navigation sur mon site en transformant chaque titre de rubrique en image (image typographique) ; chaque titre est réalisé en deux versions : le texte en noir, et le texte en blanc (pour la rubrique active et pour le survol de toutes les rubriques). J'ai <span class="numbers">9</span> rubriques principales, plus le lien « Accueil du site » ; je génère donc <span class="numbers">20</span> petites images typographiques. Un visiteur charge donc <span class="numbers">20</span> petits fichiers différents.</p> <p>En utilisant le plugin « Créer Sprites <span class="caps">CSS</span> », je regroupe automatiquement ces <span class="numbers">20</span> vignettes dans un seul « gros » fichier, et c'est lui que j'affiche à la place de chaque image initiale, avec un astuce <span class="caps">CSS</span> qui permet d'afficher exactement la partie de l'image dont j'ai besoin. Le visiteur charge désormais un unique fichier au lieu de <span class="numbers">20</span>.</p> <p>Pour regrouper différentes images en un unique fichier, il faut les faire passer par le filtre <code class='spip_code' dir='ltr'>|filtre{nomsprite.png}</code>. <code class='spip_code' dir='ltr'>nomsprite.png</code> est choisi par le webmestre :
<br />— en utilisant plusieurs noms, on peut ainsi fabriquer différents sprites, soit dans le corps d'une même page, soit entre pages différentes (par exemple un sprite qui changerait pour chaque article),
<br />— la terminaison choisie pour le fichier (ici <code class='spip_code' dir='ltr'>.png</code>) détermine le format final du sprite.</p> <p>Voici par exemple comment je réalise mon menu de navigation principal :</p> <div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><ul></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <li> </div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <a href="<span style="color: #CA5200;">#URL_SITE_SPIP</span>"></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span class="normal"><span style="color: #C90"><:accueil_site<span style="color: #E1861A;">|image_typo</span><span style="color: #74B900;"><span class="br0">&#123;</span>police=mafonte.ttf<span class="br0">&#125;</span></span><span style="color: #E1861A;">|sprite</span><span style="color: #74B900;"><span class="br0">&#123;</span>navigation.png<span class="br0">&#125;</span></span>:></span></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span class="actif"><span style="color: #C90"><:accueil_site<span style="color: #E1861A;">|image_typo</span><span style="color: #74B900;"><span class="br0">&#123;</span>police=mafonte.ttf<span class="br0">&#125;</span></span><span style="color: #E1861A;">|sprite</span><span style="color: #74B900;"><span class="br0">&#123;</span>navigation.png<span class="br0">&#125;</span></span>:></span></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> </a></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> </li></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"><BOUCLE_navigation<span style="color: #527EE0;"><span class="br0">&#40;</span>RUBRIQUES<span class="br0">&#41;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_parent=0<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>par titre<span class="br0">&#125;</span></span></span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <li></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <a href="<span style="color: #CA5200;">#URL_RUBRIQUE</span>"></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span class="normal"><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#TITRE</span><span style="color: #E1861A;">|image_typo</span><span style="color: #74B900;"><span class="br0">&#123;</span>police=mafonte.ttf<span class="br0">&#125;</span></span><span style="color: #E1861A;">|sprite</span><span style="color: #74B900;"><span class="br0">&#123;</span>navigation.png<span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span class="actif"><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#TITRE</span><span style="color: #E1861A;">|image_typo</span><span style="color: #74B900;"><span class="br0">&#123;</span>police=mafonte.ttf<span class="br0">&#125;</span></span><span style="color: #E1861A;">|sprite</span><span style="color: #74B900;"><span class="br0">&#123;</span>navigation.png<span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> </a></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> </li></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"></BOUCLE_navigation</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""></ul></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/64cae53ae34024ef62a81733ad21c574.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>Le principe est le même à chaque fois : je prends mon texte, je le transforme en image typographique, puis je le fais passer par <code class='spip_code' dir='ltr'>|sprite{navigation.png}</code>. Toutes ces images typographiques seront regroupées et remplacées par un seul « gros » fichier : <code class='spip_code' dir='ltr'>navigation.png</code>.</p> <p>Ailleurs dans le corps de ma page, j'ai trois vignettes explicatives. Initialement, ce sont trois <code class='spip_code' dir='ltr'><img src="monfichier.png" alt="" /></code> insérés dans mes squelettes. Pour les regrouper sous forme d'un sprite, je transforme le code ainsi :</p> <div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#CHEMIN</span><span style="color: #74B900;"><span class="br0">&#123;</span>images_site/fermer-addflip.png<span class="br0">&#125;</span></span><span style="color: #E1861A;">|sprite</span><span style="color: #74B900;"><span class="br0">&#123;</span>boutons.png<span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">...</div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><div></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#CHEMIN</span><span style="color: #74B900;"><span class="br0">&#123;</span>images_site/annonce-fullscreen-fr.png<span class="br0">&#125;</span></span><span style="color: #E1861A;">|sprite</span><span style="color: #74B900;"><span class="br0">&#123;</span>boutons.png<span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""></div></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">...</div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><div></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#CHEMIN</span><span style="color: #74B900;"><span class="br0">&#123;</span>images_site/fullscreen.png<span class="br0">&#125;</span></span><span style="color: #E1861A;">|sprite</span><span style="color: #74B900;"><span class="br0">&#123;</span>boutons.png<span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""></div></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/788273cdff4390c2861ac6c0eb9510cc.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>Ces trois images sont désormais regroupées automatiquement dans un unique fichier, <code class='spip_code' dir='ltr'>boutons.png</code>.</p> <p>J'effectue, enfin, la même opération pour réunir de petites vignettes de prévisualisation des documents joints de chaque article (mon site, très graphique, a souvent plus de <span class="numbers">20</span> photographies associées à chaque article). De cette façon, au lieu de charger <span class="numbers">20</span> (jusqu'à <span class="numbers">100</span>) petites vignettes, je n'en charge plus qu'une grande.</p> <div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#LOGO_DOCUMENT</span><span style="color: #E1861A;">|image_reduire</span><span style="color: #74B900;"><span class="br0">&#123;</span>0,90<span class="br0">&#125;</span></span><span style="color: #E1861A;">|sprite</span><span style="color: #74B900;"><span class="br0">&#123;</span>vignettes-<span style="color: #CA5200;">#ID_ARTICLE</span>.jpg<span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
</ol></div></div></div>
<p><strong>Notez bien :</strong>
<br />— Ce plugin est relativement rudimentaire, mais il répond parfaitement à mes besoins, et je l'utilise en production.
<br />— Son fonctionnement est assez particulier par rapport aux habitudes des sprites <span class="caps">CSS</span> : il prend des images insérées dans le document, et les transforme en images « vides » (transparentes) de mêmes dimensions, et applique le sprite global en <code class='spip_code' dir='ltr'>background</code> <span class="caps">CSS</span>. Il n'est pas destiné à traiter des images qui seraient <i>déjà</i> dans des <code class='spip_code' dir='ltr'>background</code> <span class="caps">CSS</span>. (Mon idée étant qu'il est avant tout destiné à traiter des images générées par <span class="caps">SPIP</span>, et de telles images sont assez rarement utilisées dans des feuilles de style.)
<br />— Attention : le nom que vous choisissez détermine le fichier final. Si vous utilisez plusieurs fois le même nom pour des choses différentes (sur des pages différentes), vous écraserez le fichier d'une page par l'autre. Faites attention au nom que vous choississez.
<br />— Les images <span class="caps">PNG</span> transparentes deviendront des fond de <span class="caps">CSS</span>, que <span class="caps">MSIE</span> <span class="numbers">6</span> gère mal (alors qu'il gère bien les <span class="caps">PNG</span> transparents affichés en tant qu'images). <br />— La méthode retenue n'est pas vraiment adaptée pour gérer des images qui changent souvent (ne serait-ce que parce que le sprite conserve son nom, même si on change son contenu).</p> <p><strong>Attention</strong></p> <p>Une particularité de <span class="caps">SPIP</span> fait que le calcul de l'image ne se fait que dans le cas d'un squelette inclus, où dans le cas où un administrateur connecté calcule la page au moins une fois (les boutons d'administration provoquant la fonction nécessaire).</p> <p>L'usage « simple » de cette fonctionnalité fait qu'en général, cela ne pose pas de gros problème, puisqu'une fois que l'image a été calculée, il n'est plus nécessaire de la recalculer.</p> <p>La difficulté viendra du cas où :
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> des « sprites » différents sont créés automatiquement pour chaque page du site, et qu'il n'est donc pas envisageable que l'administrateur recalcule toutes ces pages une par une ;
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> ces « sprites » ne sont pas calculés dans des squelettes inclus.</p> <p>Dans ce cas, il est possible d'insérer</p>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #CA5200;">#FILTRE</span><span style="color: #74B900;"><span class="br0">&#123;</span>creer_sprites<span class="br0">&#125;</span></span></div></li>
</ol></div></div></div>
<p>dans le squelette pour provoquer correctement le calcul des sprites.</p></div>
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:106:"<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>";}}}s:48:"http://files.spip.org/spip-zone/site_archive.zip";a:3:{i:0;s:12:"Site Archive";i:1;s:36:"http://plugins.spip.net/Site-Archive";i:2;a:11:{s:3:"url";s:36:"http://plugins.spip.net/Site-Archive";s:5:"titre";s:12:"Site Archive";s:4:"date";i:1286540741;s:10:"lesauteurs";s:7:"paladin";s:10:"descriptif";s:480:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton167-7ed87.png" width='64' height='64' style='height:64px;width:64px;' /></span>

<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>

Pas d'accès <span class="caps">SQL</span>, 
Français, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>";s:7:"content";s:423:"http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton167-7ed87.png" width='64' height='64' style='height:64px;width:64px;' />
		<div class='rss_texte'><p>Le plugin Site Archive (SiA) permet d'archiver automatiquement une rubrique ou un article d'un site sous <span class="caps">SPIP</span> pour une consultation hors connexion.</p></div>";s:4:"lang";s:2:"fr";s:10:"enclosures";s:132:"<a rel="enclosure" href="http://files.spip.org/spip-zone/site_archive.zip" type="application/zip" title="33454">site_archive.zip</a>";s:4:"item";s:1588:"
		<title>Site Archive</title>
		<link>http://plugins.spip.net/Site-Archive</link>
		<guid isPermaLink="true">http://plugins.spip.net/Site-Archive</guid>
		<date>2010-10-08T12:25:41Z</date>
		<format>text/html</format>
		<language>fr</language>
		<creator>paladin</creator>

<subject>Pas d'accès <span class="caps">SQL</span></subject>
		<subject>Français</subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>

Pas d'accès <span class="caps">SQL</span>, 
Français, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton167-7ed87.png" width='64' height='64' style='height:64px;width:64px;' />
		<div class='rss_texte'><p>Le plugin Site Archive (SiA) permet d'archiver automatiquement une rubrique ou un article d'un site sous <span class="caps">SPIP</span> pour une consultation hors connexion.</p></div>
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:105:"<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>";}s:4:"icon";s:72:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton167-7ed87.png";}}s:52:"http://files.spip.org/spip-zone/inclure-ajaxload.zip";a:3:{i:0;s:16:"Inclure Ajaxload";i:1;s:40:"http://plugins.spip.net/Inclure-Ajaxload";i:2;a:11:{s:3:"url";s:40:"http://plugins.spip.net/Inclure-Ajaxload";s:5:"titre";s:16:"Inclure Ajaxload";s:4:"date";i:1286275027;s:10:"lesauteurs";s:10:"ARNO*, Fil";s:10:"descriptif";s:604:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton166-e3446.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Permet de charger dynamiquement des morceaux de page en se reposant sur la syntaxe des #<span class="caps">INCLURE</span>.</p>

<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>

Fonctions génériques, 
<b>Pas de texte</b>, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>";s:7:"content";s:10843:"http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L73xH73/arton166-10adf.png" width='73' height='73' style='height:73px;width:73px;' />
		<div class='rss_texte'><p>La fonction introduite par ce plugin est similaire au principe d'<i>Ajax Parallel Loading</i> introduit dans Zpip, <a href='http://www.spip-blog.net/Ajax-Parallel-Loading-accelerer-un-site-SPIP.html' class='spip_out' rel='external'>tel que décrit ici</a>. La méthode de fonctionnement est cependant différente, et surtout ce plugin est destiné à être utilisé dans n'importe quel jeu de squelettes (non Zpip, donc).</p> <p>Il ajoute un critère, <code class='spip_code' dir='ltr'>{ajaxload}</code>, à la balise <code class='spip_code' dir='ltr'>#INCLURE</code>, par exemple :</p>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#INCLURE</span><span style="color: #74B900;"><span class="br0">&#123;</span>fond=inc/footer<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_rubrique<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>ajaxload<span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
</ol></div></div></div>
<p>Au lieu d'insérer dans le code source de la page le contenu de <code class='spip_code' dir='ltr'>inc/footer</code> avec la variable d'environnement <code class='spip_code' dir='ltr'>id_rubrique</code>, le critère <code class='spip_code' dir='ltr'>{ajaxload}</code> modifie complètement le fonctionnement : seul un lien hypertexte doté d'un code spécifique est inséré dans la page. À l'affichage de la page chez le visiteur, une fonction Javascript charge dynamiquement le contenu nécessaire et l'insère à l'endroit prévu.</p> <p>Il est impératif d'utiliser <code class='spip_code' dir='ltr'>#INSERT_HEAD</code> dans le squelette appelant (le code Javascript nécessaire au bon fonctionnement est alors inséré dans la page).</p> <p>Quelques remarques :
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> seuls les critères spécifiés dans l'appel <code class='spip_code' dir='ltr'>#INCLURE</code> sont passés à la page appelante ; si ces critères sont communs à plusieurs pages, on bénéficie ainsi du chargement d'éléments communs à ces pages (cache navigateur) ; <br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> si Javascript est désactivé chez le visiteur, une version fonctionnant sans Javascript est activée ;
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> de manière automatique, les moteurs de recherche se voient proposer le contenu complet (identique à la version sans Javascript), ce qui leur permet d'indexer correctement les pages et de profiter de la navigation du site ;
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> attention, ne pas insérer dans ces morceaux chargés dynamiquement des publicités ou des compteurs de visites (notamment Google), qui « écrivent » via Javascript, ce qui généralement provoque un affichage de page blanche ; plus généralement, éviter les chargements Ajax à l'intérieur de ces éléments chargés dynamiquement, ils deviennent difficiles à maîtriser.</p> <h3 class="spip">Méthode alternative : chargement d'un fichier statique</h3>
<p>La <strong>version <span class="numbers">0</span>.<span class="numbers">7</span></strong> du plugin introduit une nouvelle méthode : l'inclusion dynamique de fichiers <span class="caps">HTML</span> parfaitement statiques. La méthode « normale » fonctionne sur la base des « noisettes Ajax » de <span class="caps">SPIP</span> : les fichiers inclus sont donc bien pages <span class="caps">SPIP</span> dotées de toutes les caractéristiques habituelles (notamment la possibilité d'avoir du contenu dynamique).</p> <p>La méthode alternative permet d'inclure non des pages <span class="caps">SPIP</span>, mais des petits fichiers <span class="caps">HTML</span> statiques, stockés (brutalement…) dans <code class='spip_code' dir='ltr'>/local/cache-ajaxload</code>.</p> <p>Pour cela, le critère devient :</p> <div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><code><span style="color: #74B900;"><span class="br0">&#123;</span>ajaxload=html<span class="br0">&#125;</span></span></code></div></li>
</ol></div></div></div>
<p>Dans ce cas, au calcul de la page, la noisette est immédiatement calculée, et son contenu est stocké « en dur » dans <code class='spip_code' dir='ltr'>/local/cache-ajaxload</code>. Au chargement de la page, c'est ce fichier <span class="caps">HTML</span> qui est directement inséré dans la page.</p> <p>Pour les visites des robots de moteurs de recherche ou sans Javascript, ce sont ces morceaux « statiques » qui sont directement inclus.</p> <p>L'avantage principal de cette méthode est que ces fichiers sont appelés « hors <span class="caps">SPIP</span> », et même hors <span class="caps">PHP</span>. Ce sont des fichiers <span class="caps">HTML</span> entièrement statiques. On gagne en vitesse et en charge du serveur. Il est très probable également que la visite du site par un robot de moteur de recherche soit beaucoup moins lourde pour le serveur avec cette méthode.</p> <p>L'inconvénient, c'est que ces fichiers sortent totalement de <span class="caps">SPIP</span> :
<br />— ils sont totalement statiques, et ne doivent donc contenir aucun élément dépendant d'une <code class='spip_code' dir='ltr'>#SESSION</code>, du statut du visiteur, ni code <span class="caps">PHP</span> non précalculé (tel que l'affichage de l'heure ou de l'<span class="caps">IP</span> du visiteur) ; <br />— le système n'interroge pas la durée du cache selon la méthode <span class="caps">SPIP</span> ; la durée de vie d'un tel fichier est fixée par défaut à <span class="numbers">2</span> heures ; on peut forcer une autre durée, dans l'appel, avec un critère supplémentaire (ici : <span class="numbers">24</span> heures) :</p>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><code><span style="color: #74B900;"><span class="br0">&#123;</span>ajaxload=html<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>ttl_ajaxload=60*60*24<span class="br0">&#125;</span></span></code></div></li>
</ol></div></div></div>
<p>L'appel du footer pourrait donc se faire, avec cette méthode, ainsi :</p>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#INCLURE</span><span style="color: #74B900;"><span class="br0">&#123;</span>fond=inc/footer<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_rubrique<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>ajaxload=html<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>ttl_ajaxload=60*60*24<span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
</ol></div></div></div>
<h3 class="spip">Pour les ceusses qui se la pètent en Javascript</h3>
<p>Deux méthodes avancées sont destinées à ceux qui voudraient gérer eux-mêmes les appels Ajax (pas de chargement automatique par ce plugin, donc, mais « à la demande » selon du code développé par le webmestre lui-même). Ces méthodes retournent directement l'<span class="caps">URL</span> du fichier qui contient la noisette, à charge pour le créateur du site de savoir comment il souhaite les utiliser :
<br />— <code class='spip_code' dir='ltr'>{ajaxload=url}</code> retourne l'<span class="caps">URL</span> de la noisette dynamique ;
<br />— <code class='spip_code' dir='ltr'>{ajaxload=url_html}</code> retourne l'<span class="caps">URL</span> du fichier <span class="caps">HTML</span> statique.</p> <h3 class="spip">Évolutions</h3>
<p><strong>Version <span class="numbers">0</span>.<span class="numbers">5</span>.</strong> Les inclusions <code class='spip_code' dir='ltr'>{ajax}{ajaxload}</code> conservent désormais le fonctionnement du <code class='spip_code' dir='ltr'>{ajax}</code>. On peut donc ainsi charger des éléments paginés (la pagination Ajax fonctionne à nouveau).</p> <p><strong>Version <span class="numbers">0</span>.<span class="numbers">6</span>.</strong> Meilleure gestion du <code class='spip_code' dir='ltr'><meta refresh></code>, notamment dans le cas de passage des robots.</p> <p><strong>Version <span class="numbers">0</span>.<span class="numbers">7</span>.</strong> Introduction de la méthode <code class='spip_code' dir='ltr'>{ajaxload=html}</code> et du critère <code class='spip_code' dir='ltr'>{ttl_ajaxload=60*60*24}</code>.</p> <p><strong>Version <span class="numbers">0</span>.<span class="numbers">8</span>.</strong> Divers bugs corrigés concernant la navigation sans Javascript et sans cookies.</p> <p><strong>Version <span class="numbers">1</span>.<span class="numbers">0</span>.</strong> Ajout des méthodes <code class='spip_code' dir='ltr'>{ajaxload=url}</code> et <code class='spip_code' dir='ltr'>{ajaxload=url_html}</code>.</p> <p><strong>Version <span class="numbers">1</span>.<span class="numbers">1</span>.</strong> Insertion plus fine du code du <code class='spip_code' dir='ltr'><meta refresh></code>, uniquement dans les pages où il est nécessaire. (En revanche, l'insertion du Javascript reste systématique, de façon à ne pas changer, d'une page à l'autre, le fichier Javascript créé par le compactage de <span class="caps">SPIP</span>.)</p></div>";s:4:"lang";s:2:"fr";s:10:"enclosures";s:139:"<a rel="enclosure" href="http://files.spip.org/spip-zone/inclure-ajaxload.zip" type="application/zip" title="3173">inclure-ajaxload.zip</a>";s:4:"item";s:12140:"
		<title>Inclure Ajaxload</title>
		<link>http://plugins.spip.net/Inclure-Ajaxload</link>
		<guid isPermaLink="true">http://plugins.spip.net/Inclure-Ajaxload</guid>
		<date>2010-10-05T10:37:07Z</date>
		<format>text/html</format>
		<language>fr</language>
		<creator>ARNO*, Fil</creator>

<subject>Fonctions génériques</subject>
		<subject><b>Pas de texte</b></subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton166-e3446.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Permet de charger dynamiquement des morceaux de page en se reposant sur la syntaxe des #<span class="caps">INCLURE</span>.</p>

<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>

Fonctions génériques, 
<b>Pas de texte</b>, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L73xH73/arton166-10adf.png" width='73' height='73' style='height:73px;width:73px;' />
		<div class='rss_texte'><p>La fonction introduite par ce plugin est similaire au principe d'<i>Ajax Parallel Loading</i> introduit dans Zpip, <a href='http://www.spip-blog.net/Ajax-Parallel-Loading-accelerer-un-site-SPIP.html' class='spip_out' rel='external'>tel que décrit ici</a>. La méthode de fonctionnement est cependant différente, et surtout ce plugin est destiné à être utilisé dans n'importe quel jeu de squelettes (non Zpip, donc).</p> <p>Il ajoute un critère, <code class='spip_code' dir='ltr'>{ajaxload}</code>, à la balise <code class='spip_code' dir='ltr'>#INCLURE</code>, par exemple :</p>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#INCLURE</span><span style="color: #74B900;"><span class="br0">&#123;</span>fond=inc/footer<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_rubrique<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>ajaxload<span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
</ol></div></div></div>
<p>Au lieu d'insérer dans le code source de la page le contenu de <code class='spip_code' dir='ltr'>inc/footer</code> avec la variable d'environnement <code class='spip_code' dir='ltr'>id_rubrique</code>, le critère <code class='spip_code' dir='ltr'>{ajaxload}</code> modifie complètement le fonctionnement : seul un lien hypertexte doté d'un code spécifique est inséré dans la page. À l'affichage de la page chez le visiteur, une fonction Javascript charge dynamiquement le contenu nécessaire et l'insère à l'endroit prévu.</p> <p>Il est impératif d'utiliser <code class='spip_code' dir='ltr'>#INSERT_HEAD</code> dans le squelette appelant (le code Javascript nécessaire au bon fonctionnement est alors inséré dans la page).</p> <p>Quelques remarques :
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> seuls les critères spécifiés dans l'appel <code class='spip_code' dir='ltr'>#INCLURE</code> sont passés à la page appelante ; si ces critères sont communs à plusieurs pages, on bénéficie ainsi du chargement d'éléments communs à ces pages (cache navigateur) ; <br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> si Javascript est désactivé chez le visiteur, une version fonctionnant sans Javascript est activée ;
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> de manière automatique, les moteurs de recherche se voient proposer le contenu complet (identique à la version sans Javascript), ce qui leur permet d'indexer correctement les pages et de profiter de la navigation du site ;
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> attention, ne pas insérer dans ces morceaux chargés dynamiquement des publicités ou des compteurs de visites (notamment Google), qui « écrivent » via Javascript, ce qui généralement provoque un affichage de page blanche ; plus généralement, éviter les chargements Ajax à l'intérieur de ces éléments chargés dynamiquement, ils deviennent difficiles à maîtriser.</p> <h3 class="spip">Méthode alternative : chargement d'un fichier statique</h3>
<p>La <strong>version <span class="numbers">0</span>.<span class="numbers">7</span></strong> du plugin introduit une nouvelle méthode : l'inclusion dynamique de fichiers <span class="caps">HTML</span> parfaitement statiques. La méthode « normale » fonctionne sur la base des « noisettes Ajax » de <span class="caps">SPIP</span> : les fichiers inclus sont donc bien pages <span class="caps">SPIP</span> dotées de toutes les caractéristiques habituelles (notamment la possibilité d'avoir du contenu dynamique).</p> <p>La méthode alternative permet d'inclure non des pages <span class="caps">SPIP</span>, mais des petits fichiers <span class="caps">HTML</span> statiques, stockés (brutalement…) dans <code class='spip_code' dir='ltr'>/local/cache-ajaxload</code>.</p> <p>Pour cela, le critère devient :</p> <div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><code><span style="color: #74B900;"><span class="br0">&#123;</span>ajaxload=html<span class="br0">&#125;</span></span></code></div></li>
</ol></div></div></div>
<p>Dans ce cas, au calcul de la page, la noisette est immédiatement calculée, et son contenu est stocké « en dur » dans <code class='spip_code' dir='ltr'>/local/cache-ajaxload</code>. Au chargement de la page, c'est ce fichier <span class="caps">HTML</span> qui est directement inséré dans la page.</p> <p>Pour les visites des robots de moteurs de recherche ou sans Javascript, ce sont ces morceaux « statiques » qui sont directement inclus.</p> <p>L'avantage principal de cette méthode est que ces fichiers sont appelés « hors <span class="caps">SPIP</span> », et même hors <span class="caps">PHP</span>. Ce sont des fichiers <span class="caps">HTML</span> entièrement statiques. On gagne en vitesse et en charge du serveur. Il est très probable également que la visite du site par un robot de moteur de recherche soit beaucoup moins lourde pour le serveur avec cette méthode.</p> <p>L'inconvénient, c'est que ces fichiers sortent totalement de <span class="caps">SPIP</span> :
<br />— ils sont totalement statiques, et ne doivent donc contenir aucun élément dépendant d'une <code class='spip_code' dir='ltr'>#SESSION</code>, du statut du visiteur, ni code <span class="caps">PHP</span> non précalculé (tel que l'affichage de l'heure ou de l'<span class="caps">IP</span> du visiteur) ; <br />— le système n'interroge pas la durée du cache selon la méthode <span class="caps">SPIP</span> ; la durée de vie d'un tel fichier est fixée par défaut à <span class="numbers">2</span> heures ; on peut forcer une autre durée, dans l'appel, avec un critère supplémentaire (ici : <span class="numbers">24</span> heures) :</p>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><code><span style="color: #74B900;"><span class="br0">&#123;</span>ajaxload=html<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>ttl_ajaxload=60*60*24<span class="br0">&#125;</span></span></code></div></li>
</ol></div></div></div>
<p>L'appel du footer pourrait donc se faire, avec cette méthode, ainsi :</p>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#INCLURE</span><span style="color: #74B900;"><span class="br0">&#123;</span>fond=inc/footer<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_rubrique<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>ajaxload=html<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>ttl_ajaxload=60*60*24<span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
</ol></div></div></div>
<h3 class="spip">Pour les ceusses qui se la pètent en Javascript</h3>
<p>Deux méthodes avancées sont destinées à ceux qui voudraient gérer eux-mêmes les appels Ajax (pas de chargement automatique par ce plugin, donc, mais « à la demande » selon du code développé par le webmestre lui-même). Ces méthodes retournent directement l'<span class="caps">URL</span> du fichier qui contient la noisette, à charge pour le créateur du site de savoir comment il souhaite les utiliser :
<br />— <code class='spip_code' dir='ltr'>{ajaxload=url}</code> retourne l'<span class="caps">URL</span> de la noisette dynamique ;
<br />— <code class='spip_code' dir='ltr'>{ajaxload=url_html}</code> retourne l'<span class="caps">URL</span> du fichier <span class="caps">HTML</span> statique.</p> <h3 class="spip">Évolutions</h3>
<p><strong>Version <span class="numbers">0</span>.<span class="numbers">5</span>.</strong> Les inclusions <code class='spip_code' dir='ltr'>{ajax}{ajaxload}</code> conservent désormais le fonctionnement du <code class='spip_code' dir='ltr'>{ajax}</code>. On peut donc ainsi charger des éléments paginés (la pagination Ajax fonctionne à nouveau).</p> <p><strong>Version <span class="numbers">0</span>.<span class="numbers">6</span>.</strong> Meilleure gestion du <code class='spip_code' dir='ltr'><meta refresh></code>, notamment dans le cas de passage des robots.</p> <p><strong>Version <span class="numbers">0</span>.<span class="numbers">7</span>.</strong> Introduction de la méthode <code class='spip_code' dir='ltr'>{ajaxload=html}</code> et du critère <code class='spip_code' dir='ltr'>{ttl_ajaxload=60*60*24}</code>.</p> <p><strong>Version <span class="numbers">0</span>.<span class="numbers">8</span>.</strong> Divers bugs corrigés concernant la navigation sans Javascript et sans cookies.</p> <p><strong>Version <span class="numbers">1</span>.<span class="numbers">0</span>.</strong> Ajout des méthodes <code class='spip_code' dir='ltr'>{ajaxload=url}</code> et <code class='spip_code' dir='ltr'>{ajaxload=url_html}</code>.</p> <p><strong>Version <span class="numbers">1</span>.<span class="numbers">1</span>.</strong> Insertion plus fine du code du <code class='spip_code' dir='ltr'><meta refresh></code>, uniquement dans les pages où il est nécessaire. (En revanche, l'insertion du Javascript reste systématique, de façon à ne pas changer, d'une page à l'autre, le fichier Javascript créé par le compactage de <span class="caps">SPIP</span>.)</p></div>
		
		</content:encoded>

";s:4:"tags";a:2:{i:0;s:106:"<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>";i:1;s:140:"<a href='http://www.spip-blog.net/Ajax-Parallel-Loading-accelerer-un-site-SPIP.html' class='spip_out' rel='external'>tel que décrit ici</a>";}s:4:"icon";s:72:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton166-e3446.png";}}s:46:"http://files.spip.org/spip-zone/cache_cool.zip";a:3:{i:0;s:10:"Cache Cool";i:1;s:34:"http://plugins.spip.net/Cache-Cool";i:2;a:11:{s:3:"url";s:34:"http://plugins.spip.net/Cache-Cool";s:5:"titre";s:10:"Cache Cool";s:4:"date";i:1286267838;s:10:"lesauteurs";s:13:"Cédric Morin";s:10:"descriptif";s:821:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton165-d9401.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Ce plugin accélère le service des pages en différant le calcul du cache lorsque c'est possible pour éviter à l'internaute d'attendre après.</p> <p>Il sert donc le cache « froid », et le réchauffe en cuisine pour la prochaine fois qu'il sera demandé.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Cache-Cool,3251">Documentation</a></p>

<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>

Fonctions génériques, 
<b>Pas de texte</b>, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>";s:7:"content";s:211:"http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L128xH128/arton165-ddcd8.png" width='128' height='128' style='height:128px;width:128px;' />";s:4:"lang";s:2:"fr";s:10:"enclosures";s:128:"<a rel="enclosure" href="http://files.spip.org/spip-zone/cache_cool.zip" type="application/zip" title="59489">cache_cool.zip</a>";s:4:"item";s:1705:"
		<title>Cache Cool</title>
		<link>http://plugins.spip.net/Cache-Cool</link>
		<guid isPermaLink="true">http://plugins.spip.net/Cache-Cool</guid>
		<date>2010-10-05T08:37:18Z</date>
		<format>text/html</format>
		<language>fr</language>
		<creator>Cédric Morin</creator>

<subject>Fonctions génériques</subject>
		<subject><b>Pas de texte</b></subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton165-d9401.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Ce plugin accélère le service des pages en différant le calcul du cache lorsque c'est possible pour éviter à l'internaute d'attendre après.</p> <p>Il sert donc le cache « froid », et le réchauffe en cuisine pour la prochaine fois qu'il sera demandé.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Cache-Cool,3251">Documentation</a></p>

<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>

Fonctions génériques, 
<b>Pas de texte</b>, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L128xH128/arton165-ddcd8.png" width='128' height='128' style='height:128px;width:128px;' />
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:106:"<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>";}s:4:"icon";s:72:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton165-d9401.png";}}s:45:"http://files.spip.org/spip-zone/job_queue.zip";a:3:{i:0;s:9:"Job Queue";i:1;s:33:"http://plugins.spip.net/Job-Queue";i:2;a:11:{s:3:"url";s:33:"http://plugins.spip.net/Job-Queue";s:5:"titre";s:9:"Job Queue";s:4:"date";i:1286267670;s:10:"lesauteurs";s:18:"Cédric Morin, Fil";s:10:"descriptif";s:626:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L48xH48/arton164-265ca.png" width='48' height='48' style='height:48px;width:48px;' /></span>
		<p>Gestion d'une file d'attente de tâches à exécuter.</p>

<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>

<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span></subject>
		<subject>Fonctions génériques</subject>
		<subject><b>Pas de texte</b></subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L48xH48/arton164-265ca.png" width='48' height='48' style='height:48px;width:48px;' /></span>
		<p>Gestion d'une file d'attente de tâches à exécuter.</p>

<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L48xH48/arton164-265ca.png" width='48' height='48' style='height:48px;width:48px;' />
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:106:"<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>";}s:4:"icon";s:72:"http://plugins.spip.net/local/cache-vignettes/L48xH48/arton164-265ca.png";}}s:49:"http://files.spip.org/spip-zone/get_info_spip.zip";a:3:{i:0;s:13:"Get Info SPIP";i:1;s:37:"http://plugins.spip.net/Get-Info-SPIP";i:2;a:11:{s:3:"url";s:37:"http://plugins.spip.net/Get-Info-SPIP";s:5:"titre";s:13:"Get Info SPIP";s:4:"date";i:1286266904;s:10:"lesauteurs";s:7:"paladin";s:10:"descriptif";s:711:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton163-cc038.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Plugin d'audit de site <span class="caps">SPIP</span>. Version des composants. Inventaire des plugins et états des publications, etc.</p>
		
		
		<p><a href="http://www.quesaco.org/Informations-SPIP-Get-Info-GInS">Documentation</a></p>

<a href="http://plugins.spip.net/-configuration-et-autorisations-" rel="directory">Configuration & autorisations</a>

Français, 
Fonctions génériques, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>";s:7:"content";s:1150:"http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton163-cc038.png" width='64' height='64' style='height:64px;width:64px;' />
		<div class='rss_texte'><p>Auditer son site <span class="caps">SPIP</span> et obtenir en quelques tableaux sa configuration via l'interface privée.</p> <p>Informations <span class="caps">SPIP</span> - Get Info (GInS) permet de dresser via l'espace privé, l'inventaire de son site <span class="caps">SPIP</span> :</p> <ul class="spip"><li> la version des différents composants (<span class="caps">OS</span>, <span class="caps">SPIP</span>, jQuery, …)</li><li> les plugins <span class="caps">SPIP</span> activés ;</li><li> les modules <span class="caps">PHP</span> disponibles ;</li><li> la configuration <span class="caps">PHP</span>, les constantes ;</li><li> la liste des tables <span class="caps">SQL</span> ;</li><li> les objets publiés (articles, etc.) ;</li><li> la place disque disponible ;</li><li> la liste <ul class="spip"><li> des auteurs ;</li><li> des documents liés.</li></ul></li></ul></div>";s:4:"lang";s:2:"fr";s:10:"enclosures";s:134:"<a rel="enclosure" href="http://files.spip.org/spip-zone/get_info_spip.zip" type="application/zip" title="37997">get_info_spip.zip</a>";s:4:"item";s:2530:"
		<title>Get Info SPIP</title>
		<link>http://plugins.spip.net/Get-Info-SPIP</link>
		<guid isPermaLink="true">http://plugins.spip.net/Get-Info-SPIP</guid>
		<date>2010-10-05T08:21:44Z</date>
		<format>text/html</format>
		<language>fr</language>
		<creator>paladin</creator>

<subject>Français</subject>
		<subject>Fonctions génériques</subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton163-cc038.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Plugin d'audit de site <span class="caps">SPIP</span>. Version des composants. Inventaire des plugins et états des publications, etc.</p>
		
		
		<p><a href="http://www.quesaco.org/Informations-SPIP-Get-Info-GInS">Documentation</a></p>

<a href="http://plugins.spip.net/-configuration-et-autorisations-" rel="directory">Configuration & autorisations</a>

Français, 
Fonctions génériques, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton163-cc038.png" width='64' height='64' style='height:64px;width:64px;' />
		<div class='rss_texte'><p>Auditer son site <span class="caps">SPIP</span> et obtenir en quelques tableaux sa configuration via l'interface privée.</p> <p>Informations <span class="caps">SPIP</span> - Get Info (GInS) permet de dresser via l'espace privé, l'inventaire de son site <span class="caps">SPIP</span> :</p> <ul class="spip"><li> la version des différents composants (<span class="caps">OS</span>, <span class="caps">SPIP</span>, jQuery, …)</li><li> les plugins <span class="caps">SPIP</span> activés ;</li><li> les modules <span class="caps">PHP</span> disponibles ;</li><li> la configuration <span class="caps">PHP</span>, les constantes ;</li><li> la liste des tables <span class="caps">SQL</span> ;</li><li> les objets publiés (articles, etc.) ;</li><li> la place disque disponible ;</li><li> la liste <ul class="spip"><li> des auteurs ;</li><li> des documents liés.</li></ul></li></ul></div>
		
		</content:encoded>

<a href="http://plugins.spip.net/-configuration-et-autorisations-" rel="directory">Configuration & autorisations</a>

<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span></subject>
		<subject>Français</subject>
		<subject>Fonctions génériques</subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<description>
		
		
		
		<p><a href="http://www.spip-contrib.net/Rubrique-a-l-inscription">Documentation</a></p>

<a href="http://plugins.spip.net/-configuration-et-autorisations-" rel="directory">Configuration & autorisations</a>

</description>

<content:encoded><div class='rss_texte'><p>Ce plugin propose lors de l'inscription d'un auteur de lui créer automatiquement une rubrique où il sera administrateur restreint.</p> <p><a href='http://www.spip-contrib.net/Rubrique-a-l-inscription' class='spip_out' rel='external'>Tout est détaillé sur contrib</a></p></div>
		
		</content:encoded>

";s:4:"tags";a:2:{i:0;s:116:"<a href="http://plugins.spip.net/-configuration-et-autorisations-" rel="directory">Configuration & autorisations</a>";i:1;s:130:"<a href='http://www.spip-contrib.net/Rubrique-a-l-inscription' class='spip_out' rel='external'>Tout est détaillé sur contrib</a>";}}}s:55:"http://files.spip.org/spip-zone/activite_editoriale.zip";a:3:{i:0;s:20:"Activite éditoriale";i:1;s:43:"http://plugins.spip.net/Activite-editoriale";i:2;a:10:{s:3:"url";s:43:"http://plugins.spip.net/Activite-editoriale";s:5:"titre";s:20:"Activite éditoriale";s:4:"date";i:1277549451;s:10:"lesauteurs";s:31:"Maïeul, Nicolas Hoizey, Scaron";s:10:"descriptif";s:423:"<p><a href="http://www.spip-contrib.net/Activite-editoriale">Documentation</a></p>

<a href="http://plugins.spip.net/-ergonomie-de-l-espace-prive-" rel="directory">Ergonomie de l'espace privé</a>

<description>
		
		
		
		<p><a href="http://www.spip-contrib.net/Activite-editoriale">Documentation</a></p>

<a href="http://plugins.spip.net/-ergonomie-de-l-espace-prive-" rel="directory">Ergonomie de l'espace privé</a>

</description>

<content:encoded><div class='rss_texte'><p>Permettre de rappeler de mettre à jour une rubrique.</p></div>
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:112:"<a href="http://plugins.spip.net/-ergonomie-de-l-espace-prive-" rel="directory">Ergonomie de l'espace privé</a>";}}}s:54:"http://files.spip.org/spip-zone/annonces_publiques.zip";a:3:{i:0;s:18:"Annonces publiques";i:1;s:42:"http://plugins.spip.net/Annonces-publiques";i:2;a:10:{s:3:"url";s:42:"http://plugins.spip.net/Annonces-publiques";s:5:"titre";s:18:"Annonces publiques";s:4:"date";i:1268135534;s:10:"lesauteurs";s:5:"James";s:10:"descriptif";s:646:"<p>Voici un plugin qui définit une boucle (<span class="caps">ANNONCES</span>) ainsi que <span class="numbers">3</span> critères simplifiant la sélection des événements passés, futurs ou en cours.</p>
		
		
		<p><a href="http://files.spip.org/spip-zone/annonces_publiques.zip">Documentation</a></p>

<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>

<description>
		<p>Voici un plugin qui définit une boucle (<span class="caps">ANNONCES</span>) ainsi que <span class="numbers">3</span> critères simplifiant la sélection des événements passés, futurs ou en cours.</p>
		
		
		<p><a href="http://files.spip.org/spip-zone/annonces_publiques.zip">Documentation</a></p>

<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>

</description>

<content:encoded><div class='rss_texte'><p>Il existe dans <span class="caps">SPIP</span> un système de messagerie interne. Il est peu connu, peu utilisé et c'est dommage car c'est un bon moyen (certes, perfectibles) d'animer la vie du site et de faciliter le travail coopératif entre rédacteurs.</p> <p>Parmi les fonctions qu'il propose, on trouve les annonces. En passant la souris sur l'enveloppe du bandeau coloré dans l'espace privé, on visualise les <span class="numbers">3</span> fonctions principales de la messagerie. La troisième option n'est disponible que pour les administrateurs.</p> <p>Grâce aux annonces, les administrateurs d'un site peuvent communiquer des informations à l'ensemble des rédacteurs. Elles peuvent, à l'instar des autres fonctions de cette messagerie intégrer le calendrier du site. Mais rien n'est dit sur la possibilité de les afficher sur le site public et donc de se servir de ces annonces pour gérer un agenda ultra-simple.</p> <p>Voici un plugin qui définit une boucle (<span class="caps">ANNONCES</span>) ainsi que <span class="numbers">3</span> critères simplifiant la sélection des événements passés, futurs ou en cours.</p> <ul class="spip"><li> <code class='spip_code' dir='ltr'>{a_venir}</code> sélectionnera les annonces dont la date de début est située après la date courante (ou date contextuelle),</li><li> <code class='spip_code' dir='ltr'>{revolus}</code> sélectionnera les annonces dont la date de fin est située avant la date courante,</li><li> <code class='spip_code' dir='ltr'>{en_cours}</code> sélectionnera les annonces dont la date de début est située avant la date courante et la date de fin après cette même date.</li></ul>
<p>Il ajoute un champ 'Lieu' permettant de séparer cette information dans un champ à part entière.</p> <p>Il reprend aussi le <a href='http://plugins.spip.net/Filtre-duree' class='spip_out'>filtre durée</a> et un filtre du <a href='http://plugins.spip.net/Plugin-Agenda' class='spip_out'>plugin agenda</a> qui affiche les dates d'événement de manière synthétique et élégante.</p> <p>Démonstration sur <a href='http://www.davduf.net/' class='spip_out' rel='external'>davduf.net</a> en bas à droite : « Davduf | David Dufresne sur les ondes »</p></div>
		
		</content:encoded>

";s:4:"tags";a:2:{i:0;s:105:"<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>";i:1;s:82:"<a href='http://www.davduf.net/' class='spip_out' rel='external'>davduf.net</a>";}}}s:55:"http://files.spip.org/spip-zone/typographie_avancee.zip";a:3:{i:0;s:20:"Typographie avancée";i:1;s:43:"http://plugins.spip.net/Typographie-avancee";i:2;a:10:{s:3:"url";s:43:"http://plugins.spip.net/Typographie-avancee";s:5:"titre";s:20:"Typographie avancée";s:4:"date";i:1267646769;s:10:"lesauteurs";s:5:"ARNO*";s:10:"descriptif";s:562:"<p>« Typographie avancée » active automatiquement un grand nombre d'automatismes destinés à affiner la typographie des textes produits par <span class="caps">SPIP</span>.</p>

<a href="http://plugins.spip.net/-Typographie-raccourcis-" rel="directory">Typographie & raccourcis</a>

<description>
		<p>« Typographie avancée » active automatiquement un grand nombre d'automatismes destinés à affiner la typographie des textes produits par <span class="caps">SPIP</span>.</p>

<a href="http://plugins.spip.net/-Typographie-raccourcis-" rel="directory">Typographie & raccourcis</a>

</description>

<content:encoded><div class='rss_texte'><p>« Typographie avancée » est l'adaptation, pour <span class="caps">SPIP</span>, de la classe « <a href='http://kingdesk.com/projects/php-typography/' class='spip_out' rel='external'><span class="caps">PHP</span> Typography</a> », dont les réglages ont été optimisés pour assurer sa compatibilité avec <span class="caps">SPIP</span>.</p> <p>Lorsque le plugin est activé, les traitements sont immédiatement appliqués, aussi bien aux éléments du site public qu'à ceux de l'espace privé. Les traitements sont réalisés avant le filtre <code class='spip_code' dir='ltr'>|typo</code>, et concernent donc la quasi-totalité des textes traités par <span class="caps">SPIP</span>.</p> <h3 class="spip">Veuves et orphelines</h3>
<p>L'une des plaies des affichages de texte sur le Web est la mauvaise gestion, par les navigateurs, des dernières lignes de texte. Il n'est pas rare, en effet, de se retrouver avec un mot court isolé en dernière ligne d'une paragraphe.</p> <p>Le plugin est configuré pour interdire l'affichage d'un mot ou d'un groupe de mot de moins de neuf caractères en dernière ligne. Pour cela, il insère des espaces insécables entre ces derniers mots.</p> <h3 class="spip">Césures automatiques</h3>
<p>Le plugin insère des indications de césure dans les textes, et cela pour plus de <span class="numbers">40</span> langues. Le principe est similaire au filtre « <a href='http://plugins.spip.net/cesure-automatique' class='spip_in'>Césure automatique</a> », mais le traitement est plus fin et produit moins de césures dans les textes. Notamment : une césure ne peut pas être insérée à moins de trois lettre du début d'un mot, et à moins de quatre caractères de la fin ; cela évite les césures trop nombreuses et trop inélégantes.</p> <p>Un aspect sympathique de php-typography, c'est qu'il n'y a pas d'insertion de césures dans les neuf derniers caractères d'un paragraphe, pour éviter de rendre inefficace la gestion des veuves et des orphelines.</p> <p><strong>Notez bien :</strong> ce plugin rend inutile le plugin « Césure automatique ». Ne les utilisez pas les deux en même temps.</p> <h3 class="spip">Corrections typographiques</h3>
<p>Le plugin active certaines corrections typographiques mineures, dont la transformation de la lettre « x » dans « <span class="numbers">640</span>×<span class="numbers">480</span> » en véritable symbole de multiplication.</p> <p>En revanche, la majeure partie des corrections de <span class="caps">PHP</span> Typography est désactivée, parce qu'elles ne fonctionnent pas correctement ou invalident des traitements automatiques de <span class="caps">SPIP</span> :
<br />— pas de mise en exposant ; pour cela, installez le plugin « <a href='http://plugins.spip.net/Typo-mise-en-exposant' class='spip_in'>Typo : mise en exposant</a> », beaucoup plus précis et efficace ;
<br />— pas de correction des guillemets ; pour cela, utilisez « <a href='http://plugins.spip.net/Typo-guillemets' class='spip_in'>Typo : guillemets</a> ».</p> <p>Noter que la fonction de remplacement automatique de textes mal accentués par leur version accentuée (« creme brulee » devient « crême brulée ») est désactivée. Celle fonction est conçue uniquement pour l'anglais, et je pense que ça n'est pas la vocation d'un correcteur typographique de faire cela, et cela provoque de trop nombreux dommages collatéraux.</p> <h3 class="spip">Insertion d'indications de classes</h3>
<p>Certains éléments des textes sont encapsulés automatiquement dans des <code class='spip_code' dir='ltr'>span</code> dotés de classes (<span class="caps">CSS</span>) spécifiques :
<br />— l'espuerlète est dotée de la classe <code class='spip_code' dir='ltr'>amp</code>,
<br />— les chiffres sont dotés de la classe <code class='spip_code' dir='ltr'>numbers</code>,
<br />— les acronymes (mots composés entièrement en majuscules) sont dotées de la classe <code class='spip_code' dir='ltr'>caps</code>.</p> <p>Visuellement, cela ne change rien au rendu graphique par défaut. Cependant, cela vous donne la possibilité de créer des styles adaptés (espuerlète en italique, chiffres dans une police sans empattements, acronymes en petites capitales…).</p> <h3 class="spip">Annuler certains effets</h3>
<p>Tous les textes traités par le filtre <code class='spip_code' dir='ltr'>|typo</code> de <span class="caps">SPIP</span> (c'est-à-dire quasiment tous les textes) sont modifiés par ce plugin.</p> <p><strong>C'est donc un plugin qui peut se montrer très intrusif.</strong> Par ailleurs, notez que les temps de calcul des pages est <i>très lourdement allongés</i> (puisque les traitements sur les textes sont lourds).</p> <p>Pour supprimer les caractères invisibles insérés par le plugin, notamment ceux destinés à provoquer les césures discrètes, le filtre <code class='spip_code' dir='ltr'>|supprimer_cesure</code> est inclus. Il est notamment utile avant le passage d'un élément par <code class='spip_code' dir='ltr'>|image_typo</code> (qui, sinon, affiche des espaces parasites là où le plugin a inséré des caractères invisibles).</p> <h3 class="spip">Évolutions</h3>
<p><strong><span class="numbers">0</span>.<span class="numbers">2</span>.</strong> Renato a signalé un bug : les patterns de césure basés sur un seul caractère n'étaient pas pris en compte. La version de PHP-Typography est donc patchée. (Le bug est signalé à KingDesk.)</p> <p>Par ailleurs, le plugin ne s'applique plus dans l'espace privé.</p></div>
		
		</content:encoded>

";s:4:"tags";a:2:{i:0;s:103:"<a href="http://plugins.spip.net/-Typographie-raccourcis-" rel="directory">Typographie & raccourcis</a>";i:1;s:133:"<a href='http://kingdesk.com/projects/php-typography/' class='spip_out' rel='external'><span class="caps">PHP</span> Typography</a>";}}}s:61:"http://files.spip.org/spip-zone/listes_articles_completes.zip";a:3:{i:0;s:28:"Listes d'articles complètes";i:1;s:51:"http://plugins.spip.net/Listes-d-articles-completes";i:2;a:10:{s:3:"url";s:51:"http://plugins.spip.net/Listes-d-articles-completes";s:5:"titre";s:28:"Listes d'articles complètes";s:4:"date";i:1267045897;s:10:"lesauteurs";s:5:"ARNO*";s:10:"descriptif";s:435:"<p>Modifie la présentation des listes d'articles dans l'espace privé.</p>

<a href="http://plugins.spip.net/-ergonomie-de-l-espace-prive-" rel="directory">Ergonomie de l'espace privé</a>

<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span>, 
Fonctions génériques, 
<b>Pas de texte</b>, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>";s:7:"content";s:3221:"<div class='rss_texte'><div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_227 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_227').slideFadeToggle( function(){ $('.spip_document_227').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/png/Capture_d_ecran_2010-02-24_a_22-08-38.png"><img src='http://plugins.spip.net/local/cache-vignettes/L500xH247/Capture_d_ecran_2010-02-24_a_22-08-38-97989-0c69e.png' width='500' height='247' style='height:247px;width:500px;' /></a></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_227 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_227').slideFadeToggle( function(){ $('.spip_document_big_227').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/png/Capture_d_ecran_2010-02-24_a_22-08-38.png"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH99/Capture_d_ecran_2010-02-24_a_22-08-38-e2cde-bd923.png' width='200' height='99' style='height:99px;width:200px;' /></a></dt> </dl> </div>
<p>Ce plugin modifie la présentation des listes d'articles dans l'espace privé en ajoutant ;
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> le surtitre,
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> le soustitre,
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> un logo deux fois plus grand,
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> le nombre de visites,
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> la popularité de l'article.</p> <p>Selon les droits de l'utilisateur connecté et le statut de chaque article, le plugin affiche des liens supplémentaires pour :
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> accéder à la page de statistiques de l'article,
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> modifier l'article,
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> afficher l'article en ligne.</p> <p>Attention, le plugin surcharge les fonctions <code class='spip_code' dir='ltr'>inc_afficher_articles</code> et <code class='spip_code' dir='ltr'>inc_formater_article</code>.</p></div>";s:4:"lang";s:2:"fr";s:10:"enclosures";s:157:"<a rel="enclosure" href="http://files.spip.org/spip-zone/listes_articles_completes.zip" type="application/zip" title="3088">listes_articles_completes.zip</a>";s:4:"item";s:4504:"
		<title>Listes d'articles complètes</title>
		<link>http://plugins.spip.net/Listes-d-articles-completes</link>
		<guid isPermaLink="true">http://plugins.spip.net/Listes-d-articles-completes</guid>
		<date>2010-02-24T21:11:37Z</date>
		<format>text/html</format>
		<language>fr</language>
		<creator>ARNO*</creator>

<description>
		<p>Modifie la présentation des listes d'articles dans l'espace privé.</p>

<a href="http://plugins.spip.net/-ergonomie-de-l-espace-prive-" rel="directory">Ergonomie de l'espace privé</a>

</description>

<content:encoded><div class='rss_texte'><div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_227 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_227').slideFadeToggle( function(){ $('.spip_document_227').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/png/Capture_d_ecran_2010-02-24_a_22-08-38.png"><img src='http://plugins.spip.net/local/cache-vignettes/L500xH247/Capture_d_ecran_2010-02-24_a_22-08-38-97989-0c69e.png' width='500' height='247' style='height:247px;width:500px;' /></a></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_227 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_227').slideFadeToggle( function(){ $('.spip_document_big_227').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/png/Capture_d_ecran_2010-02-24_a_22-08-38.png"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH99/Capture_d_ecran_2010-02-24_a_22-08-38-e2cde-bd923.png' width='200' height='99' style='height:99px;width:200px;' /></a></dt> </dl> </div>
<p>Ce plugin modifie la présentation des listes d'articles dans l'espace privé en ajoutant ;
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> le surtitre,
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> le soustitre,
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> un logo deux fois plus grand,
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> le nombre de visites,
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> la popularité de l'article.</p> <p>Selon les droits de l'utilisateur connecté et le statut de chaque article, le plugin affiche des liens supplémentaires pour :
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> accéder à la page de statistiques de l'article,
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> modifier l'article,
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> afficher l'article en ligne.</p> <p>Attention, le plugin surcharge les fonctions <code class='spip_code' dir='ltr'>inc_afficher_articles</code> et <code class='spip_code' dir='ltr'>inc_formater_article</code>.</p></div>
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:112:"<a href="http://plugins.spip.net/-ergonomie-de-l-espace-prive-" rel="directory">Ergonomie de l'espace privé</a>";}}}s:57:"http://files.spip.org/spip-zone/clevermail_pour_spip2.zip";a:3:{i:0;s:10:"CleverMail";i:1;s:34:"http://plugins.spip.net/CleverMail";i:2;a:11:{s:3:"url";s:34:"http://plugins.spip.net/CleverMail";s:5:"titre";s:10:"CleverMail";s:4:"date";i:1266954434;s:10:"lesauteurs";s:14:"Nicolas Hoizey";s:10:"descriptif";s:696:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton148-30111.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>CleverMail est un plugin permettant d'envoyer des lettres d'informations à des abonnés depuis <span class="caps">SPIP</span>.</p>

<a href="http://plugins.spip.net/-email-listes-de-diffusion-" rel="directory">Email, listes de diffusion</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton148-30111.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>CleverMail est un plugin permettant d'envoyer des lettres d'informations à des abonnés depuis <span class="caps">SPIP</span>.</p>

<a href="http://plugins.spip.net/-email-listes-de-diffusion-" rel="directory">Email, listes de diffusion</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L128xH128/arton148-289c8.png" width='128' height='128' style='height:128px;width:128px;' />
		<div class='rss_texte'><p>CleverMail est un plugin permettant d'envoyer des lettres d'informations à des abonnés depuis <span class="caps">SPIP</span>. Issu au départ d'un développement libre complètement indépendant de <span class="caps">SPIP</span>, il a connu une première version pour <span class="caps">SPIP</span> <span class="numbers">1</span>.<span class="numbers">9</span> avant d'être complètement réécrit pour <span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span>.</p> <p>Les principales fonctionnalités de CleverMail sont :</p> <ul class="spip"><li> Gestion de <strong>multiples lettres</strong>, avec possibilité de les rassembler par catégories</li><li> Gestion des inscriptions en ligne et désinscriptions, <strong>les abonnés étant distincts des utilisateurs de <span class="caps">SPIP</span></strong></li><li> Possibilité de restreindre la liste des lettres proposées dans le formulaire d'abonnement</li><li> Abonnement au choix de l'utilisateur en version <strong>texte brut ou multipart simultané <span class="caps">HTML</span> + texte brut</strong></li><li> Possibilité de forcer la version dans le formulaire d'abonnement</li><li> Récupération des contenus <span class="caps">HTML</span> et texte brut à partir de deux <span class="caps">URL</span>, donc <strong>utilisation de squelettes <span class="caps">SPIP</span></strong> dédiés possible</li><li> <strong>Automatisation des envois</strong> avec une fréquence quotidienne, hebdomadaire (multiples jours de la semaine possibles) ou mensuelle</li><li> <strong>Automatisation des inscriptions</strong> depuis un fichier distant</li></ul>
<p>CleverMail est <a href='http://zone.spip.org/trac/spip-zone/browser/_plugins_/clevermail/' class='spip_out' rel='external'>développé sur le Subversion de la Zone</a> et <a href='http://www.spip-contrib.net/CleverMail' class='spip_out' rel='external'>documenté sur <span class="caps">SPIP</span> Contrib</a>.</p></div>
		
		</content:encoded>

";s:4:"tags";a:3:{i:0;s:108:"<a href="http://plugins.spip.net/-email-listes-de-diffusion-" rel="directory">Email, listes de diffusion</a>";i:1;s:156:"<a href='http://zone.spip.org/trac/spip-zone/browser/_plugins_/clevermail/' class='spip_out' rel='external'>développé sur le Subversion de la Zone</a>";i:2;s:140:"<a href='http://www.spip-contrib.net/CleverMail' class='spip_out' rel='external'>documenté sur <span class="caps">SPIP</span> Contrib</a>";}s:4:"icon";s:72:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton148-30111.png";}}s:59:"http://files.spip.org/spip-zone/themes_interface_privee.zip";a:3:{i:0;s:32:"Thèmes pour l'interface privée";i:1;s:54:"http://plugins.spip.net/Themes-pour-l-interface-privee";i:2;a:10:{s:3:"url";s:54:"http://plugins.spip.net/Themes-pour-l-interface-privee";s:5:"titre";s:32:"Thèmes pour l'interface privée";s:4:"date";i:1266846738;s:10:"lesauteurs";s:5:"ARNO*";s:10:"descriptif";s:484:"<p>Un sélecteur d'interfaces graphiques pour l'espace privé de <span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>. Une petite collection d'interfaces est livrée avec le plugin.</p>

<a href="http://plugins.spip.net/-Graphisme-de-l-espace-prive-" rel="directory">Graphisme de l'espace privé</a>

Français, 
Fonctions génériques, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>";s:7:"content";s:9510:"<div class='rss_texte'><p>Ce plugin permet à chaque participant à l'espace privé de sélectionner sa propre interface graphique en fonction de ses goûts ou de ses critères pour son confort de lecture à l'écran.</p> <p>Un sélecteur d'interfaces est ajouté dans le menu de configuration de l'interface.</p> <p><span class='spip_document_216 spip_documents spip_documents_center'>
<img src='http://plugins.spip.net/local/cache-vignettes/L233xH199/switcher-47648.jpg' width='233' height='199' alt="" style='height:199px;width:233px;' /></span></p> <p>Une collection d'interfaces est livrée avec le plugin.</p> <p>Les trois premières interfaces sont des variantes de l'interface standard de <span class="caps">SPIP</span>.</p> <p>La première, « standard », est l'nterface standard de <span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>, sans modification (à noter : si le plugin SPIP-Bonux est activé, cette version permet de retrouver l'interface standard, auparavant « écrasée » par Bonux).</p> <div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_217 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_217').slideFadeToggle( function(){ $('.spip_document_217').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/interface-standard.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L500xH301/interface-standard-50d1e-f32cd.jpg' width='500' height='301' style='height:301px;width:500px;' /></a></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_217 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_217').slideFadeToggle( function(){ $('.spip_document_big_217').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/interface-standard.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH121/interface-standard-b13e1-cd7ad.jpg' width='200' height='121' style='height:121px;width:200px;' /></a></dt> </dl> </div>
<p>La seconde interface est une déclinaison de l'interface standard agrémentée des effets de relief propres à <span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span> (qualifiée de « bling-bling » par ses détracteurs). Les champs des formulaires et les boutons de validation sont, par ailleurs, traités graphiquement.</p> <div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_218 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_218').slideFadeToggle( function(){ $('.spip_document_218').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/interface-effets.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L500xH292/interface-effets-0c51f-4aa2f.jpg' width='500' height='292' style='height:292px;width:500px;' /></a></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_218 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_218').slideFadeToggle( function(){ $('.spip_document_big_218').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/interface-effets.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH117/interface-effets-6e5c9-5db18.jpg' width='200' height='117' style='height:117px;width:200px;' /></a></dt> </dl> </div>
<p>La troisième interface rétablit les effets de fort contraste de <span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span> (et de Bonux). On y retrouve l'omniprésence des filets noirs très marqués.</p> <div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_219 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_219').slideFadeToggle( function(){ $('.spip_document_219').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/interface-contrastee.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L500xH353/interface-contrastee-76b70-7424c.jpg' width='500' height='353' style='height:353px;width:500px;' /></a></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_219 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_219').slideFadeToggle( function(){ $('.spip_document_big_219').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/interface-contrastee.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH141/interface-contrastee-6d425-20ab3.jpg' width='200' height='141' style='height:141px;width:200px;' /></a></dt> </dl> </div>
<p>L'interface « À la façon de Wordpress » s'inspire de l'espace d'administration de Wordpress : interface largement grise, subtils effets de dégradé, arrondis omniprésents, et présentation assez marquée des formulaires. Les effets d'arrondi demandent un butineur récent (et sans doute pas Internet Explorer).</p> <p>Dans cette version, les petits triangles « plier/déplier » passent à droite des titres des pavés.</p> <div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_221 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_221').slideFadeToggle( function(){ $('.spip_document_221').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/interface-wpip-2.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L500xH348/interface-wpip-2-9a7c9-ddf4a.jpg' width='500' height='348' style='height:348px;width:500px;' /></a></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_221 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_221').slideFadeToggle( function(){ $('.spip_document_big_221').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/interface-wpip-2.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH139/interface-wpip-2-0805f-3b213.jpg' width='200' height='139' style='height:139px;width:200px;' /></a></dt> </dl> </div>
<p>L'interface « Menthe et chocolat » propose une variante plus chargée. À noter : dans cette version, les éléments des sous-menus du bandeau principal sont présentés à la verticale, les uns sous les autres.</p> <div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_228 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_228').slideFadeToggle( function(){ $('.spip_document_228').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/chocolat.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L500xH265/chocolat-9a331-dc603.jpg' width='500' height='265' style='height:265px;width:500px;' /></a></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_228 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_228').slideFadeToggle( function(){ $('.spip_document_big_228').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/chocolat.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH106/chocolat-1e376-b1d16.jpg' width='200' height='106' style='height:106px;width:200px;' /></a></dt> </dl> </div>
<p>L'interface « blanche » est une tentative de création d'une interface beaucoup plus différenciée, intégralement sur fond blanc, et avec des pavés sensiblement différents de la logique habituelle de <span class="caps">SPIP</span>.</p> <div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_222 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_222').slideFadeToggle( function(){ $('.spip_document_222').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/interface-blanche.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L500xH309/interface-blanche-8bc13-9c64d.jpg' width='500' height='309' style='height:309px;width:500px;' /></a></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_222 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_222').slideFadeToggle( function(){ $('.spip_document_big_222').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/interface-blanche.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH124/interface-blanche-dc8e4-09246.jpg' width='200' height='124' style='height:124px;width:200px;' /></a></dt> </dl> </div></div>";s:4:"lang";s:2:"fr";s:10:"enclosures";s:154:"<a rel="enclosure" href="http://files.spip.org/spip-zone/themes_interface_privee.zip" type="application/zip" title="35632">themes_interface_privee.zip</a>";s:4:"item";s:10727:"
		<title>Thèmes pour l'interface privée</title>
		<link>http://plugins.spip.net/Themes-pour-l-interface-privee</link>
		<guid isPermaLink="true">http://plugins.spip.net/Themes-pour-l-interface-privee</guid>
		<date>2010-02-22T13:52:18Z</date>
		<format>text/html</format>
		<language>fr</language>
		<creator>ARNO*</creator>

<subject>Français</subject>
		<subject>Fonctions génériques</subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<description>
		<p>Un sélecteur d'interfaces graphiques pour l'espace privé de <span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>. Une petite collection d'interfaces est livrée avec le plugin.</p>

<a href="http://plugins.spip.net/-Graphisme-de-l-espace-prive-" rel="directory">Graphisme de l'espace privé</a>

Français, 
Fonctions génériques, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>

</description>

<content:encoded><div class='rss_texte'><p>Ce plugin permet à chaque participant à l'espace privé de sélectionner sa propre interface graphique en fonction de ses goûts ou de ses critères pour son confort de lecture à l'écran.</p> <p>Un sélecteur d'interfaces est ajouté dans le menu de configuration de l'interface.</p> <p><span class='spip_document_216 spip_documents spip_documents_center'>
<img src='http://plugins.spip.net/local/cache-vignettes/L233xH199/switcher-47648.jpg' width='233' height='199' alt="" style='height:199px;width:233px;' /></span></p> <p>Une collection d'interfaces est livrée avec le plugin.</p> <p>Les trois premières interfaces sont des variantes de l'interface standard de <span class="caps">SPIP</span>.</p> <p>La première, « standard », est l'nterface standard de <span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>, sans modification (à noter : si le plugin SPIP-Bonux est activé, cette version permet de retrouver l'interface standard, auparavant « écrasée » par Bonux).</p> <div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_217 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_217').slideFadeToggle( function(){ $('.spip_document_217').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/interface-standard.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L500xH301/interface-standard-50d1e-f32cd.jpg' width='500' height='301' style='height:301px;width:500px;' /></a></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_217 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_217').slideFadeToggle( function(){ $('.spip_document_big_217').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/interface-standard.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH121/interface-standard-b13e1-cd7ad.jpg' width='200' height='121' style='height:121px;width:200px;' /></a></dt> </dl> </div>
<p>La seconde interface est une déclinaison de l'interface standard agrémentée des effets de relief propres à <span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span> (qualifiée de « bling-bling » par ses détracteurs). Les champs des formulaires et les boutons de validation sont, par ailleurs, traités graphiquement.</p> <div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_218 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_218').slideFadeToggle( function(){ $('.spip_document_218').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/interface-effets.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L500xH292/interface-effets-0c51f-4aa2f.jpg' width='500' height='292' style='height:292px;width:500px;' /></a></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_218 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_218').slideFadeToggle( function(){ $('.spip_document_big_218').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/interface-effets.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH117/interface-effets-6e5c9-5db18.jpg' width='200' height='117' style='height:117px;width:200px;' /></a></dt> </dl> </div>
<p>La troisième interface rétablit les effets de fort contraste de <span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span> (et de Bonux). On y retrouve l'omniprésence des filets noirs très marqués.</p> <div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_219 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_219').slideFadeToggle( function(){ $('.spip_document_219').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/interface-contrastee.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L500xH353/interface-contrastee-76b70-7424c.jpg' width='500' height='353' style='height:353px;width:500px;' /></a></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_219 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_219').slideFadeToggle( function(){ $('.spip_document_big_219').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/interface-contrastee.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH141/interface-contrastee-6d425-20ab3.jpg' width='200' height='141' style='height:141px;width:200px;' /></a></dt> </dl> </div>
<p>L'interface « À la façon de Wordpress » s'inspire de l'espace d'administration de Wordpress : interface largement grise, subtils effets de dégradé, arrondis omniprésents, et présentation assez marquée des formulaires. Les effets d'arrondi demandent un butineur récent (et sans doute pas Internet Explorer).</p> <p>Dans cette version, les petits triangles « plier/déplier » passent à droite des titres des pavés.</p> <div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_221 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_221').slideFadeToggle( function(){ $('.spip_document_221').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/interface-wpip-2.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L500xH348/interface-wpip-2-9a7c9-ddf4a.jpg' width='500' height='348' style='height:348px;width:500px;' /></a></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_221 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_221').slideFadeToggle( function(){ $('.spip_document_big_221').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/interface-wpip-2.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH139/interface-wpip-2-0805f-3b213.jpg' width='200' height='139' style='height:139px;width:200px;' /></a></dt> </dl> </div>
<p>L'interface « Menthe et chocolat » propose une variante plus chargée. À noter : dans cette version, les éléments des sous-menus du bandeau principal sont présentés à la verticale, les uns sous les autres.</p> <div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_228 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_228').slideFadeToggle( function(){ $('.spip_document_228').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/chocolat.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L500xH265/chocolat-9a331-dc603.jpg' width='500' height='265' style='height:265px;width:500px;' /></a></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_228 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_228').slideFadeToggle( function(){ $('.spip_document_big_228').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/chocolat.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH106/chocolat-1e376-b1d16.jpg' width='200' height='106' style='height:106px;width:200px;' /></a></dt> </dl> </div>
<p>L'interface « blanche » est une tentative de création d'une interface beaucoup plus différenciée, intégralement sur fond blanc, et avec des pavés sensiblement différents de la logique habituelle de <span class="caps">SPIP</span>.</p> <div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_222 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_222').slideFadeToggle( function(){ $('.spip_document_222').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/interface-blanche.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L500xH309/interface-blanche-8bc13-9c64d.jpg' width='500' height='309' style='height:309px;width:500px;' /></a></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_222 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_222').slideFadeToggle( function(){ $('.spip_document_big_222').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/interface-blanche.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH124/interface-blanche-dc8e4-09246.jpg' width='200' height='124' style='height:124px;width:200px;' /></a></dt> </dl> </div></div>
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:112:"<a href="http://plugins.spip.net/-Graphisme-de-l-espace-prive-" rel="directory">Graphisme de l'espace privé</a>";}}}s:50:"http://files.spip.org/spip-zone/en_travaux_2_0.zip";a:3:{i:0;s:16:"« En travaux »";i:1;s:34:"http://plugins.spip.net/En-travaux";i:2;a:11:{s:3:"url";s:34:"http://plugins.spip.net/En-travaux";s:5:"titre";s:16:"« En travaux »";s:4:"date";i:1266587827;s:10:"lesauteurs";s:35:"Cédric Morin, Romy Têtue, ventrea";s:10:"descriptif";s:850:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton146-94666.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>À utiliser pendant une phase de maintenance, ce plugin affiche une page d'avertissement personnalisable, en lieu et place du site public.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Plugin-En-travaux-2-0">Documentation</a></p>

<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>

<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span></subject>
		<subject>Pas d'accès <span class="caps">SQL</span></subject>
		<subject>Français</subject>
		<subject>English</subject>
		<subject>Italiano</subject>
		<subject>Español</subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton146-94666.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>À utiliser pendant une phase de maintenance, ce plugin affiche une page d'avertissement personnalisable, en lieu et place du site public.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Plugin-En-travaux-2-0">Documentation</a></p>

<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton146-94666.png" width='64' height='64' style='height:64px;width:64px;' />
		<div class='rss_texte'><p>À utiliser pendant une phase de maintenance, ce plugin affiche une page d'avertissement personnalisable, en lieu et place du site public.</p> <p>Il suffit d'activer ce plugin pour que toutes les pages du site public soient aussitôt remplacées par un message informant les internautes que le site est en cours de maintenance.</p></div>
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:105:"<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>";}s:4:"icon";s:72:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton146-94666.png";}}s:48:"http://files.spip.org/spip-zone/critere_mots.zip";a:3:{i:0;s:15:"Critère {mots}";i:1;s:36:"http://plugins.spip.net/Critere-mots";i:2;a:10:{s:3:"url";s:36:"http://plugins.spip.net/Critere-mots";s:5:"titre";s:15:"Critère {mots}";s:4:"date";i:1266587141;s:10:"lesauteurs";s:12:"Fil, Maïeul";s:10:"descriptif";s:563:"<p>Permet d'afficher les éléments qui ont plusieurs mots clés en communs, via la variable $mots[] passée dans l'environnement</p>
		
		
		<p><a href="http://www.spip-contrib.net/Critere-mots">Documentation</a></p>

<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>

<description>
		<p>Permet d'afficher les éléments qui ont plusieurs mots clés en communs, via la variable $mots[] passée dans l'environnement</p>
		
		
		<p><a href="http://www.spip-contrib.net/Critere-mots">Documentation</a></p>

<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>

</description>

<content:encoded><div class='rss_texte'><p>Permettre de sélectionner facilement des objets <span class="caps">SPIP</span> ayant un ou des mots clefs en communs.</p></div>
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:105:"<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>";}}}s:39:"http://files.spip.org/spip-zone/a2a.zip";a:3:{i:0;s:22:"A2A, lier des articles";i:1;s:45:"http://plugins.spip.net/A2A-lier-des-articles";i:2;a:11:{s:3:"url";s:45:"http://plugins.spip.net/A2A-lier-des-articles";s:5:"titre";s:22:"A2A, lier des articles";s:4:"date";i:1266586985;s:10:"lesauteurs";s:0:"";s:10:"descriptif";s:745:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton144-d80f1.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Petit plugin qui permet de lier un article à un ou plusieurs autre(s)</p>
		
		
		<p><a href="http://www.spip-contrib.net/Le-plugin-a2a-pour-lier-des">Documentation</a></p>

<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>

<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span>, 
Français, 
English, 
Español, 
Fonctions génériques, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>";s:7:"content";s:504:"http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton144-d80f1.png" width='64' height='64' style='height:64px;width:64px;' />
		<div class='rss_texte'><p>Ce plugin permet de lier des articles de façon ponctuelle sans avoir à utiliser les mots-clés de <span class="caps">SPIP</span>. Il peut être utilisé pour mettre en place des liens de type "Lire aussi" comme dans le squelette Sarka-SPIP.</p></div>";s:4:"lang";s:2:"fr";s:10:"enclosures";s:114:"<a rel="enclosure" href="http://files.spip.org/spip-zone/a2a.zip" type="application/zip" title="13059">a2a.zip</a>";s:4:"item";s:2080:"
		<title>A2A, lier des articles</title>
		<link>http://plugins.spip.net/A2A-lier-des-articles</link>
		<guid isPermaLink="true">http://plugins.spip.net/A2A-lier-des-articles</guid>
		<date>2010-02-19T13:43:05Z</date>
		<format>text/html</format>
		<language>fr</language>

<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span></subject>
		<subject>Français</subject>
		<subject>English</subject>
		<subject>Español</subject>
		<subject>Fonctions génériques</subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton144-d80f1.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Petit plugin qui permet de lier un article à un ou plusieurs autre(s)</p>
		
		
		<p><a href="http://www.spip-contrib.net/Le-plugin-a2a-pour-lier-des">Documentation</a></p>

<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton144-d80f1.png" width='64' height='64' style='height:64px;width:64px;' />
		<div class='rss_texte'><p>Ce plugin permet de lier des articles de façon ponctuelle sans avoir à utiliser les mots-clés de <span class="caps">SPIP</span>. Il peut être utilisé pour mettre en place des liens de type "Lire aussi" comme dans le squelette Sarka-SPIP.</p></div>
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:105:"<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>";}s:4:"icon";s:72:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton144-d80f1.png";}}s:48:"http://files.spip.org/spip-zone/tickets_kiss.zip";a:3:{i:0;s:12:"Tickets Kiss";i:1;s:36:"http://plugins.spip.net/Tickets-Kiss";i:2;a:10:{s:3:"url";s:36:"http://plugins.spip.net/Tickets-Kiss";s:5:"titre";s:12:"Tickets Kiss";s:4:"date";i:1266581386;s:10:"lesauteurs";s:5:"ARNO*";s:10:"descriptif";s:519:"<p>Tickets est un outil de suivi de bugs intégré à l'espace privé de <span class="caps">SPIP</span>. La version « <span class="caps">KISS</span> » est sa version simplifiée.</p>

<a href="http://plugins.spip.net/-nouveaux-objets-" rel="directory">Nouveaux objets</a>

<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span></subject>
		<subject>Français</subject>
		<subject>English</subject>
		<subject>Fonctions génériques</subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<description>
		<p>Tickets est un outil de suivi de bugs intégré à l'espace privé de <span class="caps">SPIP</span>. La version « <span class="caps">KISS</span> » est sa version simplifiée.</p>

<a href="http://plugins.spip.net/-nouveaux-objets-" rel="directory">Nouveaux objets</a>

</description>

<content:encoded><div class='rss_texte'><p>Tickets Kiss (pour <i>Keep it simple, stupid !</i>) est une version du <a href='http://plugins.spip.net/Tickets-suivi-de-bugs' class='spip_in'>plugin Tickets</a> simplifiée :
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> l'installation en demande aucune dépendance (ni Bonux, ni Saisie, ni <span class="caps">CFG</span>),
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> il n'y a pas de page de configuration.</p> <p>Le principe est celui de la version originelle de Tickets : j'installe un système simple de suivi de bugs, et il fonctionne immédiatement.</p> <p>Évidemment, si vous avez besoin d'options de configuration poussées, utilisez <a href='http://plugins.spip.net/Tickets-suivi-de-bugs' class='spip_in'>la version Tickets complète</a>.</p></div>
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:87:"<a href="http://plugins.spip.net/-nouveaux-objets-" rel="directory">Nouveaux objets</a>";}}}s:55:"http://files.spip.org/spip-zone/formulaires_uniform.zip";a:3:{i:0;s:19:"Formulaires Uniform";i:1;s:43:"http://plugins.spip.net/Formulaires-Uniform";i:2;a:10:{s:3:"url";s:43:"http://plugins.spip.net/Formulaires-Uniform";s:5:"titre";s:19:"Formulaires Uniform";s:4:"date";i:1266579374;s:10:"lesauteurs";s:5:"ARNO*";s:10:"descriptif";s:836:"<p>Uniformise certains éléments de formulaires, en utilisant le <a href='http://pixelmatrixdesign.com/uniform/' class='spip_out' rel='external'>plugin Uniform de PixelMatrix</a>. Attention : l'affichage est défaillant sous <span class="caps">MSIE</span> <span class="numbers">7</span> et sous Firefox <span class="numbers">2</span> ; n'activer ce plugin que si vous êtes seul(e) à utiliser votre site avec un navigateur compatible.</p>

<a href="http://plugins.spip.net/-Graphisme-de-l-espace-prive-" rel="directory">Graphisme de l'espace privé</a>

<description>
		<p>Uniformise certains éléments de formulaires, en utilisant le <a href='http://pixelmatrixdesign.com/uniform/' class='spip_out' rel='external'>plugin Uniform de PixelMatrix</a>. Attention : l'affichage est défaillant sous <span class="caps">MSIE</span> <span class="numbers">7</span> et sous Firefox <span class="numbers">2</span> ; n'activer ce plugin que si vous êtes seul(e) à utiliser votre site avec un navigateur compatible.</p>

<a href="http://plugins.spip.net/-Graphisme-de-l-espace-prive-" rel="directory">Graphisme de l'espace privé</a>

</description>

<content:encoded><div class='rss_texte'><p>Uniformise certains éléments de formulaires, en utilisant le <a href='http://pixelmatrixdesign.com/uniform/' class='spip_out' rel='external'>plugin Uniform de PixelMatrix</a>.</p> <dl class='spip_document_207 spip_documents spip_documents_center'>
<dt><img src='http://plugins.spip.net/local/cache-vignettes/L455xH191/Capture_d_ecran_2010-02-19_a_12-34-17-39757.png' width='455' height='191' alt='PNG - 18.2 ko' style='height:191px;width:455px;' /></dt>
<dt class='spip_doc_titre' style='width:350px;'><strong>Page configuration</strong></dt>
<dd class='spip_doc_descriptif' style='width:350px;'>Les boutons radio adoptent un graphisme uniformisé.
</dd>
</dl>
<dl class='spip_document_208 spip_documents spip_documents_center'>
<dt><img src='http://plugins.spip.net/local/cache-vignettes/L256xH72/Capture_d_ecran_2010-02-19_a_12-34-34-9aa4b.png' width='256' height='72' alt='PNG - 12.4 ko' style='height:72px;width:256px;' /></dt>
<dt class='spip_doc_titre' style='width:256px;'><strong>Bouton d'upload de fichier</strong></dt>
</dl>
<p>Attention : l'affichage est défaillant sous <span class="caps">MSIE</span> <span class="numbers">7</span> et sous Firefox <span class="numbers">2</span> ; n'activer ce plugin que si vous êtes seul(e) à utiliser votre site avec un navigateur compatible (Firefox <span class="numbers">3</span>, Safari, Google Chrome).</p></div>
		
		</content:encoded>

";s:4:"tags";a:3:{i:0;s:115:"<a href='http://pixelmatrixdesign.com/uniform/' class='spip_out' rel='external'>plugin Uniform de PixelMatrix</a>";i:1;s:112:"<a href="http://plugins.spip.net/-Graphisme-de-l-espace-prive-" rel="directory">Graphisme de l'espace privé</a>";i:2;s:113:"<a href='http://pixelmatrixdesign.com/uniform/' class='spip_out' rel='external'>plugin Uniform de PixelMatrix</a>";}}}s:42:"http://files.spip.org/spip-zone/woopra.zip";a:3:{i:0;s:24:"Statistiques avec Woopra";i:1;s:48:"http://plugins.spip.net/Statistiques-avec-Woopra";i:2;a:11:{s:3:"url";s:48:"http://plugins.spip.net/Statistiques-avec-Woopra";s:5:"titre";s:24:"Statistiques avec Woopra";s:4:"date";i:1257071941;s:10:"lesauteurs";s:6:"RealET";s:10:"descriptif";s:892:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L16xH16/arton139-5d4ab.png" width='16' height='16' style='height:16px;width:16px;' /></span>
		<p>Outil de Statisitiques <a href='http://www.woopra.com/' class='spip_out' rel='external'>Woopra</a></p>
		
		
		<p><a href="http://www.spip-contrib.net/Statistiques-avec-Woopra">Documentation</a></p>

<a href="http://plugins.spip.net/-statistiques-et-referencement-" rel="directory">Statistiques & référencement</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L16xH16/arton139-5d4ab.png" width='16' height='16' style='height:16px;width:16px;' /></span>
		<p>Outil de Statisitiques <a href='http://www.woopra.com/' class='spip_out' rel='external'>Woopra</a></p>
		
		
		<p><a href="http://www.spip-contrib.net/Statistiques-avec-Woopra">Documentation</a></p>

<a href="http://plugins.spip.net/-statistiques-et-referencement-" rel="directory">Statistiques & référencement</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L16xH16/arton139-5d4ab.png" width='16' height='16' style='height:16px;width:16px;' />
		<div class='rss_texte'><p>Woopra est un système destiné à fournir un outil de statistiques pour site web.
Encore un ? Son originalité, c'est d'être accompagné d'un logiciel client à télécharger (Windows, Mac et Linux) qui permet de suivre les statistiques en temps réel !</p></div>
		
		</content:encoded>

";s:4:"tags";a:2:{i:0;s:75:"<a href='http://www.woopra.com/' class='spip_out' rel='external'>Woopra</a>";i:1;s:116:"<a href="http://plugins.spip.net/-statistiques-et-referencement-" rel="directory">Statistiques & référencement</a>";}s:4:"icon";s:72:"http://plugins.spip.net/local/cache-vignettes/L16xH16/arton139-5d4ab.png";}}s:43:"http://files.spip.org/spip-zone/saisies.zip";a:3:{i:0;s:7:"Saisies";i:1;s:31:"http://plugins.spip.net/Saisies";i:2;a:11:{s:3:"url";s:31:"http://plugins.spip.net/Saisies";s:5:"titre";s:7:"Saisies";s:4:"date";i:1257071456;s:10:"lesauteurs";s:19:"Matthieu Marcillaud";s:10:"descriptif";s:1204:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L48xH46/arton138-6db5b.png" width='48' height='46' style='height:46px;width:48px;' /></span>
		<p>Ce plugin permet de faciliter l'écriture de champs de formulaires en proposant une balise #<span class="caps">SAISIE</span>. Le <span class="caps">HTML</span> généré est compatible avec la nomenclature des formulaires proposé par <span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span> et avec le plugin de configuration <span class="caps">CFG</span>.</p> <p> Un certain nombre de saisies utilisent pour fonctionner d'autres extensions. <span class="caps">SPIP</span> Bonux est ainsi indispensable pour les sélecteurs ou les listes d'éléments</p>

<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>

<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span></subject>
		<subject>Pas d'accès <span class="caps">SQL</span></subject>
		<subject>Français</subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L48xH46/arton138-6db5b.png" width='48' height='46' style='height:46px;width:48px;' /></span>
		<p>Ce plugin permet de faciliter l'écriture de champs de formulaires en proposant une balise #<span class="caps">SAISIE</span>. Le <span class="caps">HTML</span> généré est compatible avec la nomenclature des formulaires proposé par <span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span> et avec le plugin de configuration <span class="caps">CFG</span>.</p> <p> Un certain nombre de saisies utilisent pour fonctionner d'autres extensions. <span class="caps">SPIP</span> Bonux est ainsi indispensable pour les sélecteurs ou les listes d'éléments</p>

<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L48xH46/arton138-6db5b.png" width='48' height='46' style='height:46px;width:48px;' />
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:106:"<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>";}s:4:"icon";s:72:"http://plugins.spip.net/local/cache-vignettes/L48xH46/arton138-6db5b.png";}}s:54:"http://files.spip.org/spip-zone/geoip_country_code.zip";a:3:{i:0;s:18:"GeoIP Country Code";i:1;s:42:"http://plugins.spip.net/GeoIP-Country-Code";i:2;a:11:{s:3:"url";s:42:"http://plugins.spip.net/GeoIP-Country-Code";s:5:"titre";s:18:"GeoIP Country Code";s:4:"date";i:1254126980;s:10:"lesauteurs";s:7:"paladin";s:10:"descriptif";s:968:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton136-5bed0.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>GeoIP Country Code, nommé ci-dessous GeoIPcc, est un plugin mettant à disposition des webmaîtres une balise <span class="caps">SPIP</span> pour leurs squelettes. Cette balise insère à la compilation le code pays (Domaine_de_premier_niveau) du visiteur.</p>
		
		
		<p><a href="http://www.quesaco.org/Localiser-le-pays-du-visiteur">Documentation</a></p>

<a href="http://plugins.spip.net/-informations-geographiques-" rel="directory">Informations géographiques</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton136-5bed0.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>GeoIP Country Code, nommé ci-dessous GeoIPcc, est un plugin mettant à disposition des webmaîtres une balise <span class="caps">SPIP</span> pour leurs squelettes. Cette balise insère à la compilation le code pays (Domaine_de_premier_niveau) du visiteur.</p>
		
		
		<p><a href="http://www.quesaco.org/Localiser-le-pays-du-visiteur">Documentation</a></p>

<a href="http://plugins.spip.net/-informations-geographiques-" rel="directory">Informations géographiques</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton136-5bed0.png" width='64' height='64' style='height:64px;width:64px;' />
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:110:"<a href="http://plugins.spip.net/-informations-geographiques-" rel="directory">Informations géographiques</a>";}s:4:"icon";s:72:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton136-5bed0.png";}}s:38:"http://files.spip.org/spip-zone/vu.zip";a:3:{i:0;s:4:"Vu !";i:1;s:34:"http://plugins.spip.net/article135";i:2;a:11:{s:3:"url";s:34:"http://plugins.spip.net/article135";s:5:"titre";s:4:"Vu !";s:4:"date";i:1253608426;s:10:"lesauteurs";s:7:"archi02";s:10:"descriptif";s:696:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton135-ff9ce.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p><i>« Relayez l'information, plutôt que de la (re)publier ! »</i></p>
		
		
		<p><a href="http://www.spip-contrib.net/Plugin-Vu-presentation">Documentation</a></p>

<a href="http://plugins.spip.net/-nouveaux-objets-" rel="directory">Nouveaux objets</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton135-ff9ce.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p><i>« Relayez l'information, plutôt que de la (re)publier ! »</i></p>
		
		
		<p><a href="http://www.spip-contrib.net/Plugin-Vu-presentation">Documentation</a></p>

<a href="http://plugins.spip.net/-nouveaux-objets-" rel="directory">Nouveaux objets</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L128xH128/arton135-3b01c.png" width='128' height='128' style='height:128px;width:128px;' />
		<div class='rss_texte'><p>Ce plugin propose plusieurs nouveaux objets pour pallier à l'impossibilité sur <span class="caps">SPIP</span> de <i>relayer</i> simplement de l'information, c'est à dire publier sans contenu. Typiquement (mais ce n'est qu'un exemple) ceci est très utile pour une activité de veille thématique.</p> <p>On peut se rendre <a href='http://www.spip-contrib.net/article3066' class='spip_out' rel='external'>ici</a> pour une présentation plus détaillée, et <a href='http://www.spip-contrib.net/Vu-la-documentation' class='spip_out' rel='external'>ici</a> pour une documentation.</p></div>
		
		</content:encoded>

";s:4:"tags";a:3:{i:0;s:87:"<a href="http://plugins.spip.net/-nouveaux-objets-" rel="directory">Nouveaux objets</a>";i:1;s:89:"<a href='http://www.spip-contrib.net/article3066' class='spip_out' rel='external'>ici</a>";i:2;s:97:"<a href='http://www.spip-contrib.net/Vu-la-documentation' class='spip_out' rel='external'>ici</a>";}s:4:"icon";s:72:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton135-ff9ce.png";}}s:50:"http://files.spip.org/spip-zone/export_auteurs.zip";a:3:{i:0;s:20:"Exporter les auteurs";i:1;s:44:"http://plugins.spip.net/Exporter-les-auteurs";i:2;a:11:{s:3:"url";s:44:"http://plugins.spip.net/Exporter-les-auteurs";s:5:"titre";s:20:"Exporter les auteurs";s:4:"date";i:1252089348;s:10:"lesauteurs";s:7:"paladin";s:10:"descriptif";s:974:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton130-bcc7c.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Le plugin « export_auteurs » permet d'ajouter en espace privé un raccourci dans les pages auteurs, et d'exporter dans une nouvelle fenêtre la liste des invités et/ou des auteurs.</p>
		
		
		<p><a href="http://www.quesaco.org/Exporter-les-auteurs">Documentation</a></p>

<a href="http://plugins.spip.net/-ergonomie-de-l-espace-prive-" rel="directory">Ergonomie de l'espace privé</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton130-bcc7c.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Le plugin « export_auteurs » permet d'ajouter en espace privé un raccourci dans les pages auteurs, et d'exporter dans une nouvelle fenêtre la liste des invités et/ou des auteurs.</p>
		
		
		<p><a href="http://www.quesaco.org/Exporter-les-auteurs">Documentation</a></p>

<a href="http://plugins.spip.net/-ergonomie-de-l-espace-prive-" rel="directory">Ergonomie de l'espace privé</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton130-bcc7c.png" width='64' height='64' style='height:64px;width:64px;' />
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:112:"<a href="http://plugins.spip.net/-ergonomie-de-l-espace-prive-" rel="directory">Ergonomie de l'espace privé</a>";}s:4:"icon";s:72:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton130-bcc7c.png";}}s:50:"http://files.spip.org/spip-zone/champs_extras2.zip";a:3:{i:0;s:14:"Champs extra 2";i:1;s:38:"http://plugins.spip.net/Champs-extra-2";i:2;a:11:{s:3:"url";s:38:"http://plugins.spip.net/Champs-extra-2";s:5:"titre";s:14:"Champs extra 2";s:4:"date";i:1251369661;s:10:"lesauteurs";s:24:"Fil, Matthieu Marcillaud";s:10:"descriptif";s:931:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton134-ef114.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Ce plugin permet de créer et/ou de gérer des champs supplémentaires dans les objets éditoriaux de <span class="caps">SPIP</span>. Il permet donc de prendre en compte et d'afficher de nouveaux éléments dans les articles, rubriques, mots, groupes de mots, auteurs et sites.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Champs-Extras-2">Documentation</a></p>

<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton134-ef114.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Ce plugin permet de créer et/ou de gérer des champs supplémentaires dans les objets éditoriaux de <span class="caps">SPIP</span>. Il permet donc de prendre en compte et d'afficher de nouveaux éléments dans les articles, rubriques, mots, groupes de mots, auteurs et sites.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Champs-Extras-2">Documentation</a></p>

<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton134-ef114.png" width='64' height='64' style='height:64px;width:64px;' />
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:106:"<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>";}s:4:"icon";s:72:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton134-ef114.png";}}s:47:"http://files.spip.org/spip-zone/mon_diplome.zip";a:3:{i:0;s:12:"Mon diplôme";i:1;s:35:"http://plugins.spip.net/Mon-diplome";i:2;a:11:{s:3:"url";s:35:"http://plugins.spip.net/Mon-diplome";s:5:"titre";s:12:"Mon diplôme";s:4:"date";i:1251285518;s:10:"lesauteurs";s:7:"paladin";s:10:"descriptif";s:896:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton116-b8d82.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Edition de son diplôme en ligne. Le diplôme est construit à partir d'un squelette a-la-SPIP et d'un fichier image pour le fond.</p>
		
		
		<p><a href="http://www.quesaco.org/Mon-diplome-SPIP">Documentation</a></p>

<a href="http://plugins.spip.net/-nouveaux-objets-" rel="directory">Nouveaux objets</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton116-b8d82.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Edition de son diplôme en ligne. Le diplôme est construit à partir d'un squelette a-la-SPIP et d'un fichier image pour le fond.</p>
		
		
		<p><a href="http://www.quesaco.org/Mon-diplome-SPIP">Documentation</a></p>

<a href="http://plugins.spip.net/-nouveaux-objets-" rel="directory">Nouveaux objets</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton116-b8d82.png" width='64' height='64' style='height:64px;width:64px;' />
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:87:"<a href="http://plugins.spip.net/-nouveaux-objets-" rel="directory">Nouveaux objets</a>";}s:4:"icon";s:72:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton116-b8d82.png";}}s:48:"http://files.spip.org/spip-zone/jclic_modele.zip";a:3:{i:0;s:13:"Jclic Modèle";i:1;s:36:"http://plugins.spip.net/Jclic-Modele";i:2;a:11:{s:3:"url";s:36:"http://plugins.spip.net/Jclic-Modele";s:5:"titre";s:13:"Jclic Modèle";s:4:"date";i:1251285471;s:10:"lesauteurs";s:15:"Olivier Gautier";s:10:"descriptif";s:803:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH39/arton127-a2621.png" width='64' height='39' style='height:39px;width:64px;' /></span>
		<p>Ce plugin propose un modèle permettant d'insérer des activités Jclic dans votre site.</p>

<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH39/arton127-a2621.png" width='64' height='39' style='height:39px;width:64px;' /></span>
		<p>Ce plugin propose un modèle permettant d'insérer des activités Jclic dans votre site.</p>

<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L110xH66/arton127-0abf5.gif" width='110' height='66' style='height:66px;width:110px;' />
		<div class='rss_texte'><p>Ce plugin propose un <a href='http://www.spip.net/fr_article3454.html' class='spip_out' rel='external'>modèle</a> nommé <i>jclic</i> permettant d'insérer des activités <a href='http://clic.xtec.cat/en/jclic/index.htm' class='spip_out' rel='external'>Jclic</a> dans votre site.</p> <h3 class="spip">Pré-requis</h3>
<p>Pour pouvoir utiliser ce plugin, votre serveur doit impérativement être visible sur l'Internet (votre serveur ne doit pas être installé sur un réseau local non public) car les scripts du serveur officiel Jclic doivent pouvoir lire l'activité Jclic proposée.</p> <h3 class="spip">Installer une activité Jclic</h3>
<p>Cela se passe en <span class="numbers">2</span> étapes :</p> <p><span class="numbers">1</span>- Tout d'abord, vous devez installer l'activité Jclic au format zippé. Pour cela, vous avez <span class="numbers">2</span> possibilités : soit vous l'installez en tant que document (demander alors à <span class="caps">SPIP</span> de l'<i>installer tel quel, en tant qu'archive compressée Zip</i> et non en <i>décompressant chaque élément contenu dans l'archive</i>) ; soit vous l'installer comme document distant en proposant l'<span class="caps">URL</span> du document. Vous noterez ensuite le numéro du document correspondant (prenons par exemple ici le numéro <span class="numbers">123</span>).</p> <p><span class="numbers">2</span>- Il vous faut ensuite écrire le modèle dans le champs dans lequel vous voulez le voir apparaitre : corps d'un article, d'une rubrique, …</p> <h3 class="spip">La syntaxe du modèle Jclic</h3>
<p>Vous avez installé votre document comme indiqué ci-dessus, vous avez noté le numéro correspondant à ce document (<span class="numbers">123</span> dans cet exemple), vous souhaitez désormais voir apparaitre l'activité Jclic correspondant au document <span class="numbers">123</span>.</p> <p><strong>Syntaxe de base</strong></p> <p>Il vous suffit d'indiquer le code suivant à l'endroit où vous souhaitez afficher l'activité Jclic :</p> <p><code class='spip_code' dir='ltr'><jclic|doc=123></code></p> <p>Ainsi écrit, le modèle affichera l'activité :
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> <i>alignée au centre</i> du bloc dans lequel elle est insérée ;
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> sur <i>une largeur de <span class="numbers">100</span> %</i> de la largeur du bloc dans lequel elle est insérée ;
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> sur <i><span class="numbers">400</span> pixels de hauteur</i>.</p> <p>Ces <span class="numbers">3</span> paramètres peuvent être ajustés selon vos souhaits.</p> <p><strong>Ajustement des paramètres</strong></p> <p>Quelques exemples :</p> <p><code class='spip_code' dir='ltr'><jclic|doc=123|largeur=350|hauteur=300|aligner=left></code></p> <p>Ici, on affiche l'activité en <span class="numbers">350</span> pixels de large, <span class="numbers">300</span> pixels de haut et en alignant l'activité à gauche du bloc dans lequel elle est insérée.</p> <p><code class='spip_code' dir='ltr'><jclic|doc=123|largeur=80%|aligner=right></code></p> <p>Ici, on affiche l'activité avec une largeur de <span class="numbers">80</span>% du bloc dans lequel elle est insérée et elle est alignée à droite du bloc. Le paramètre de hauteur par défaut est conservé, à savoir <span class="numbers">400</span> pixels de hauteur.</p></div>
		
		</content:encoded>

";s:4:"tags";a:3:{i:0;s:98:"<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>";i:1;s:93:"<a href='http://www.spip.net/fr_article3454.html' class='spip_out' rel='external'>modèle</a>";i:2;s:91:"<a href='http://clic.xtec.cat/en/jclic/index.htm' class='spip_out' rel='external'>Jclic</a>";}s:4:"icon";s:72:"http://plugins.spip.net/local/cache-vignettes/L64xH39/arton127-a2621.png";}}s:93:"http://www.tinybutstrong.com/download/download.php?file=spip_plugin_tinybutstrong.zip&sid=135";a:3:{i:0;s:35:"Dynamic Articles with TinyButStrong";i:1;s:45:"http://plugins.spip.net/Dynamic-Articles-with";i:2;a:10:{s:3:"url";s:45:"http://plugins.spip.net/Dynamic-Articles-with";s:5:"titre";s:35:"Dynamic Articles with TinyButStrong";s:4:"date";i:1251285240;s:10:"lesauteurs";s:7:"Skrol29";s:10:"descriptif";s:659:"<p>Create dynamic articles, to display a table with settings, a specialized form, or a complete applicative interface available like <span class="caps">SPIP</span> articles.</p>

<a href="http://plugins.spip.net/-Developper-s-tools-" rel="directory">Developper's tools</a>

<description>
		<p>Create dynamic articles, to display a table with settings, a specialized form, or a complete applicative interface available like <span class="caps">SPIP</span> articles.</p>

<a href="http://plugins.spip.net/-Developper-s-tools-" rel="directory">Developper's tools</a>

</description>

<content:encoded><div class='rss_texte'><p>Have you ever wanted to display a dynamic array with <span class="caps">SPIP</span>? An complex entry form or even a complete applicative interface?</p> <p>That is what the new plugin "Dynamic Articles with <span class="caps">TBS</span>" proposes to do. <span class="caps">TBS</span> means TinyButStrong, a template engine for <span class="caps">PHP</span> which is capable of processing templates pages from the source or a <span class="caps">WYSIWYG</span> edition. Ie created with a visual tool. Thus, the <span class="caps">TBS</span> technology marries very well with <span class="caps">CMS</span> like <span class="caps">SPIP</span>.</p> <dl class='spip_document_191 spip_documents spip_documents_center'>
<dt><img src='http://plugins.spip.net/local/cache-vignettes/L500xH450/spip_exemple8487-8d0ac.png' width='500' height='450' alt='GIF - 42.5 kb' style='height:450px;width:500px;' /></dt>
<dt class='spip_doc_titre' style='width:350px;'><strong>Dynamic Article in editing mode</strong></dt>
</dl>
<p>As long as you understand and master the art of <span class="caps">PHP</span> template engines, and TinyButStrong in particular, integration of dynamic articles becomes quite simple with <span class="caps">SPIP</span>.</p> <p>The plugin allows you to build articles by adding tags or by real coding (<span class="caps">PHP</span> script). It can also allows to tune the security level for the dynamic article authoring.</p> <dl class='spip_document_192 spip_documents spip_documents_center'>
<dt><img src='http://plugins.spip.net/local/cache-vignettes/L500xH386/spip_exemplef149-ca80f.png' width='500' height='386' alt='GIF - 23.1 kb' style='height:386px;width:500px;' /></dt>
<dt class='spip_doc_titre' style='width:350px;'><strong>Dynamic Article displayed</strong></dt>
</dl>
<p>The plugin is stable, already in production on other <span class="caps">CMS</span>.
The documentation is in English, and rather short. It is <a href='http://www.tinybutstrong.com/plugins/spip/tinybutstrong_help.html' class='spip_out' rel='external'>available here</a>.</p></div>
		
		</content:encoded>

";s:4:"tags";a:2:{i:0;s:93:"<a href="http://plugins.spip.net/-Developper-s-tools-" rel="directory">Developper's tools</a>";i:1;s:126:"<a href='http://www.tinybutstrong.com/plugins/spip/tinybutstrong_help.html' class='spip_out' rel='external'>available here</a>";}}}s:58:"http://files.spip.org/spip-zone/protection_formulaires.zip";a:3:{i:0;s:26:"Protection des formulaires";i:1;s:50:"http://plugins.spip.net/Protection-des-formulaires";i:2;a:10:{s:3:"url";s:50:"http://plugins.spip.net/Protection-des-formulaires";s:5:"titre";s:26:"Protection des formulaires";s:4:"date";i:1248507807;s:10:"lesauteurs";s:5:"ARNO*";s:10:"descriptif";s:606:"<p>Expérimental : quand on a modifié un formulaire dans l'espace privé, les liens hypertexte sont interceptés par un message de confirmation, de façon à éviter de perdre accidentellement les modifications.</p>

<a href="http://plugins.spip.net/-ergonomie-de-l-espace-prive-" rel="directory">Ergonomie de l'espace privé</a>

<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span>, 
Pas d'accès <span class="caps">SQL</span>, 
Français, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>";s:7:"content";s:778:"<div class='rss_texte'><p><span class='spip_document_177 spip_documents spip_documents_center'>
<img src='http://plugins.spip.net/local/cache-vignettes/L441xH178/protectionformulaires-21a22.gif' width='441' height='178' alt="" style='height:178px;width:441px;' /></span></p> <p>À noter : le plugin ne fonctionne pas sous <span class="caps">SPIP</span> <span class="numbers">1</span>.<span class="numbers">9</span>.<span class="numbers">2</span>, qui utilise une version trop ancienne de jQuery. Si l'on installe une version plus récente de jQuery dans cette version de <span class="caps">SPIP</span>, le plugin doit fonctionner. En revanche, comme l'upload des images dans les articles ne se fait pas en Ajax, le plugin n'y serait pas d'une grande efficacité.</p></div>";s:4:"lang";s:2:"fr";s:10:"enclosures";s:151:"<a rel="enclosure" href="http://files.spip.org/spip-zone/protection_formulaires.zip" type="application/zip" title="2800">protection_formulaires.zip</a>";s:4:"item";s:2235:"
		<title>Protection des formulaires</title>
		<link>http://plugins.spip.net/Protection-des-formulaires</link>
		<guid isPermaLink="true">http://plugins.spip.net/Protection-des-formulaires</guid>
		<date>2009-07-25T07:43:27Z</date>
		<format>text/html</format>
		<language>fr</language>
		<creator>ARNO*</creator>

<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span></subject>
		<subject>Pas d'accès <span class="caps">SQL</span></subject>
		<subject>Français</subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<description>
		<p>Expérimental : quand on a modifié un formulaire dans l'espace privé, les liens hypertexte sont interceptés par un message de confirmation, de façon à éviter de perdre accidentellement les modifications.</p>

<a href="http://plugins.spip.net/-ergonomie-de-l-espace-prive-" rel="directory">Ergonomie de l'espace privé</a>

</description>

<content:encoded><div class='rss_texte'><p><span class='spip_document_177 spip_documents spip_documents_center'>
<img src='http://plugins.spip.net/local/cache-vignettes/L441xH178/protectionformulaires-21a22.gif' width='441' height='178' alt="" style='height:178px;width:441px;' /></span></p> <p>À noter : le plugin ne fonctionne pas sous <span class="caps">SPIP</span> <span class="numbers">1</span>.<span class="numbers">9</span>.<span class="numbers">2</span>, qui utilise une version trop ancienne de jQuery. Si l'on installe une version plus récente de jQuery dans cette version de <span class="caps">SPIP</span>, le plugin doit fonctionner. En revanche, comme l'upload des images dans les articles ne se fait pas en Ajax, le plugin n'y serait pas d'une grande efficacité.</p></div>
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:112:"<a href="http://plugins.spip.net/-ergonomie-de-l-espace-prive-" rel="directory">Ergonomie de l'espace privé</a>";}}}s:55:"http://files.spip.org/spip-zone/edition_plein_ecran.zip";a:3:{i:0;s:24:"Édition en plein écran";i:1;s:46:"http://plugins.spip.net/Edition-en-plein-ecran";i:2;a:10:{s:3:"url";s:46:"http://plugins.spip.net/Edition-en-plein-ecran";s:5:"titre";s:24:"Édition en plein écran";s:4:"date";i:1248457507;s:10:"lesauteurs";s:5:"ARNO*";s:10:"descriptif";s:822:"<p>Tous les champs multilignes (textarea) de l'espace privé peuvent être affichés en plein écran : double-cliquer dans un champ pour l'agrandir et masquer le reste de l'interface. Taper la touche "Escape" pour sortir du plein écran.</p>
		
		
		<p><a href="http://files.spip.org/spip-zone/edition_plein_ecran.zip">Documentation</a></p>

<a href="http://plugins.spip.net/-barre-de-raccourcis-" rel="directory">Barre de raccourcis</a>

<description>
		<p>Tous les champs multilignes (textarea) de l'espace privé peuvent être affichés en plein écran : double-cliquer dans un champ pour l'agrandir et masquer le reste de l'interface. Taper la touche "Escape" pour sortir du plein écran.</p>
		
		
		<p><a href="http://files.spip.org/spip-zone/edition_plein_ecran.zip">Documentation</a></p>

<a href="http://plugins.spip.net/-barre-de-raccourcis-" rel="directory">Barre de raccourcis</a>

</description>

<content:encoded><div class='rss_texte'><p>Le principe consiste à pouvoir éditer n'importe quel champ multilignes (textarea) de <span class="caps">SPIP</span> en utilisant l'intégralité de la fenêtre. Le but :
<br />— avoir plus de confort, surtout pour les « petits » champs (descriptif des documents par exemple),
<br />— afficher le texte dans un relativement grand corps,
<br />— débarrasser l'espace de travail de tout élément perturbant pour se concentrer sur l'essentiel : le texte que l'on est en train de saisir.</p> <p>Dès l'installation, le fonctionnement du plugin est immédiat.</p> <p>À partir de interface d'édition normale :</p> <p><span class='spip_document_174 spip_documents spip_documents_center'>
<img src='http://plugins.spip.net/local/cache-vignettes/L450xH376/textarea-normal-82dab.gif' width='450' height='376' alt="" style='height:376px;width:450px;' /></span></p> <p>il suffit de double-cliquer à l'intérieur d'un champ multilignes pour obtenir un affichage plein écran :</p> <p><span class='spip_document_175 spip_documents spip_documents_center'>
<img src='http://plugins.spip.net/local/cache-vignettes/L450xH377/textarea-big-74f1e.gif' width='450' height='377' alt="" style='height:377px;width:450px;' /></span></p> <p>Pour sortir de ce mode, il faut taper la touche « Esc » (escape), et on revient à la version « normale » de l'interface.</p> <p>Le bouton de validation du formulaire est également présenté en mode plein écran (parfois non sous <span class="caps">IE</span> <span class="numbers">7</span>), ce qui permet de valider le formulaire directement sans repasser par l'affichage normal. (Dans <span class="caps">SPIP</span> <span class="numbers">1</span>.<span class="numbers">9</span>.<span class="numbers">2</span>, le bouton de validation du formulaire n'est pas affiché.)</p> <h3 class="spip">Sur le site public</h3>
<p>Le javascript qui gère cet effet pour être utilisé dans les squelettes du site public : il suffit de l'appeler depuis le squette. Par exemple :</p>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><script src="<span class="br0">&#40;</span><span style="color: #CA5200;">#CHEMIN</span><span style="color: #74B900;"><span class="br0">&#123;</span>javascript/edition_plein_ecran.js<span class="br0">&#125;</span></span><span class="br0">&#41;</span>"</div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> type="text/javascript"></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""></script><span class="br0">&#93;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/8603eb4a5077d36bf37becc72e6bff93.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>Par exemple, sur plugins.spip, les formulaires des forums et des « critiques » utilisent cette fonctionnalité.</p> <h3 class="spip">À noter</h3>
<p>— Ce mode d'affichage est désactivé sous <span class="caps">IE<span class="numbers">6</span></span>, qui n'autorise pas le « <code class='spip_code' dir='ltr'>position: fixed</code> ».
<br />— Testé et débugué (théoriquement) sous Firefox <span class="numbers">2</span> et <span class="numbers">3</span>, <span class="caps">MSIE</span> <span class="numbers">7</span>, Safari <span class="numbers">4</span>, Opéra <span class="numbers">10</span>. <br />— Le plugin fonctionne sous <span class="caps">SPIP</span> <span class="numbers">1</span>.<span class="numbers">9</span>.<span class="numbers">2</span>. Cependant, cette version de <span class="caps">SPIP</span> tourne avec jQuery <span class="numbers">1</span>.<span class="numbers">1</span>.<span class="numbers">1</span>. J'ai essayé de contourner certaines limitations, mais il manque quelques détails par rapport à l'utilisation sous <span class="caps">SPIP</span> <span class="numbers">2</span>.
<br />— Le plugin a dû être modifié pour <span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span> (qui introduit une <span class="caps">CSS</span> très particulière) ; si vous faites la mise à jour depuis un site existant, pensez à mettre à jour la version de ce plugin.</p></div>
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:95:"<a href="http://plugins.spip.net/-barre-de-raccourcis-" rel="directory">Barre de raccourcis</a>";}}}s:47:"http://files.spip.org/spip-zone/rss_article.zip";a:3:{i:0;s:20:"Flux RSS en articles";i:1;s:44:"http://plugins.spip.net/Flux-RSS-en-articles";i:2;a:11:{s:3:"url";s:44:"http://plugins.spip.net/Flux-RSS-en-articles";s:5:"titre";s:20:"Flux RSS en articles";s:4:"date";i:1247471592;s:10:"lesauteurs";s:9:"erational";s:10:"descriptif";s:716:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton124-82ced.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Recopie les flux <span class="caps">RSS</span> en articles</p>
		
		
		<p><a href="http://www.spip-contrib.net/Plugin-Flux-RSS-en-articles">Documentation</a></p>

<a href="http://plugins.spip.net/-syndication-de-contenu-" rel="directory">Syndication de contenu</a>

<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span>, 
Français, 
English, 
Fonctions génériques, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>";s:7:"content";s:2438:"http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton124-82ced.png" width='64' height='64' style='height:64px;width:64px;' />
		<div class='rss_texte'><p>Ce plugin recopie les flux <span class="caps">RSS</span> (articles syndiqués) en articles
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> reprise du contenu du flux
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> crée l'auteur s'il est mentionné dans le flux
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> ajoute les documents distants présents dans le flux</p> <p>Pour éviter les doublons et les imports successifs, une fois l'article crée l'article syndiqué est rejeté (ce qui permet de suivre où en sont les recopiés).</p> <p>Pour éviter la saturation de la base, tous les articles syndiqués de plus de <span class="numbers">2</span> mois sont effacés (inutile donc de cocher l'option).</p> <p>Via cfg (configuration) il est possible de choisir :
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> le statut des articles (proposé ou publié)
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> s'il faut être averti par e-mail à chaque flot de recopies (qui ont lieu tous les <span class="numbers">10</span>min par flot de <span class="numbers">15</span> articles syndiqués)
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> s'il faut citer l'<span class="caps">URL</span> source de l'article
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> s'il faut copier le logo du site comme logo d'article (facultatif car peut générer beaucoup de fichiers).</p></div>";s:4:"lang";s:2:"fr";s:10:"enclosures";s:129:"<a rel="enclosure" href="http://files.spip.org/spip-zone/rss_article.zip" type="application/zip" title="9137">rss_article.zip</a>";s:4:"item";s:3986:"
		<title>Flux RSS en articles</title>
		<link>http://plugins.spip.net/Flux-RSS-en-articles</link>
		<guid isPermaLink="true">http://plugins.spip.net/Flux-RSS-en-articles</guid>
		<date>2009-07-13T07:53:12Z</date>
		<format>text/html</format>
		<language>fr</language>
		<creator>erational</creator>

<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span></subject>
		<subject>Français</subject>
		<subject>English</subject>
		<subject>Fonctions génériques</subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton124-82ced.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Recopie les flux <span class="caps">RSS</span> en articles</p>
		
		
		<p><a href="http://www.spip-contrib.net/Plugin-Flux-RSS-en-articles">Documentation</a></p>

<a href="http://plugins.spip.net/-syndication-de-contenu-" rel="directory">Syndication de contenu</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton124-82ced.png" width='64' height='64' style='height:64px;width:64px;' />
		<div class='rss_texte'><p>Ce plugin recopie les flux <span class="caps">RSS</span> (articles syndiqués) en articles
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> reprise du contenu du flux
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> crée l'auteur s'il est mentionné dans le flux
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> ajoute les documents distants présents dans le flux</p> <p>Pour éviter les doublons et les imports successifs, une fois l'article crée l'article syndiqué est rejeté (ce qui permet de suivre où en sont les recopiés).</p> <p>Pour éviter la saturation de la base, tous les articles syndiqués de plus de <span class="numbers">2</span> mois sont effacés (inutile donc de cocher l'option).</p> <p>Via cfg (configuration) il est possible de choisir :
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> le statut des articles (proposé ou publié)
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> s'il faut être averti par e-mail à chaque flot de recopies (qui ont lieu tous les <span class="numbers">10</span>min par flot de <span class="numbers">15</span> articles syndiqués)
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> s'il faut citer l'<span class="caps">URL</span> source de l'article
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> s'il faut copier le logo du site comme logo d'article (facultatif car peut générer beaucoup de fichiers).</p></div>
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:101:"<a href="http://plugins.spip.net/-syndication-de-contenu-" rel="directory">Syndication de contenu</a>";}s:4:"icon";s:72:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton124-82ced.png";}}s:50:"http://files.spip.org/spip-zone/plugin_contact.zip";a:3:{i:0;s:29:"Formulaire de contact avancé";i:1;s:52:"http://plugins.spip.net/Formulaire-de-contact-avance";i:2;a:11:{s:3:"url";s:52:"http://plugins.spip.net/Formulaire-de-contact-avance";s:5:"titre";s:29:"Formulaire de contact avancé";s:4:"date";i:1247471176;s:10:"lesauteurs";s:27:"pierre_31, RastaPopoulos";s:10:"descriptif";s:747:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton123-c06a6.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Cette extension propose un formulaire de contact avec de multiples options.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Formulaire-de-contact-avance">Documentation</a></p>

<a href="http://plugins.spip.net/-email-listes-de-diffusion-" rel="directory">Email, listes de diffusion</a>

<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span></subject>
		<subject>Français</subject>
		<subject>English</subject>
		<subject>Fonctions génériques</subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton123-c06a6.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Cette extension propose un formulaire de contact avec de multiples options.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Formulaire-de-contact-avance">Documentation</a></p>

<a href="http://plugins.spip.net/-email-listes-de-diffusion-" rel="directory">Email, listes de diffusion</a>

</description>

";s:4:"tags";a:1:{i:0;s:108:"<a href="http://plugins.spip.net/-email-listes-de-diffusion-" rel="directory">Email, listes de diffusion</a>";}s:4:"icon";s:72:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton123-c06a6.png";}}s:55:"http://files.spip.org/spip-zone/icones_pedagogiques.zip";a:3:{i:0;s:21:"Icônes pédagogiques";i:1;s:43:"http://plugins.spip.net/Icones-pedagogiques";i:2;a:11:{s:3:"url";s:43:"http://plugins.spip.net/Icones-pedagogiques";s:5:"titre";s:21:"Icônes pédagogiques";s:4:"date";i:1246087005;s:10:"lesauteurs";s:15:"Olivier Gautier";s:10:"descriptif";s:699:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L60xH64/arton121-8a3f6.png" width='60' height='64' style='height:64px;width:60px;' /></span>
		<p>Ajoute des boutons au porte-plume afin d'insérer des icônes à orientation pédagogique ou des smileys.</p>

<a href="http://plugins.spip.net/-barre-de-raccourcis-" rel="directory">Barre de raccourcis</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L60xH64/arton121-8a3f6.png" width='60' height='64' style='height:64px;width:60px;' /></span>
		<p>Ajoute des boutons au porte-plume afin d'insérer des icônes à orientation pédagogique ou des smileys.</p>

<a href="http://plugins.spip.net/-barre-de-raccourcis-" rel="directory">Barre de raccourcis</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L140xH150/arton121-3a1ba.png" width='140' height='150' style='height:150px;width:140px;' />
		<div class='rss_texte'><p>Les images disponibles sont regroupées par onglet.</p> <div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_168 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_168').slideFadeToggle( function(){ $('.spip_document_168').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/png/pedago_icones.png"><img src='http://plugins.spip.net/local/cache-vignettes/L440xH182/pedago_icones-33ddd-5ff1e.png' width='440' height='182' style='height:182px;width:440px;' /></a></dt> <dt class="spip_doc_titre">Onglets et boutons exemples</dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_168 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_168').slideFadeToggle( function(){ $('.spip_document_big_168').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/png/pedago_icones.png"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH83/pedago_icones-0c2e6-9a643.png' width='200' height='83' style='height:83px;width:200px;' /></a></dt> <dt class="spip_doc_titre" style=" width:200px;">Onglets et boutons exemples</dt> </dl> </div>
<p>Liste des onglets :
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> Consignes
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> Matériel
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> Numération : dominos
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> Numération : mains
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> Conscience phonologique
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> Supports d'écriture
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> Binettes</p> <p>Un simple clic sur une icône proposée permet d'ajouter dans le texte de l'article un morceau de code qui sera ensuite interprété par <span class="caps">SPIP</span> pour afficher l'image correspondante.</p></div>
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:95:"<a href="http://plugins.spip.net/-barre-de-raccourcis-" rel="directory">Barre de raccourcis</a>";}s:4:"icon";s:72:"http://plugins.spip.net/local/cache-vignettes/L60xH64/arton121-8a3f6.png";}}s:51:"http://files.spip.org/spip-zone/exclure_secteur.zip";a:3:{i:0;s:21:"Exclure-secteur";i:1;s:39:"http://plugins.spip.net/Exclure-secteur";i:2;a:10:{s:3:"url";s:39:"http://plugins.spip.net/Exclure-secteur";s:5:"titre";s:21:"Exclure-secteur";s:4:"date";i:1246086912;s:10:"lesauteurs";s:7:"Maïeul";s:10:"descriptif";s:1841:"<p>Exclut automatiquement les secteurs séléctionnés des boucles <span class="caps">ARTICLES</span> / <span class="caps">SITES</span> / <span class="caps">RUBRIQUES</span> / <span class="caps">BREVES</span> / <span class="caps">FORUMS</span> (suivant la régle de <span class="caps">SPIP</span>, qui ne prend en compte que les forums liés à des articles).</p> <p>Attention, pour le moment, ne le fait pas sur les jointures (par exemple, n'exclura pas les forums qui appartiennent à un article du secteur).</p> <p> On peut faire une exception avec le critére <code class='spip_code' dir='ltr' class='spip_code' dir='ltr'>{tout_secteur}</code>. Si on précise le secteur explicitement, par <code class='spip_code' dir='ltr' class='spip_code' dir='ltr'>{id_secteur=x}</code>, <code class='spip_code' dir='ltr' class='spip_code' dir='ltr'>{id_secteur==x}</code> ou <code class='spip_code' dir='ltr' class='spip_code' dir='ltr'>{id_secteur IN X}</code>, le réglage ne sera pas pris en compte.</p> <p> Possibilité aussi de configurer le plugin pour que <code class='spip_code' dir='ltr' class='spip_code' dir='ltr'>{tout}</code> soit équivalent à <code class='spip_code' dir='ltr' class='spip_code' dir='ltr'>{tout_voir}</code>.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Exclure-secteur">Documentation</a></p>

<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>

<description>
		<p>Exclut automatiquement les secteurs séléctionnés des boucles <span class="caps">ARTICLES</span> / <span class="caps">SITES</span> / <span class="caps">RUBRIQUES</span> / <span class="caps">BREVES</span> / <span class="caps">FORUMS</span> (suivant la régle de <span class="caps">SPIP</span>, qui ne prend en compte que les forums liés à des articles).</p> <p>Attention, pour le moment, ne le fait pas sur les jointures (par exemple, n'exclura pas les forums qui appartiennent à un article du secteur).</p> <p> On peut faire une exception avec le critére <code class='spip_code' dir='ltr' class='spip_code' dir='ltr'>{tout_secteur}</code>. Si on précise le secteur explicitement, par <code class='spip_code' dir='ltr' class='spip_code' dir='ltr'>{id_secteur=x}</code>, <code class='spip_code' dir='ltr' class='spip_code' dir='ltr'>{id_secteur==x}</code> ou <code class='spip_code' dir='ltr' class='spip_code' dir='ltr'>{id_secteur IN X}</code>, le réglage ne sera pas pris en compte.</p> <p> Possibilité aussi de configurer le plugin pour que <code class='spip_code' dir='ltr' class='spip_code' dir='ltr'>{tout}</code> soit équivalent à <code class='spip_code' dir='ltr' class='spip_code' dir='ltr'>{tout_voir}</code>.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Exclure-secteur">Documentation</a></p>

<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>

</description>

<content:encoded><div class='rss_texte'><p>Ce plugin permet d'exclure automatiquement un ou plusieurs secteurs des boucles <span class="caps">ARTICLES</span> / <span class="caps">RUBRIQUES</span> / <span class="caps">SITES</span> / <span class="caps">BREVES</span>.</p> <p><a href='http://www.spip-contrib.net/Exclure-secteur' class='spip_out' rel='external'>Plus d'info sur contrib</a>.</p></div>
		
		</content:encoded>

";s:4:"tags";a:2:{i:0;s:105:"<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>";i:1;s:113:"<a href='http://www.spip-contrib.net/Exclure-secteur' class='spip_out' rel='external'>Plus d'info sur contrib</a>";}}}s:64:"http://files.spip.org/spip-zone/scrutin_liste_proportionelle.zip";a:3:{i:0;s:38:"Scrutin de liste à la proportionnelle";i:1;s:45:"http://plugins.spip.net/Scrutin-de-liste-a-la";i:2;a:10:{s:3:"url";s:45:"http://plugins.spip.net/Scrutin-de-liste-a-la";s:5:"titre";s:38:"Scrutin de liste à la proportionnelle";s:4:"date";i:1245149984;s:10:"lesauteurs";s:7:"Maïeul";s:10:"descriptif";s:714:"<p>Proposer sur son site de calculer la répartition des sièges dans un scrutin de liste à la proportionnelle. Un scrutin de liste à la proportionnelle propose de répartir les sièges à pourvoir dans une assemblée proportionnellement au nombre de siège.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Plugin-scrutin-de-liste-a-la">Documentation</a></p>

<a href="http://plugins.spip.net/-nouveaux-objets-" rel="directory">Nouveaux objets</a>

<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span></subject>
		<subject>Pas d'accès <span class="caps">SQL</span></subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<description>
		<p>Proposer sur son site de calculer la répartition des sièges dans un scrutin de liste à la proportionnelle. Un scrutin de liste à la proportionnelle propose de répartir les sièges à pourvoir dans une assemblée proportionnellement au nombre de siège.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Plugin-scrutin-de-liste-a-la">Documentation</a></p>

<a href="http://plugins.spip.net/-nouveaux-objets-" rel="directory">Nouveaux objets</a>

</description>

<content:encoded><div class='rss_texte'><p>Vous pouvez insérer dans un article un formulaire de la manière suivante :</p>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><formulaire<span style="color: #E1861A;">|scrut_prop</span><span style="color: #E1861A;">|liste</span>=A;B;C;...></div></li>
</ol></div></div></div>
<p>où A ;B;C,… sont des noms de liste.</p> <p>Un formulaire apparait. Il propose :</p> <ul class="spip"><li> de remplir les voix pour chaque liste.</li><li> de remplir le nombre de blanc ou nul.</li><li> de remplir le nombre d'inscrits.</li><li> de dire le nombre de sièges à pourvoir.</li><li> de dire si le scrutin se fait au plus fort reste ou à la plus forte moyenne.</li><li> de fixer un seuil de voix (en pourcentage) à pour obtenir des sièges (le nombre de voix est arrondis à l'inférieur.)</li><li> de proposer une prime majoritaire (depuis la version <span class="numbers">1</span>.<span class="numbers">1</span>)</li></ul>
<p>Une fois rempli, le formulaire teste si les valeurs sont cohérentes (pas plus de votants que d'inscrits par exemple !). Puis il calcul la répartition de sièges.</p> <p>	Nécéssite Spip-Bonux</p></div>
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:87:"<a href="http://plugins.spip.net/-nouveaux-objets-" rel="directory">Nouveaux objets</a>";}}}s:50:"http://plugins.spip.net/IMG/zip/plugin-itheora.zip";a:3:{i:0;s:40:"Itheora : vidéo ogg/theora/vorbis";i:1;s:55:"http://plugins.spip.net/Itheora-video-ogg-theora-vorbis";i:2;a:11:{s:3:"url";s:55:"http://plugins.spip.net/Itheora-video-ogg-theora-vorbis";s:5:"titre";s:40:"Itheora : vidéo ogg/theora/vorbis";s:4:"date";i:1244118869;s:10:"lesauteurs";s:19:"Nicolas Ricquemaque";s:10:"descriptif";s:791:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L30xH30/arton119-f03f0.gif" width='30' height='30' style='height:30px;width:30px;' /></span>
		<p>Ce plugin permet l'insertion de documents audio ou vidéo au format libre ogg (theora/vorbis) dans un article.</p>
		
		
		<p><a href="http://opensource.grisambre.net/spip-itheora/">Documentation</a></p>

<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>

<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span>, 
Pas d'accès <span class="caps">SQL</span>, 
Français, 
English, 
Italiano, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>";s:7:"content";s:3949:"http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L30xH30/arton119-f03f0.gif" width='30' height='30' style='height:30px;width:30px;' />
		<div class='rss_texte'><p>Ce plugin permet l'insertion aisée de documents audio ou vidéo au format <strong>libre</strong> <a href='http://xiph.org/' class='spip_out' rel='external'>ogg</a> (theora/vorbis) dans un article <span class="caps">SPIP</span> à l'aide du script php <a href='http://itheora.org/' class='spip_out' rel='external'>itheora</a>.</p> <p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> Si le navigateur supporte nativement la balise html <strong>video</strong> et le format ogg/theora/vorbis (par exemple firefox à partir de la version <span class="numbers">3</span>.<span class="numbers">5</span> ou opera version <span class="numbers">9</span>.<span class="numbers">5</span> béta), la vidéo, simplement enrobée de son skin, est lue nativement
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> Ou bien, si un plugin gérant ce format video est installé (<span class="caps">VLC</span> par exemple), il utilisera le plugin
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> Ou bien finalement, l'applet java <a href='http://en.wikipedia.org/wiki/Cortado_(software)' class='spip_out' rel='external'>cortado</a> sera chargée, et la vidéo est lue en java.</p> <p>Plusieurs skins sont inclus dans le plugin ; de nombreuses options sont configurables à partir de l'onglet configuration de <span class="caps">SPIP</span>.</p> <p>Exemple d'utilisation dans un article :</p>
<form action='' method='get'><div>
<input type='hidden' name='exec' value='' />
<textarea readonly='readonly' cols='40' rows='2' class='spip_cadre' dir='ltr'><itheora156></textarea></div></form> <p>Exemple de résultat :
<span class='spip_document_163 spip_documents spip_documents_center'><a href="IMG/jpg/demo.jpg" type="image/jpeg"<img src='http://plugins.spip.net/local/cache-vignettes/L150xH91/demo-9d503-a20f6.jpg' width='150' height='91' alt='JPEG' style='height:91px;width:150px;' /></a></span></p> <p>Il est suggéré de convertir ses vidéos au format ogg/theora/vorbis par exemple à l'aide de <a href='http://v2v.cc/~j/ffmpeg2theora/' class='spip_out' rel='external'>ffmpeg<span class="numbers">2</span>theora</a> (sous linux ou macos, en utilisant l'option —noskeleton) ou sous windows à l'aide du logiciel opensource <a href='http://opensource.grisambre.net/wtheora/' class='spip_out' rel='external'>Wtheora</a>.</p> <p>La version <span class="numbers">1</span>.<span class="numbers">2</span> proposée ici inclus :
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> itheora v<span class="numbers">2</span>.<span class="numbers">2</span>
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> le modèle itheora v<span class="numbers">0</span>.<span class="numbers">5</span>c
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> Skins : neoalo, framaskin, defaut, nuvola, tango<span class="numbers">3</span>, arkadia
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> Langues : fr,en,it,de,es</p></div>";s:4:"lang";s:2:"fr";s:10:"enclosures";s:138:"<a rel="enclosure" href="http://plugins.spip.net/IMG/zip/plugin-itheora.zip" type="application/zip" title="1782066">plugin-itheora.zip</a>";s:4:"item";s:5680:"
		<title>Itheora : vidéo ogg/theora/vorbis</title>
		<link>http://plugins.spip.net/Itheora-video-ogg-theora-vorbis</link>
		<guid isPermaLink="true">http://plugins.spip.net/Itheora-video-ogg-theora-vorbis</guid>
		<date>2009-06-04T12:34:29Z</date>
		<format>text/html</format>
		<language>fr</language>
		<creator>Nicolas Ricquemaque</creator>

<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span></subject>
		<subject>Pas d'accès <span class="caps">SQL</span></subject>
		<subject>Français</subject>
		<subject>English</subject>
		<subject>Italiano</subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L30xH30/arton119-f03f0.gif" width='30' height='30' style='height:30px;width:30px;' /></span>
		<p>Ce plugin permet l'insertion de documents audio ou vidéo au format libre ogg (theora/vorbis) dans un article.</p>
		
		
		<p><a href="http://opensource.grisambre.net/spip-itheora/">Documentation</a></p>

<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L30xH30/arton119-f03f0.gif" width='30' height='30' style='height:30px;width:30px;' />
		<div class='rss_texte'><p>Ce plugin permet l'insertion aisée de documents audio ou vidéo au format <strong>libre</strong> <a href='http://xiph.org/' class='spip_out' rel='external'>ogg</a> (theora/vorbis) dans un article <span class="caps">SPIP</span> à l'aide du script php <a href='http://itheora.org/' class='spip_out' rel='external'>itheora</a>.</p> <p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> Si le navigateur supporte nativement la balise html <strong>video</strong> et le format ogg/theora/vorbis (par exemple firefox à partir de la version <span class="numbers">3</span>.<span class="numbers">5</span> ou opera version <span class="numbers">9</span>.<span class="numbers">5</span> béta), la vidéo, simplement enrobée de son skin, est lue nativement
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> Ou bien, si un plugin gérant ce format video est installé (<span class="caps">VLC</span> par exemple), il utilisera le plugin
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> Ou bien finalement, l'applet java <a href='http://en.wikipedia.org/wiki/Cortado_(software)' class='spip_out' rel='external'>cortado</a> sera chargée, et la vidéo est lue en java.</p> <p>Plusieurs skins sont inclus dans le plugin ; de nombreuses options sont configurables à partir de l'onglet configuration de <span class="caps">SPIP</span>.</p> <p>Exemple d'utilisation dans un article :</p>
<form action='' method='get'><div>
<input type='hidden' name='exec' value='' />
<textarea readonly='readonly' cols='40' rows='2' class='spip_cadre' dir='ltr'><itheora156></textarea></div></form> <p>Exemple de résultat :
<span class='spip_document_163 spip_documents spip_documents_center'><a href="IMG/jpg/demo.jpg" type="image/jpeg"<img src='http://plugins.spip.net/local/cache-vignettes/L150xH91/demo-9d503-a20f6.jpg' width='150' height='91' alt='JPEG' style='height:91px;width:150px;' /></a></span></p> <p>Il est suggéré de convertir ses vidéos au format ogg/theora/vorbis par exemple à l'aide de <a href='http://v2v.cc/~j/ffmpeg2theora/' class='spip_out' rel='external'>ffmpeg<span class="numbers">2</span>theora</a> (sous linux ou macos, en utilisant l'option —noskeleton) ou sous windows à l'aide du logiciel opensource <a href='http://opensource.grisambre.net/wtheora/' class='spip_out' rel='external'>Wtheora</a>.</p> <p>La version <span class="numbers">1</span>.<span class="numbers">2</span> proposée ici inclus :
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> itheora v<span class="numbers">2</span>.<span class="numbers">2</span>
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> le modèle itheora v<span class="numbers">0</span>.<span class="numbers">5</span>c
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> Skins : neoalo, framaskin, defaut, nuvola, tango<span class="numbers">3</span>, arkadia
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> Langues : fr,en,it,de,es</p></div>
		
		</content:encoded>

";s:4:"tags";a:6:{i:0;s:98:"<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>";i:1;s:66:"<a href='http://xiph.org/' class='spip_out' rel='external'>ogg</a>";i:2;s:73:"<a href='http://itheora.org/' class='spip_out' rel='external'>itheora</a>";i:3;s:101:"<a href='http://en.wikipedia.org/wiki/Cortado_(software)' class='spip_out' rel='external'>cortado</a>";i:4;s:120:"<a href='http://v2v.cc/~j/ffmpeg2theora/' class='spip_out' rel='external'>ffmpeg<span class="numbers">2</span>theora</a>";i:5;s:94:"<a href='http://opensource.grisambre.net/wtheora/' class='spip_out' rel='external'>Wtheora</a>";}s:4:"icon";s:72:"http://plugins.spip.net/local/cache-vignettes/L30xH30/arton119-f03f0.gif";}}s:44:"http://files.spip.org/spip-zone/fulltext.zip";a:3:{i:0;s:8:"Fulltext";i:1;s:32:"http://plugins.spip.net/Fulltext";i:2;a:11:{s:3:"url";s:32:"http://plugins.spip.net/Fulltext";s:5:"titre";s:8:"Fulltext";s:4:"date";i:1242110375;s:10:"lesauteurs";s:3:"Fil";s:10:"descriptif";s:1193:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton118-3f478.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Indexation <span class="caps">FULLTEXT</span> du contenu pour accélérer le moteur de recherche</p> <ul> <li>exploite le mode <span class="caps">FULLTEXT</span> <span class="caps">SEARCH</span> <span class="caps">IN</span> <span class="caps">BOOLEAN</span> <span class="caps">MODE</span> de MySQL, cf. <a href='http://dev.mysql.com/doc/refman/5.0/fr/fulltext-boolean.html' class='spip_out' rel='external'>http://dev.mysql.com/doc/refman/<span class="numbers">5</span>.<span class="numbers">0</span>…</a></li> </ul>
		
		
		<p><a href="http://www.spip-contrib.net/Fulltext">Documentation</a></p>

<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>

<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span>, 
MySQL, 
Français, 
English, 
asturiano, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>";s:7:"content";s:211:"http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L100xH100/arton118-19844.png" width='100' height='100' style='height:100px;width:100px;' />";s:4:"lang";s:2:"fr";s:10:"enclosures";s:124:"<a rel="enclosure" href="http://files.spip.org/spip-zone/fulltext.zip" type="application/zip" title="23995">fulltext.zip</a>";s:4:"item";s:2206:"
		<title>Fulltext</title>
		<link>http://plugins.spip.net/Fulltext</link>
		<guid isPermaLink="true">http://plugins.spip.net/Fulltext</guid>
		<date>2009-05-12T06:39:35Z</date>
		<format>text/html</format>
		<language>fr</language>
		<creator>Fil</creator>

<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span></subject>
		<subject>MySQL</subject>
		<subject>Français</subject>
		<subject>English</subject>
		<subject>asturiano</subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton118-3f478.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Indexation <span class="caps">FULLTEXT</span> du contenu pour accélérer le moteur de recherche</p> <ul> <li>exploite le mode <span class="caps">FULLTEXT</span> <span class="caps">SEARCH</span> <span class="caps">IN</span> <span class="caps">BOOLEAN</span> <span class="caps">MODE</span> de MySQL, cf. <a href='http://dev.mysql.com/doc/refman/5.0/fr/fulltext-boolean.html' class='spip_out' rel='external'>http://dev.mysql.com/doc/refman/<span class="numbers">5</span>.<span class="numbers">0</span>…</a></li> </ul>
		
		
		<p><a href="http://www.spip-contrib.net/Fulltext">Documentation</a></p>

<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L100xH100/arton118-19844.png" width='100' height='100' style='height:100px;width:100px;' />
		
		</content:encoded>

";s:4:"tags";a:2:{i:0;s:242:"<a href='http://dev.mysql.com/doc/refman/5.0/fr/fulltext-boolean.html' class='spip_out' rel='external'>http://dev.mysql.com/doc/refman/<span class="numbers">5</span>.<span class="numbers">0</span>…</a>";i:1;s:106:"<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>";}s:4:"icon";s:72:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton118-3f478.png";}}s:48:"http://files.spip.org/spip-zone/compositions.zip";a:3:{i:0;s:12:"Compositions";i:1;s:36:"http://plugins.spip.net/Compositions";i:2;a:11:{s:3:"url";s:36:"http://plugins.spip.net/Compositions";s:5:"titre";s:12:"Compositions";s:4:"date";i:1242110066;s:10:"lesauteurs";s:13:"Cédric Morin";s:10:"descriptif";s:1020:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton117-faaa3.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Plugin permettant de definir la type de composition des objets de spip (article, rubrique…) depuis la page de chaque objet. (un champ composition est ajoute et sa valeur peut etre definie par l'admin en choisissant une des présentations)</p> <p>Les rubriques peuvent aussi se voir attribue un article d'accueil via un select.</p> <p>Les champs id_article_accueil et composition peuvent ensuite etre utilisé par les squelettes.</p>

<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton117-faaa3.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Plugin permettant de definir la type de composition des objets de spip (article, rubrique…) depuis la page de chaque objet. (un champ composition est ajoute et sa valeur peut etre definie par l'admin en choisissant une des présentations)</p> <p>Les rubriques peuvent aussi se voir attribue un article d'accueil via un select.</p> <p>Les champs id_article_accueil et composition peuvent ensuite etre utilisé par les squelettes.</p>

<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L100xH100/arton117-bd2d0.png" width='100' height='100' style='height:100px;width:100px;' />
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:105:"<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>";}s:4:"icon";s:72:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton117-faaa3.png";}}s:45:"http://files.spip.org/spip-zone/Guestbook.zip";a:3:{i:0;s:9:"Guestbook";i:1;s:33:"http://plugins.spip.net/Guestbook";i:2;a:10:{s:3:"url";s:33:"http://plugins.spip.net/Guestbook";s:5:"titre";s:9:"Guestbook";s:4:"date";i:1242109549;s:10:"lesauteurs";s:8:"potter64";s:10:"descriptif";s:594:"<p>Un Livre d'or pour votre site Spip. Ce livre d'or fonctionne avec une table différente des tables de <span class="caps">SPIP</span>, ce qui en fais un système à part.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Guestbook">Documentation</a></p>

<a href="http://plugins.spip.net/-Forums-petitions-" rel="directory">Sessions, forums & pétitions</a>

<description>
		<p>Un Livre d'or pour votre site Spip. Ce livre d'or fonctionne avec une table différente des tables de <span class="caps">SPIP</span>, ce qui en fais un système à part.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Guestbook">Documentation</a></p>

<a href="http://plugins.spip.net/-Forums-petitions-" rel="directory">Sessions, forums & pétitions</a>

</description>

<content:encoded><div class='rss_texte'><p>Ce plugin définit la balise <code class='spip_code' dir='ltr'>#FORMULAIRE_GUESTBOOK</code>. Elle permet d'envoyer une message sur un livre d'or préalablement installé sur <span class="numbers">2</span> tables <span class="caps">SQL</span>. Une interface de modération des messages est incluse.</p> <p>Pour récupérer les messages, utiliser la boucle <code class='spip_code' dir='ltr'>(GUESTBOOK)</code>.</p></div>
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:102:"<a href="http://plugins.spip.net/-Forums-petitions-" rel="directory">Sessions, forums & pétitions</a>";}}}s:58:"http://www.spip-contrib.net/IMG/zip/multiviewer_v1-0-2.zip";a:3:{i:0;s:17:"MultiViewer Flash";i:1;s:41:"http://plugins.spip.net/MultiViewer-Flash";i:2;a:11:{s:3:"url";s:41:"http://plugins.spip.net/MultiViewer-Flash";s:5:"titre";s:17:"MultiViewer Flash";s:4:"date";i:1241955886;s:10:"lesauteurs";s:17:"Christophe Boutin";s:10:"descriptif";s:994:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L63xH64/arton115-7bdb8.png" width='63' height='64' style='height:64px;width:63px;' /></span>
		<p><span class="numbers">4</span> viewers Flash au choix, de base, mais extensible…,</p> <p>Viewer utilisable dans vos squelettes ou vos articles, paramétrable par le rédacteur,</p> <p>Voir plusieurs galeries sur une même page avec différents viewers.</p> <p>Extension : Ajouter facilement à <span class="caps">SPIP</span> vos propres viewers flash personnalisés (interface par fichier <span class="caps">XML</span>)</p>

<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L63xH64/arton115-7bdb8.png" width='63' height='64' style='height:64px;width:63px;' /></span>
		<p><span class="numbers">4</span> viewers Flash au choix, de base, mais extensible…,</p> <p>Viewer utilisable dans vos squelettes ou vos articles, paramétrable par le rédacteur,</p> <p>Voir plusieurs galeries sur une même page avec différents viewers.</p> <p>Extension : Ajouter facilement à <span class="caps">SPIP</span> vos propres viewers flash personnalisés (interface par fichier <span class="caps">XML</span>)</p>

<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L97xH100/arton115-d93ea.png" width='97' height='100' style='height:100px;width:97px;' />
		<div class='rss_texte'><p>De base <span class="numbers">4</span> viewers flash libres sont livrées, mais vous pourrez facilement interfacer vos propres viewer flash via un fichier <span class="caps">XML</span>.</p> <p>Les balises sont utilisables dans les squelettes ou la rédaction des articles par le rédacteur.</p> <p>Il est possible de disposer plusieurs galerie sur une même page, même avec différents viewer.</p> <p>Par exemple, dans un article <span class="caps">XX</span>, je veux :
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> Déclarer une nouvelle galerie nommée 'nomgalerie' : <code class='spip_code' dir='ltr'><MULTIVIEWERXX|NEW|nom=nomgalerie></code></p> <p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> Choisir le viewer de la galerie 'nomgalerie' : <code class='spip_code' dir='ltr'><MULTIVIEWERXX|PARAM|nom=nomgalerie|viewer=postcard></code></p> <p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> Ajouter le document <span class="numbers">26</span> dans la galerie 'nomgalerie' : <code class='spip_code' dir='ltr'><MULTIVIEWERXX|ADD|nom=nomgalerie|doc=26></code></p> <p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> Afficher la galerie 'nomgalerie' : <code class='spip_code' dir='ltr'><MULTIVIEWERXX|VOIR|nom=nomgalerie></code></p> <p>pour choisir le viewer <i>(<span class="numbers">4</span> sont livrés avec le plugin à la base)</i> :</p> <p>— <strong>autoviewer</strong> <i>(sympa pour une page d'accueil, un bandeau)</i>
<br />— <strong>simpleviewer</strong> <i>(Celui que j'utilise le plus, la galerie d'image sur le côté, en dessous, ou… et la grande image sur le côté, classique et efficace.)</i>
<br />— <strong>postcard</strong> <i>(un peu fun, on clique ça s'agrandit, on clique le voisin, il arrive)</i>
<br />— <strong>tiltviewer</strong> <i>(Le plus délire des <span class="numbers">4</span>, un peu comme Postcard mais en plus ça bouge en <span class="caps"><span class="numbers">3</span>D</span>)</i></p> <p>Idem dans les squellettes :</p> <p><code class='spip_code' dir='ltr'>#MULTIVIEWER{NEW,nomgalerie}</code></p> <p><code class='spip_code' dir='ltr'>#MULTIVIEWERXX{PARAM,nomgalerie,viewer=postcard}</code></p> <p><code class='spip_code' dir='ltr'>#MULTIVIEWERXX{ADD,nomgalerie,26}</code></p> <p><code class='spip_code' dir='ltr'>#MULTIVIEWERXX{VOIR,nomgalerie}</code></p> <h3 class="spip">Le kit de départ - les viewers</h3>
<p>Les viewers livrés avec le plugin sont ceux de Felix Turner, <a href='http://www.airtightinteractive.com/viewers/' class='spip_out' rel='external'>www.airtightinteractive.com</a>
<i>Ces versions sont libres (mais avec un lien vers son site). Sinon, moyennant quelques dollars, des versions débridés et anonymes sont dispos.</i></p></div>
		
		</content:encoded>

";s:4:"tags";a:2:{i:0;s:98:"<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>";i:1;s:135:"<a href='http://www.airtightinteractive.com/viewers/' class='spip_out' rel='external'>www.airtightinteractive.com</a>";}s:4:"icon";s:72:"http://plugins.spip.net/local/cache-vignettes/L63xH64/arton115-7bdb8.png";}}s:43:"http://files.spip.org/spip-zone/refbase.zip";a:3:{i:0;s:7:"Refbase";i:1;s:31:"http://plugins.spip.net/Refbase";i:2;a:11:{s:3:"url";s:31:"http://plugins.spip.net/Refbase";s:5:"titre";s:7:"Refbase";s:4:"date";i:1241679543;s:10:"lesauteurs";s:6:"Joseph";s:10:"descriptif";s:1223:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton111-d36b5.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p><a href='http://www.refbase.net/' class='spip_out' rel='external'>Refbase</a> est une application <span class="caps">PHP</span>/MySQL permettant de gérer une base de références bibliographiques en ligne.</p> <p>Ce plugin fournit un modèle <code class='spip_code' dir='ltr'><refbase></code> permettant d'extraire des références d'une base refbase en ligne et de les intégrer ainsi dans <span class="caps">SPIP</span>.</p>
		
		
		<p><a href="http://www.spip-contrib.net/spip.php?article3036">Documentation</a></p>

<a href="http://plugins.spip.net/-nouveaux-objets-" rel="directory">Nouveaux objets</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton111-d36b5.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p><a href='http://www.refbase.net/' class='spip_out' rel='external'>Refbase</a> est une application <span class="caps">PHP</span>/MySQL permettant de gérer une base de références bibliographiques en ligne.</p> <p>Ce plugin fournit un modèle <code class='spip_code' dir='ltr'><refbase></code> permettant d'extraire des références d'une base refbase en ligne et de les intégrer ainsi dans <span class="caps">SPIP</span>.</p>
		
		
		<p><a href="http://www.spip-contrib.net/spip.php?article3036">Documentation</a></p>

<a href="http://plugins.spip.net/-nouveaux-objets-" rel="directory">Nouveaux objets</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L94xH94/arton111-e6c0b.png" width='94' height='94' style='height:94px;width:94px;' />
		<div class='rss_texte'><p>Exemple d'inclusion à partir du modèle <code class='spip_code' dir='ltr'><refbase></code> :</p> <dl class='spip_document_151 spip_documents spip_documents_center'>
<dt><img src='http://plugins.spip.net/local/cache-vignettes/L482xH603/refbase_vue_citations2-32ef7.png' width='482' height='603' alt='PNG - 22.5 ko' style='height:603px;width:482px;' /></dt>
</dl></div>
		
		</content:encoded>

";s:4:"tags";a:2:{i:0;s:77:"<a href='http://www.refbase.net/' class='spip_out' rel='external'>Refbase</a>";i:1;s:87:"<a href="http://plugins.spip.net/-nouveaux-objets-" rel="directory">Nouveaux objets</a>";}s:4:"icon";s:72:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton111-d36b5.png";}}s:57:"http://www.spip-contrib.net/IMG/zip/tabledata-v2-1-1b.zip";a:3:{i:0;s:9:"TableDATA";i:1;s:33:"http://plugins.spip.net/TableDATA";i:2;a:11:{s:3:"url";s:33:"http://plugins.spip.net/TableDATA";s:5:"titre";s:9:"TableDATA";s:4:"date";i:1241678932;s:10:"lesauteurs";s:17:"Christophe Boutin";s:10:"descriptif";s:801:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L62xH64/arton110-a26c0.png" width='62' height='64' style='height:64px;width:62px;' /></span>
		<p>Ce plugin permet de gérer simplement le contenu de tables additionnelles ( tables extra ou tables supplémentaires) dans l'interface privée.</p>
		
		
		<p><a href="http://www.spip-contrib.net/TableData-pour-Spip-2">Documentation</a></p>

<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L62xH64/arton110-a26c0.png" width='62' height='64' style='height:64px;width:62px;' /></span>
		<p>Ce plugin permet de gérer simplement le contenu de tables additionnelles ( tables extra ou tables supplémentaires) dans l'interface privée.</p>
		
		
		<p><a href="http://www.spip-contrib.net/TableData-pour-Spip-2">Documentation</a></p>

<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L102xH106/arton110-39461.png" width='102' height='106' style='height:106px;width:102px;' />
		<div class='rss_texte'><p>L'objet est de pouvoir facilement visualiser et éditer les tables complémentaires d'un site en production. Surtout si l'administrateur final du site n'est pas « très informaticien »</p> <h3 class="spip">gestion de tables <span class="caps">SQL</span> supplémentaires</h3>
<p>A partir de la version <span class="numbers">1</span>.<span class="numbers">9</span>, on trouve une fonction très intéressante : on peut ajouter une table ("matable" par ex.) et utiliser des boucles pour la parcourir : <i>BOUCLE_a(matable)</i> et extraire ses champs avec des balises <i>#<span class="caps">CHAMP<span class="numbers">1</span></span></i>, <i>#<span class="caps">CHAMP<span class="numbers">2</span></span></i>, etc.</p> <p>Avec ce plugin, vous pourrez visualiser, ajouter et modifier le contenu de ces tables.</p> <p><span class="caps">TABLES</span> <span class="caps">EXTRA</span> et <span class="caps">CHAMPS</span> <span class="caps">EXTRA</span> permettent d'ajouter des infos complémentaires à <span class="caps">SPIP</span> : <strong>Comment choisir entre <span class="caps">TABLES</span> <span class="caps">EXTRA</span> et <span class="caps">CHAMPS</span> <span class="caps">EXTRA</span> ? </strong>
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> si votre besoin concerne tout le site, et que l'information additionnelle à un lien de type <span class="numbers">1</span> :<span class="numbers">1</span> avec un objet de <span class="caps">SPIP</span> : <i><span class="caps">CHAMPS</span> <span class="caps">EXTRA</span> est tout indiqué. (car on modifie la structure des tables de la base, cela s'applique à tout le site)</i>
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> si votre besoin concerne un secteur ou une rubrique du site : <i><span class="caps">TABLES</span> <span class="caps">EXTRA</span> est tout indiqué, ça ne sert à rien d'aloudir toute la structure pour un besoin concentré.</i>
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> si l'information additionnelle à un lien de type <span class="numbers">1</span>:n avec un objet de <span class="caps">SPIP</span>, <i><span class="caps">TABLE</span> <span class="caps">EXTRA</span> est tout indiqué : (car on modifie la structure des tables de la base, cela s'applique à tout le site)</i></p> <p>Pour en savoir plus, sur SPIP-Contrib :</p> <p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> <a href='http://www.spip-contrib.net/Gestion-de-donnees-SQL-avec' class='spip_out' rel='external'>Gestion de données <span class="caps">SQL</span> avec TableDATA</a> : Toutes les explications
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> <a href='http://www.spip-contrib.net/TableData-pour-Spip-2' class='spip_out' rel='external'>TableData pour Spip <span class="numbers">2</span></a> : Le portage du plugin pour <span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span></p></div>
		
		</content:encoded>

";s:4:"tags";a:3:{i:0;s:106:"<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>";i:1;s:166:"<a href='http://www.spip-contrib.net/Gestion-de-donnees-SQL-avec' class='spip_out' rel='external'>Gestion de données <span class="caps">SQL</span> avec TableDATA</a>";i:2;s:146:"<a href='http://www.spip-contrib.net/TableData-pour-Spip-2' class='spip_out' rel='external'>TableData pour Spip <span class="numbers">2</span></a>";}s:4:"icon";s:72:"http://plugins.spip.net/local/cache-vignettes/L62xH64/arton110-a26c0.png";}}s:56:"http://www.spip-contrib.net/IMG/zip/tabledata-v2-2-0.zip";a:3:{i:0;s:9:"TableDATA";i:1;s:33:"http://plugins.spip.net/TableDATA";i:2;a:11:{s:3:"url";s:33:"http://plugins.spip.net/TableDATA";s:5:"titre";s:9:"TableDATA";s:4:"date";i:1241678932;s:10:"lesauteurs";s:17:"Christophe Boutin";s:10:"descriptif";s:801:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L62xH64/arton110-a26c0.png" width='62' height='64' style='height:64px;width:62px;' /></span>
		<p>Ce plugin permet de gérer simplement le contenu de tables additionnelles ( tables extra ou tables supplémentaires) dans l'interface privée.</p>
		
		
		<p><a href="http://www.spip-contrib.net/TableData-pour-Spip-2">Documentation</a></p>

<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>

</description>

";s:4:"tags";a:3:{i:0;s:106:"<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>";i:1;s:166:"<a href='http://www.spip-contrib.net/Gestion-de-donnees-SQL-avec' class='spip_out' rel='external'>Gestion de données <span class="caps">SQL</span> avec TableDATA</a>";i:2;s:146:"<a href='http://www.spip-contrib.net/TableData-pour-Spip-2' class='spip_out' rel='external'>TableData pour Spip <span class="numbers">2</span></a>";}s:4:"icon";s:72:"http://plugins.spip.net/local/cache-vignettes/L62xH64/arton110-a26c0.png";}}s:40:"http://files.spip.org/spip-zone/noie.zip";a:3:{i:0;s:23:"Changez de navigateur !";i:1;s:45:"http://plugins.spip.net/Changez-de-navigateur";i:2;a:11:{s:3:"url";s:45:"http://plugins.spip.net/Changez-de-navigateur";s:5:"titre";s:23:"Changez de navigateur !";s:4:"date";i:1239463474;s:10:"lesauteurs";s:3:"Fil";s:10:"descriptif";s:797:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton109-24280.gif" width='64' height='64' style='height:64px;width:64px;' /></span>

<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>

<subject><span class="caps">SPIP</span> <span class="numbers">1</span>.<span class="numbers">9</span>.<span class="numbers">2</span></subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span></subject>
		<subject>Pas d'accès <span class="caps">SQL</span></subject>
		<subject><b>Salvatore</b></subject>
		<subject>Français</subject>
		<subject>English</subject>
		<subject>Italiano</subject>
		<subject>Deutsch</subject>
		<subject>عربي</subject>
		<subject>asturiano</subject>
		<subject>Nederlands</subject>
		<subject>svenska</subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton109-24280.gif" width='64' height='64' style='height:64px;width:64px;' />
		<div class='rss_texte'><p><plugin>
<nom>Changez de navigateur !</nom>
<icon>noie-<span class="numbers">64</span>.gif</icon>
<auteur>Fil, <a href='http://romy.tetue.net/' class='spip_out' rel='external'>romy.tetue.net</a> - <span class="numbers">2009</span></auteur>
<licence><span class="caps">GPL</span></licence>
<version><span class="numbers">1</span>.<span class="numbers">0</span></version>
<etat>stable</etat>
<description>Ce plugin permet d'afficher un gentil message aux internautes surfant avec Internet Explorer afin de les prévenir qu'ils ne visitent pas le site dans les meilleures conditions.</description>
<lien><a href='http://www.spip-contrib.net/Changez-de-navigateur' class='spip_out' rel='nofollow external'>http://www.spip-contrib.net/Changez…</a></lien>
<prefix>noie</prefix>
<pipeline> <nom>affichage_final</nom> <inclure>insere_campagne.php</inclure>
</pipeline>
<necessite id='SPIP' version='[1.9.0;]' />
</plugin></p></div>
		
		</content:encoded>

";s:4:"tags";a:3:{i:0;s:105:"<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>";i:1;s:89:"<a href='http://romy.tetue.net/' class='spip_out' rel='external'>romy.tetue.net</a>";i:2;s:164:"<a href='http://www.spip-contrib.net/Changez-de-navigateur' class='spip_out' rel='nofollow external'>http://www.spip-contrib.net/Changez…</a>";}s:4:"icon";s:72:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton109-24280.gif";}}s:44:"http://files.spip.org/spip-zone/snippets.zip";a:3:{i:0;s:8:"Snippets";i:1;s:32:"http://plugins.spip.net/Snippets";i:2;a:10:{s:3:"url";s:32:"http://plugins.spip.net/Snippets";s:5:"titre";s:8:"Snippets";s:4:"date";i:1239462876;s:10:"lesauteurs";s:13:"Cédric Morin";s:10:"descriptif";s:653:"<p>Fournit une <span class="caps">API</span> d'import/export <span class="caps">XML</span> de contenu</p>
		
		
		<p><a href="http://www.spip-contrib.net/Import-export-avec-Snippets">Documentation</a></p>

<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>

<description>
		<p>Fournit une <span class="caps">API</span> d'import/export <span class="caps">XML</span> de contenu</p>
		
		
		<p><a href="http://www.spip-contrib.net/Import-export-avec-Snippets">Documentation</a></p>

<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>

</description>

<content:encoded>
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:106:"<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>";}}}s:49:"http://files.spip.org/spip-zone/googlemap_api.zip";a:3:{i:0;s:15:"Google Maps API";i:1;s:39:"http://plugins.spip.net/Google-Maps-API";i:2;a:10:{s:3:"url";s:39:"http://plugins.spip.net/Google-Maps-API";s:5:"titre";s:15:"Google Maps API";s:4:"date";i:1239462492;s:10:"lesauteurs";s:23:"Berio Molina, Horaciogd";s:10:"descriptif";s:863:"<p>Plugin pour configurer l'<span class="caps">API</span> Googlemaps dans la partie privée de votre site <span class="caps">SPIP</span>.</p> <p>Permet d'utiliser l'<span class="caps">API</span> avec plusieurs plugins (Gis, Geoforms…).</p>
		
		
		<p><a href="http://www.escoitar.org/documentacion/spip.php?article175">Documentation</a></p>

<a href="http://plugins.spip.net/-informations-geographiques-" rel="directory">Informations géographiques</a>

<subject><span class="caps">SPIP</span> <span class="numbers">1</span>.<span class="numbers">9</span>.<span class="numbers">2</span></subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span></subject>
		<subject>Pas d'accès <span class="caps">SQL</span></subject>
		<subject>Français</subject>
		<subject>English</subject>
		<subject>Español</subject>
		<subject>galego</subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<description>
		<p>Plugin pour configurer l'<span class="caps">API</span> Googlemaps dans la partie privée de votre site <span class="caps">SPIP</span>.</p> <p>Permet d'utiliser l'<span class="caps">API</span> avec plusieurs plugins (Gis, Geoforms…).</p>
		
		
		<p><a href="http://www.escoitar.org/documentacion/spip.php?article175">Documentation</a></p>

<a href="http://plugins.spip.net/-informations-geographiques-" rel="directory">Informations géographiques</a>

</description>

<content:encoded><div class='rss_texte'><p>Plugin pour configurer l'<span class="caps">API</span> Googlemaps dans la partie privée de votre site <span class="caps">SPIP</span>.</p> <p>Permet d'utiliser l'<span class="caps">API</span> avec plusieurs plugins (Gis, Geoforms…).</p></div>
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:110:"<a href="http://plugins.spip.net/-informations-geographiques-" rel="directory">Informations géographiques</a>";}}}s:39:"http://files.spip.org/spip-zone/gis.zip";a:3:{i:0;s:12:"GIS Escoitar";i:1;s:36:"http://plugins.spip.net/GIS-Escoitar";i:2;a:10:{s:3:"url";s:36:"http://plugins.spip.net/GIS-Escoitar";s:5:"titre";s:12:"GIS Escoitar";s:4:"date";i:1239462148;s:10:"lesauteurs";s:23:"Berio Molina, Horaciogd";s:10:"descriptif";s:1479:"<p>Ce plugin, couplé au plugin Google Map <span class="caps">API</span> permet d'afficher des cartes GoogleMaps sur les pages publiques du site. Les articles et mots-clés du site peuvent être géolocalisés par des marqueurs sur les cartes.</p> <p>Ce plugin introduit deux tables dans la base de données. L'une nommée <strong>spip_gis</strong> et l'autre <strong>spip_gis_mots</strong></p> <p>page de test <a href='http://www.spip.escoitar.org/' class='spip_out' rel='external'>http://www.spip.escoitar.org/</a></p> <p>Documentation : <a href='http://www.spip-contrib.net/Plugin-Gis-escoitar' class='spip_out' rel='external'>http://www.spip-contrib.net/Plugin-…</a></p> <p>Configuration : <a href='http://plugins.spip.net/ecrire/?exec=cfg&cfg=gis' class='spip_out'>/ecrire/ ?exec=cfg<span class="amp">&</span>cfg=gis</a></p>
		
		
		<p><a href="http://www.spip-contrib.net/Plugin-Gis-escoitar">Documentation</a></p>

<a href="http://plugins.spip.net/-informations-geographiques-" rel="directory">Informations géographiques</a>

<subject><span class="caps">SPIP</span> <span class="numbers">1</span>.<span class="numbers">9</span>.<span class="numbers">2</span></subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span></subject>
		<subject>MySQL</subject>
		<subject>Français</subject>
		<subject>English</subject>
		<subject>Español</subject>
		<subject>galego</subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<description>
		<p>Ce plugin, couplé au plugin Google Map <span class="caps">API</span> permet d'afficher des cartes GoogleMaps sur les pages publiques du site. Les articles et mots-clés du site peuvent être géolocalisés par des marqueurs sur les cartes.</p> <p>Ce plugin introduit deux tables dans la base de données. L'une nommée <strong>spip_gis</strong> et l'autre <strong>spip_gis_mots</strong></p> <p>page de test <a href='http://www.spip.escoitar.org/' class='spip_out' rel='external'>http://www.spip.escoitar.org/</a></p> <p>Documentation : <a href='http://www.spip-contrib.net/Plugin-Gis-escoitar' class='spip_out' rel='external'>http://www.spip-contrib.net/Plugin-…</a></p> <p>Configuration : <a href='http://plugins.spip.net/ecrire/?exec=cfg&cfg=gis' class='spip_out'>/ecrire/ ?exec=cfg<span class="amp">&</span>cfg=gis</a></p>
		
		
		<p><a href="http://www.spip-contrib.net/Plugin-Gis-escoitar">Documentation</a></p>

<a href="http://plugins.spip.net/-informations-geographiques-" rel="directory">Informations géographiques</a>

</description>

<content:encoded><div class='rss_texte'><p>Ce plugin, couplé au plugin Google Map <span class="caps">API</span> permet d'afficher des cartes GoogleMaps sur les pages publiques du site. Les articles et mots-clés du site peuvent être géolocalisés par des marqueurs sur les cartes.</p></div>
		
		</content:encoded>

";s:4:"tags";a:3:{i:0;s:117:"<a href='http://www.spip.escoitar.org/' class='spip_out' rel='external'>http://www.spip.escoitar.org/</a>";i:1;s:153:"<a href='http://www.spip-contrib.net/Plugin-Gis-escoitar' class='spip_out' rel='external'>http://www.spip-contrib.net/Plugin-…</a>";i:2;s:110:"<a href="http://plugins.spip.net/-informations-geographiques-" rel="directory">Informations géographiques</a>";}}}s:54:"http://files.spip.org/spip-zone/citation_aleatoire.zip";a:3:{i:0;s:19:"Citation aléatoire";i:1;s:42:"http://plugins.spip.net/Citation-aleatoire";i:2;a:11:{s:3:"url";s:42:"http://plugins.spip.net/Citation-aleatoire";s:5:"titre";s:19:"Citation aléatoire";s:4:"date";i:1235259215;s:10:"lesauteurs";s:7:"paladin";s:10:"descriptif";s:852:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton95-29c9d.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>CitAl (Citation Aléatoire) permet l'insertion automatique d'une citation sur votre page web.</p>
		
		
		<p><a href="http://www.quesaco.org/Citation-aleatoire">Documentation</a></p>

<a href="http://plugins.spip.net/-nouveaux-objets-" rel="directory">Nouveaux objets</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton95-29c9d.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>CitAl (Citation Aléatoire) permet l'insertion automatique d'une citation sur votre page web.</p>
		
		
		<p><a href="http://www.quesaco.org/Citation-aleatoire">Documentation</a></p>

<a href="http://plugins.spip.net/-nouveaux-objets-" rel="directory">Nouveaux objets</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton95-29c9d.png" width='64' height='64' style='height:64px;width:64px;' />
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:87:"<a href="http://plugins.spip.net/-nouveaux-objets-" rel="directory">Nouveaux objets</a>";}s:4:"icon";s:71:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton95-29c9d.png";}}s:57:"http://plugins.spip.net/IMG/zip/FSGT-Modif_MdP_Public.zip";a:3:{i:0;s:21:"Modif MdP Site Public";i:1;s:45:"http://plugins.spip.net/Modif-MdP-Site-Public";i:2;a:11:{s:3:"url";s:45:"http://plugins.spip.net/Modif-MdP-Site-Public";s:5:"titre";s:21:"Modif MdP Site Public";s:4:"date";i:1235259118;s:10:"lesauteurs";s:6:"Taryck";s:10:"descriptif";s:894:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH54/arton102-239ba.jpg" width='64' height='54' style='height:54px;width:64px;' /></span>
		<p>Plugin facilitant la modification du mot de passe depuis le site public (pour les visiteurs identifiés donc)</p>
		
		
		<p><a href="http://plugins.spip.net/Modif-MdP-Site-Public">Documentation</a></p>

<a href="http://plugins.spip.net/-Forums-petitions-" rel="directory">Sessions, forums & pétitions</a>

<span class="caps">SPIP</span> <span class="numbers">1</span>.<span class="numbers">9</span>.<span class="numbers">2</span>, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span>, 
Fonctions génériques, 
<b>Pas de texte</b>, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>";s:7:"content";s:8315:"http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L150xH126/arton102-881d0.jpg" width='150' height='126' style='height:126px;width:150px;' />
		<div class='rss_texte'><p>Si comme moi vous utilisez le plugin <a href='http://plugins.spip.net/acces-restreint' class='spip_in'>"accès restreint"</a> avec les visiteurs identifiés [<a href='#nb1' class='spip_note' rel='footnote' title='Pour rappel les visiteurs identifiés correspondent à l'option suivante (...)' id='nh1'>1</a>], risquez d'avoir la même question :</p> <p>"<strong>Comment je fais pour changer le mot de passe barbare ?</strong>"</p> <p>Ce plugin est la réponse et vous permettra de fabriquer une page de modification de mot de passe.</p> <h3 class="spip">Comment ca marche ?</h3>
<p>Ce plugin s'appuie sur la fonctionnalité de "mot de passe" oublié en "court-circuitant" l'étape saisie d'adresse courriel puis clique sur le lien envoyé. Lors de l'appel à la balise <span class="caps">URL_NOUVMDP</span>, la zone "cookie_oubli" est initialisée, ce qui correspond à la fonctionnalité de la page "oubli de mot de passe". Puis l'<span class="caps">URL</span> qu'aurait donné l'envoi de mail est retourné par la balise.</p> <h3 class="spip">Mise en œuvre</h3>
<p>La mise en œuvre est assez simple, une nouvelle balise est créer <span class="caps">URL_NOUVMDP</span> à la quelle vous préciser la page de modification du mot de passe. Cette page est celle dans le courriel d'oublis de mot de passe.
Si vous omettez la page la valeur par défaut sera la page de mot de passe pour <span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span>.<span class="numbers">3</span> soit '<strong>spip_pass</strong>' .</p> <p>Donc <i>#<span class="caps">URL_NOUVMDP</span></i> <span class="amp">&</span> <i>#<span class="caps">URL_NOUVMDP</span>{'spip_pass'} </i> sont équivalents.</p> <h3 class="spip">Exemple</h3>
<p><strong>Dans mon menu</strong>, si l'utilisateur est connecté alors alors on lui propose un lien de modification du mot de passe à l'aide du code suivant :</p> <div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#SESSION</span><span style="color: #74B900;"><span class="br0">&#123;</span>id_auteur<span class="br0">&#125;</span></span>|?<span style="color: #74B900;"><span class="br0">&#123;</span>' '<span class="br0">&#125;</span></span><span class="br0">&#41;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><a href="<span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#URL_PAGE</span><span style="color: #74B900;"><span class="br0">&#123;</span>Modif_MdP_Public<span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span>">Modifier mot de passe</a></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#93;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/a7524d5fa728e57bfcda823f34e205fe.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p><strong>Dans cette page Modif_MdP_Public</strong>, j'explique à l'utilisateur son action et lui demande de la confirmer à l'aide du code suivant :</p> <p>Version <span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span> balise #<span class="caps">SESSION</span></p>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span>Vous êtes connecté en tant que<span style="color: #222;"><br />'<b><span class="br0">&#40;</span><span style="color: #CA5200;">#SESSION</span><span style="color: #74B900;"><span class="br0">&#123;</span>'nom'<span class="br0">&#125;</span></span><span class="br0">&#41;</span></b>' <br /</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">Etes vous sur de vouloir changer de mot de passe ?<span style="color: #222;"><br /</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><a href="<span style="color: #CA5200;">#URL_NOUVMDP</span>">OUI</a> </div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><a href="<span style="color: #CA5200;">#URL_PAGE</span><span style="color: #74B900;"><span class="br0">&#123;</span>sommaire<span class="br0">&#125;</span></span>">NON</a><span class="br0">&#93;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/2594c143c70b5a1a57cb487d5a1322ec.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>Version <span class="caps">SPIP</span> <span class="numbers">1</span>.<span class="numbers">9</span>x balise #<strong><span class="caps">AUTEUR</span></strong>_SESSION (dans le plugin)</p>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span>Vous êtes connecté en tant que<span style="color: #222;"><br />'<b><span class="br0">&#40;</span><span style="color: #CA5200;">#AUTEUR_SESSION</span><span style="color: #74B900;"><span class="br0">&#123;</span>'nom'<span class="br0">&#125;</span></span><span class="br0">&#41;</span></b>' <br /</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">Etes vous sur de vouloir changer de mot de passe ?<span style="color: #222;"><br /</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><a href="<span style="color: #CA5200;">#URL_NOUVMDP</span>">OUI</a> </div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><a href="<span style="color: #CA5200;">#URL_PAGE</span><span style="color: #74B900;"><span class="br0">&#123;</span>sommaire<span class="br0">&#125;</span></span>">NON</a><span class="br0">&#93;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/79551436fcffa01da931ec49df39884d.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<h3 class="spip">Historique</h3>
<p>Version <span class="numbers">0</span>.<span class="numbers">3</span> : Correction pour fonctionnement <span class="numbers">2</span>.<span class="numbers">0</span></p> <p>Version <span class="numbers">0</span>.<span class="numbers">2</span> : Adaptation pour version <span class="numbers">1</span>.<span class="numbers">9</span> et version <span class="numbers">2</span>.<span class="numbers">0</span> (<span class="caps">KO</span> pour <span class="numbers">2</span>.<span class="numbers">0</span>)</p> <p>Version <span class="numbers">0</span>.<span class="numbers">1</span> : Pour version <span class="numbers">2</span>.<span class="numbers">0</span> uniquement</p> <h3 class="spip">Remerciements</h3>
<p><a href='http://www.spip-contrib.net/marjorie' class='spip_out' rel='external'>Marjorie</a> pour ses tests en version <span class="numbers">0</span>.<span class="numbers">2</span>.</p> <hr class="spip" /></div>
		<hr />
		<div class='rss_notes'><p><span class='ouvre_note'>[<a href='#nh1' id='nb1' class='spip_note' title='Notes 1' rev='footnote'>1</a>]</span>Pour rappel les visiteurs identifiés correspondent à l'option suivante d'activée dans "Configuration du Site" >> "Interactivité" :
<i>Enregistrement obligatoire (les utilisateurs doivent s'abonner en fournissant leur adresse e-mail avant de pouvoir poster des contributions).</i></p></div>";s:4:"lang";s:2:"fr";s:10:"enclosures";s:150:"<a rel="enclosure" href="http://plugins.spip.net/IMG/zip/FSGT-Modif_MdP_Public.zip" type="application/zip" title="23956">FSGT-Modif_MdP_Public.zip</a>";s:4:"item";s:10178:"
		<title>Modif MdP Site Public</title>
		<link>http://plugins.spip.net/Modif-MdP-Site-Public</link>
		<guid isPermaLink="true">http://plugins.spip.net/Modif-MdP-Site-Public</guid>
		<date>2009-02-21T23:31:58Z</date>
		<format>text/html</format>
		<language>fr</language>
		<creator>Taryck</creator>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH54/arton102-239ba.jpg" width='64' height='54' style='height:54px;width:64px;' /></span>
		<p>Plugin facilitant la modification du mot de passe depuis le site public (pour les visiteurs identifiés donc)</p>
		
		
		<p><a href="http://plugins.spip.net/Modif-MdP-Site-Public">Documentation</a></p>

<a href="http://plugins.spip.net/-Forums-petitions-" rel="directory">Sessions, forums & pétitions</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L150xH126/arton102-881d0.jpg" width='150' height='126' style='height:126px;width:150px;' />
		<div class='rss_texte'><p>Si comme moi vous utilisez le plugin <a href='http://plugins.spip.net/acces-restreint' class='spip_in'>"accès restreint"</a> avec les visiteurs identifiés [<a href='#nb1' class='spip_note' rel='footnote' title='Pour rappel les visiteurs identifiés correspondent à l'option suivante (...)' id='nh1'>1</a>], risquez d'avoir la même question :</p> <p>"<strong>Comment je fais pour changer le mot de passe barbare ?</strong>"</p> <p>Ce plugin est la réponse et vous permettra de fabriquer une page de modification de mot de passe.</p> <h3 class="spip">Comment ca marche ?</h3>
<p>Ce plugin s'appuie sur la fonctionnalité de "mot de passe" oublié en "court-circuitant" l'étape saisie d'adresse courriel puis clique sur le lien envoyé. Lors de l'appel à la balise <span class="caps">URL_NOUVMDP</span>, la zone "cookie_oubli" est initialisée, ce qui correspond à la fonctionnalité de la page "oubli de mot de passe". Puis l'<span class="caps">URL</span> qu'aurait donné l'envoi de mail est retourné par la balise.</p> <h3 class="spip">Mise en œuvre</h3>
<p>La mise en œuvre est assez simple, une nouvelle balise est créer <span class="caps">URL_NOUVMDP</span> à la quelle vous préciser la page de modification du mot de passe. Cette page est celle dans le courriel d'oublis de mot de passe.
Si vous omettez la page la valeur par défaut sera la page de mot de passe pour <span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span>.<span class="numbers">3</span> soit '<strong>spip_pass</strong>' .</p> <p>Donc <i>#<span class="caps">URL_NOUVMDP</span></i> <span class="amp">&</span> <i>#<span class="caps">URL_NOUVMDP</span>{'spip_pass'} </i> sont équivalents.</p> <h3 class="spip">Exemple</h3>
<p><strong>Dans mon menu</strong>, si l'utilisateur est connecté alors alors on lui propose un lien de modification du mot de passe à l'aide du code suivant :</p> <div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#SESSION</span><span style="color: #74B900;"><span class="br0">&#123;</span>id_auteur<span class="br0">&#125;</span></span>|?<span style="color: #74B900;"><span class="br0">&#123;</span>' '<span class="br0">&#125;</span></span><span class="br0">&#41;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><a href="<span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#URL_PAGE</span><span style="color: #74B900;"><span class="br0">&#123;</span>Modif_MdP_Public<span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span>">Modifier mot de passe</a></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#93;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/a7524d5fa728e57bfcda823f34e205fe.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p><strong>Dans cette page Modif_MdP_Public</strong>, j'explique à l'utilisateur son action et lui demande de la confirmer à l'aide du code suivant :</p> <p>Version <span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span> balise #<span class="caps">SESSION</span></p>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span>Vous êtes connecté en tant que<span style="color: #222;"><br />'<b><span class="br0">&#40;</span><span style="color: #CA5200;">#SESSION</span><span style="color: #74B900;"><span class="br0">&#123;</span>'nom'<span class="br0">&#125;</span></span><span class="br0">&#41;</span></b>' <br /</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">Etes vous sur de vouloir changer de mot de passe ?<span style="color: #222;"><br /</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><a href="<span style="color: #CA5200;">#URL_NOUVMDP</span>">OUI</a> </div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><a href="<span style="color: #CA5200;">#URL_PAGE</span><span style="color: #74B900;"><span class="br0">&#123;</span>sommaire<span class="br0">&#125;</span></span>">NON</a><span class="br0">&#93;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/2594c143c70b5a1a57cb487d5a1322ec.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>Version <span class="caps">SPIP</span> <span class="numbers">1</span>.<span class="numbers">9</span>x balise #<strong><span class="caps">AUTEUR</span></strong>_SESSION (dans le plugin)</p>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span>Vous êtes connecté en tant que<span style="color: #222;"><br />'<b><span class="br0">&#40;</span><span style="color: #CA5200;">#AUTEUR_SESSION</span><span style="color: #74B900;"><span class="br0">&#123;</span>'nom'<span class="br0">&#125;</span></span><span class="br0">&#41;</span></b>' <br /</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">Etes vous sur de vouloir changer de mot de passe ?<span style="color: #222;"><br /</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><a href="<span style="color: #CA5200;">#URL_NOUVMDP</span>">OUI</a> </div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><a href="<span style="color: #CA5200;">#URL_PAGE</span><span style="color: #74B900;"><span class="br0">&#123;</span>sommaire<span class="br0">&#125;</span></span>">NON</a><span class="br0">&#93;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/79551436fcffa01da931ec49df39884d.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<h3 class="spip">Historique</h3>
<p>Version <span class="numbers">0</span>.<span class="numbers">3</span> : Correction pour fonctionnement <span class="numbers">2</span>.<span class="numbers">0</span></p> <p>Version <span class="numbers">0</span>.<span class="numbers">2</span> : Adaptation pour version <span class="numbers">1</span>.<span class="numbers">9</span> et version <span class="numbers">2</span>.<span class="numbers">0</span> (<span class="caps">KO</span> pour <span class="numbers">2</span>.<span class="numbers">0</span>)</p> <p>Version <span class="numbers">0</span>.<span class="numbers">1</span> : Pour version <span class="numbers">2</span>.<span class="numbers">0</span> uniquement</p> <h3 class="spip">Remerciements</h3>
<p><a href='http://www.spip-contrib.net/marjorie' class='spip_out' rel='external'>Marjorie</a> pour ses tests en version <span class="numbers">0</span>.<span class="numbers">2</span>.</p> <hr class="spip" /></div>
		<hr />
		<div class='rss_notes'><p><span class='ouvre_note'>[<a href='#nh1' id='nb1' class='spip_note' title='Notes 1' rev='footnote'>1</a>]</span>Pour rappel les visiteurs identifiés correspondent à l'option suivante d'activée dans "Configuration du Site" >> "Interactivité" :
<i>Enregistrement obligatoire (les utilisateurs doivent s'abonner en fournissant leur adresse e-mail avant de pouvoir poster des contributions).</i></p></div>
		
		</content:encoded>

";s:4:"tags";a:3:{i:0;s:102:"<a href="http://plugins.spip.net/-Forums-petitions-" rel="directory">Sessions, forums & pétitions</a>";i:1;s:159:"<a href='#nb1' class='spip_note' rel='footnote' title='Pour rappel les visiteurs identifiés correspondent à l'option suivante (...)' id='nh1'>1</a>";i:2;s:91:"<a href='http://www.spip-contrib.net/marjorie' class='spip_out' rel='external'>Marjorie</a>";}s:4:"icon";s:72:"http://plugins.spip.net/local/cache-vignettes/L64xH54/arton102-239ba.jpg";}}s:52:"http://plugins.spip.net/IMG/zip/intertitres_5f89.zip";a:3:{i:0;s:33:"Intertitres hiérarchisés et tdm";i:1;s:55:"http://plugins.spip.net/Intertitres-hierarchises-et-tdm";i:2;a:11:{s:3:"url";s:55:"http://plugins.spip.net/Intertitres-hierarchises-et-tdm";s:5:"titre";s:33:"Intertitres hiérarchisés et tdm";s:4:"date";i:1233920778;s:10:"lesauteurs";s:15:"Beurt, Mortimer";s:10:"descriptif";s:1458:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH43/arton100-87049.png" width='64' height='43' style='height:43px;width:64px;' /></span>
		<p>Intertitres hiérarchisés et Table des matières rajoute des raccourcis typographiques pour gérer des niveaux d'intertitres, numérotés ou non, dans Spip (Ce plugin peut réutiliser les intertitres des enluminures typographiques). Il permet aussi d'ajouter dans l'article, une table des matières qui liste les intertitres contenus dans l'article grâce à un modèle. D'autres modèles permettent de se référer à une sous partie d'un article dans un autre article (en citant le titre, extrait ou rien).</p> <p>Ce plug-in est sous licence <span class="caps">GNU</span>/GPL v<span class="numbers">2</span></p>
		
		
		<p><a href="http://www.spip-contrib.net/Des-intertitres-hierarchises-et">Documentation</a></p>

<a href="http://plugins.spip.net/-Typographie-raccourcis-" rel="directory">Typographie & raccourcis</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH43/arton100-87049.png" width='64' height='43' style='height:43px;width:64px;' /></span>
		<p>Intertitres hiérarchisés et Table des matières rajoute des raccourcis typographiques pour gérer des niveaux d'intertitres, numérotés ou non, dans Spip (Ce plugin peut réutiliser les intertitres des enluminures typographiques). Il permet aussi d'ajouter dans l'article, une table des matières qui liste les intertitres contenus dans l'article grâce à un modèle. D'autres modèles permettent de se référer à une sous partie d'un article dans un autre article (en citant le titre, extrait ou rien).</p> <p>Ce plug-in est sous licence <span class="caps">GNU</span>/GPL v<span class="numbers">2</span></p>
		
		
		<p><a href="http://www.spip-contrib.net/Des-intertitres-hierarchises-et">Documentation</a></p>

<a href="http://plugins.spip.net/-Typographie-raccourcis-" rel="directory">Typographie & raccourcis</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L100xH67/arton100-402a9.png" width='100' height='67' style='height:67px;width:100px;' />
		<div class='rss_texte'><h3 class="spip">Présentation rapide</h3>
<p>« Intertitres hiérarchisés et table des matières » est un plugin de Spip qui donne accès à des intertitres de niveaux différents, pour mieux organiser vos textes.</p> <p>Mais également à des modèles permettant de faire une table des matières, des renvois vers certaines parties d'articles et d'en afficher automatiquement des extraits.</p> <p>Ces modèles peuvent s'insérer dans les squelettes ou à l'intérieur des articles.</p> <h3 class="spip">En détail, ce plugin permet :</h3>
<p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> d'utiliser des intertitres hiérarchisés (plusieurs niveaux de titres) dans vos articles grâce à de nouveaux raccourcis typographiques,
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> d'afficher grâce à un modèle une table des matières dans vos articles et/ou vos squelettes,
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> d'afficher des renvois vers certaines parties d'un article dans vos articles,
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> d'afficher des extraits plus ou moins longs et plus ou moins ciblés d'un article
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> d'extraire des éléments signifiants d'un article.</p> <h3 class="spip">Comment l'utiliser ?</h3>
<p>Une fois installé, ce plugin gère la hiérarchie des intertitres d'une façon proche de celle des puces de Spip.</p> <p>Pour hiérarchiser des puces avec Spip, on rajoute après le <code class='spip_code' dir='ltr'>-</code> des <code class='spip_code' dir='ltr'>*</code> pour les puces normales et des <code class='spip_code' dir='ltr'>#</code> pour les puces numérotées (<a href='http://www.spip.net/aide/?exec=aide_index&aide=raccourcis&frame=body&var_lang=fr#listes' class='spip_out' title="voir la doc en ligne sur Spip.net" rel='external'>voir aussi la documentation de Spip</a>).</p> <p>Avec les intertitres ce sera aussi simple ! Après les trois accolades classiques qui désignent un intertitre <code class='spip_code' dir='ltr'>{{{</code> vous placerez des <code class='spip_code' dir='ltr'>*</code> ou des <code class='spip_code' dir='ltr'>#</code> dont le nombre déterminera le niveau de l'intertitre (comme pour les puces, les <i>étoiles</i> donnent des intertitres non numérotés, et les <i>dièses</i> provoquent l'apparition de la numérotation automatique). Vous terminerez vos intertitres par les trois accolades fermantes classiques <code class='spip_code' dir='ltr'>}}}</code>.</p> <p>Ex.</p>
<div style='text-align: left;' class='spip_code' dir='ltr'><code>{{{*Titre de premier niveau}}}<br /> {{{**Titre de second niveau}}}<br /> {{{*Deuxième titre de premier niveau}}}</code></div>
<p>Vous pouvez placer dans vos articles une table des matières référençant les intertitres sous forme d'une liste de puces (hiérarchisées en fonction des niveaux d'intertitres, bien sûr). Pour cela il suffit de placer le modèle : <code class='spip_code' dir='ltr'><table_des_matieresXXX></code> dans votre texte (<code class='spip_code' dir='ltr'>XXX</code> est le numéro de l'article dont vous souhaitez afficher la table des matières).</p> <h3 class="spip">Informations complémentaires</h3>
<p>Les <a href='http://plugins.spip.net/Enluminures-typographiques' class='spip_in'>enluminures typographiques</a> proposent déjà un système d'intertitres hiérarchisés, mais qui se fonde sur des raccourcis différents (<code class='spip_code' dir='ltr'>{2{</code> ou <code class='spip_code' dir='ltr'>{3{</code>, etc.). Le plugin « Intertitres hiérarchisés et table des matières » <a href='http://www.spip-contrib.net/Des-intertitres-hierarchises-et?var_mode=calcul#enlum' class='spip_out' title="voir les détails sur la compatibilité de ce plugin avec les enluminures" rel='external'>fonctionne</a> aussi avec ces raccourcis-là !</p> <p>Ce plugin propose d'autres outils et bien des subtilités documentés sur Spip-contrib : <a href='http://www.spip-contrib.net/Des-intertitres-hierarchises-et' class='spip_out' title="La documentation complète sur Spip-contrib" rel='external'>http://www.spip-contrib.net/Des-int...</a></p> <p>Ce plugin est l'adaptation d'une ancienne contrib' que vous pouvez trouver ici : <a href='http://www.spip-contrib.net/Generation-automatique-de' class='spip_out' title="La contrib originelle décrite sur Spip-contrib" rel='external'>Génération automatique de numérotation, table des matières et références</a></p> <p>Le logo est <a href='http://flickr.com/photos/timetrax/376152628/' class='spip_out' title="voir la photo en grand" rel='external'>une photo</a> de <a href='http://flickr.com/photos/timetrax/' class='spip_out' title="plus d'infos sur l'auteur" rel='external'>timetrax<span class="numbers">23</span></a> sous licence <a href='http://creativecommons.org/licenses/by-sa/2.0/deed.fr' class='spip_out' title="détail de la licence" rel='external'>Creative Commons « Paternité-Partage des Conditions Initiales à l'Identique <span class="numbers">2</span>.<span class="numbers">0</span> Générique »</a> que vous retrouverez <a href='http://flickr.com/photos/timetrax/376152628/sizes/t/' class='spip_out' title="l'image sur son site d'origine" rel='external'>là</a>.</p></div>
		
		</content:encoded>

";s:4:"tags";a:9:{i:0;s:103:"<a href="http://plugins.spip.net/-Typographie-raccourcis-" rel="directory">Typographie & raccourcis</a>";i:1;s:215:"<a href='http://www.spip.net/aide/?exec=aide_index&aide=raccourcis&frame=body&var_lang=fr#listes' class='spip_out' title="voir la doc en ligne sur Spip.net" rel='external'>voir aussi la documentation de Spip</a>";i:2;s:222:"<a href='http://www.spip-contrib.net/Des-intertitres-hierarchises-et?var_mode=calcul#enlum' class='spip_out' title="voir les détails sur la compatibilité de ce plugin avec les enluminures" rel='external'>fonctionne</a>";i:3;s:196:"<a href='http://www.spip-contrib.net/Des-intertitres-hierarchises-et' class='spip_out' title="La documentation complète sur Spip-contrib" rel='external'>http://www.spip-contrib.net/Des-int...</a>";i:4;s:244:"<a href='http://www.spip-contrib.net/Generation-automatique-de' class='spip_out' title="La contrib originelle décrite sur Spip-contrib" rel='external'>Génération automatique de numérotation, table des matières et références</a>";i:5;s:131:"<a href='http://flickr.com/photos/timetrax/376152628/' class='spip_out' title="voir la photo en grand" rel='external'>une photo</a>";i:6;s:154:"<a href='http://flickr.com/photos/timetrax/' class='spip_out' title="plus d'infos sur l'auteur" rel='external'>timetrax<span class="numbers">23</span></a>";i:7;s:295:"<a href='http://creativecommons.org/licenses/by-sa/2.0/deed.fr' class='spip_out' title="détail de la licence" rel='external'>Creative Commons « Paternité-Partage des Conditions Initiales à l'Identique <span class="numbers">2</span>.<span class="numbers">0</span> Générique »</a>";i:8;s:141:"<a href='http://flickr.com/photos/timetrax/376152628/sizes/t/' class='spip_out' title="l'image sur son site d'origine" rel='external'>là</a>";}s:4:"icon";s:72:"http://plugins.spip.net/local/cache-vignettes/L64xH43/arton100-87049.png";}}s:50:"http://plugins.spip.net/IMG/zip/SPIPImmo-v3-1d.zip";a:3:{i:0;s:9:"SPIP Immo";i:1;s:33:"http://plugins.spip.net/SPIP-Immo";i:2;a:11:{s:3:"url";s:33:"http://plugins.spip.net/SPIP-Immo";s:5:"titre";s:9:"SPIP Immo";s:4:"date";i:1233920724;s:10:"lesauteurs";s:5:"Calv1";s:10:"descriptif";s:756:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton101-347f4.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Gestion d'annonces immobilières : outil à destination des agences immobilières souhaitant publier facilement leurs petites annonces en ligne.</p>
		
		
		<p><a href="http://spipimmo.commealaville.com/">Documentation</a></p>

<a href="http://plugins.spip.net/-nouveaux-objets-" rel="directory">Nouveaux objets</a>

<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span>, 
MySQL, 
Français, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>";s:7:"content";s:2095:"http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L100xH100/arton101-2f00f.gif" width='100' height='100' style='height:100px;width:100px;' />
		<div class='rss_texte'><p>Ce plugin permet d'administrer en ligne un portefeuille d'annonces immobilières. Celles-ci peuvent être caractérisées par une soixantaine de champs différents. Il est possible de leur attacher des photos et/ou des documents.</p> <p>Le plugin propose un moteur de recherche interne depuis la v<span class="numbers">2</span>.<span class="numbers">0</span>.</p> <p>Il utilise la logique des boucles <span class="caps">SPIP</span>, en y ajoutant ses propres balises et filtres, mais aussi en utilisant des filtres existants.</p> <p>L'ensemble de la documentation se trouve sur <a href='http://spipimmo.commealaville.com/' class='spip_out' rel='external'>spipimmo.commealaville.com</a> et sur <a href='http://www.spip-contrib.net/SPIP-Immo' class='spip_out' rel='external'><span class="caps">SPIP</span> Contrib</a> :
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> guide d'installation,
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> description générale et détaillée,
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> exemples de squelettes,
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> …</p> <p><span class="caps">SPIP</span> Immo est compatible avec <span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span> dans sa version <span class="numbers">3</span>.<span class="numbers">1</span>c.</p></div>";s:4:"lang";s:2:"fr";s:10:"enclosures";s:136:"<a rel="enclosure" href="http://plugins.spip.net/IMG/zip/SPIPImmo-v3-1d.zip" type="application/zip" title="77299">SPIPImmo-v3-1d.zip</a>";s:4:"item";s:3604:"
		<title>SPIP Immo</title>
		<link>http://plugins.spip.net/SPIP-Immo</link>
		<guid isPermaLink="true">http://plugins.spip.net/SPIP-Immo</guid>
		<date>2009-02-06T11:45:24Z</date>
		<format>text/html</format>
		<language>fr</language>
		<creator>Calv1</creator>

<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span></subject>
		<subject>MySQL</subject>
		<subject>Français</subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton101-347f4.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Gestion d'annonces immobilières : outil à destination des agences immobilières souhaitant publier facilement leurs petites annonces en ligne.</p>
		
		
		<p><a href="http://spipimmo.commealaville.com/">Documentation</a></p>

<a href="http://plugins.spip.net/-nouveaux-objets-" rel="directory">Nouveaux objets</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L100xH100/arton101-2f00f.gif" width='100' height='100' style='height:100px;width:100px;' />
		<div class='rss_texte'><p>Ce plugin permet d'administrer en ligne un portefeuille d'annonces immobilières. Celles-ci peuvent être caractérisées par une soixantaine de champs différents. Il est possible de leur attacher des photos et/ou des documents.</p> <p>Le plugin propose un moteur de recherche interne depuis la v<span class="numbers">2</span>.<span class="numbers">0</span>.</p> <p>Il utilise la logique des boucles <span class="caps">SPIP</span>, en y ajoutant ses propres balises et filtres, mais aussi en utilisant des filtres existants.</p> <p>L'ensemble de la documentation se trouve sur <a href='http://spipimmo.commealaville.com/' class='spip_out' rel='external'>spipimmo.commealaville.com</a> et sur <a href='http://www.spip-contrib.net/SPIP-Immo' class='spip_out' rel='external'><span class="caps">SPIP</span> Contrib</a> :
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> guide d'installation,
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> description générale et détaillée,
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> exemples de squelettes,
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> …</p> <p><span class="caps">SPIP</span> Immo est compatible avec <span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span> dans sa version <span class="numbers">3</span>.<span class="numbers">1</span>c.</p></div>
		
		</content:encoded>

";s:4:"tags";a:3:{i:0;s:87:"<a href="http://plugins.spip.net/-nouveaux-objets-" rel="directory">Nouveaux objets</a>";i:1;s:125:"<a href='http://spipimmo.commealaville.com/' class='spip_out' rel='external'>spipimmo.commealaville.com</a>";i:2;s:122:"<a href='http://www.spip-contrib.net/SPIP-Immo' class='spip_out' rel='external'><span class="caps">SPIP</span> Contrib</a>";}s:4:"icon";s:72:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton101-347f4.png";}}s:55:"http://files.spip.org/spip-zone/portfolio_imageflow.zip";a:3:{i:0;s:19:"Portfolio ImageFlow";i:1;s:43:"http://plugins.spip.net/Portfolio-ImageFlow";i:2;a:11:{s:3:"url";s:43:"http://plugins.spip.net/Portfolio-ImageFlow";s:5:"titre";s:19:"Portfolio ImageFlow";s:4:"date";i:1232355906;s:10:"lesauteurs";s:7:"paladin";s:10:"descriptif";s:952:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton93-c92dd.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Portfolio ImageFlow permet d'afficher un menu déroulant d'images (portfolio animé) et la sélection de l'une d'elles pour affichage grand format.</p>
		
		
		<p><a href="http://www.quesaco.org/Portfolio-ImageFlow-pour-SPIP">Documentation</a></p>

<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton93-c92dd.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Portfolio ImageFlow permet d'afficher un menu déroulant d'images (portfolio animé) et la sélection de l'une d'elles pour affichage grand format.</p>
		
		
		<p><a href="http://www.quesaco.org/Portfolio-ImageFlow-pour-SPIP">Documentation</a></p>

<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton93-c92dd.png" width='64' height='64' style='height:64px;width:64px;' />
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:98:"<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>";}s:4:"icon";s:71:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton93-c92dd.png";}}s:58:"http://files.spip.org/spip-zone/raccourcis_texte_perso.zip";a:3:{i:0;s:22:"Raccourcis texte Perso";i:1;s:46:"http://plugins.spip.net/Raccourcis-texte-Perso";i:2;a:11:{s:3:"url";s:46:"http://plugins.spip.net/Raccourcis-texte-Perso";s:5:"titre";s:22:"Raccourcis texte Perso";s:4:"date";i:1232355888;s:10:"lesauteurs";s:7:"paladin";s:10:"descriptif";s:885:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton92-a417f.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>RaPer (Raccourcis texte Perso) permet de surcharger les raccourcis texte utilisés dans vos squelettes.</p>
		
		
		<p><a href="http://www.quesaco.org/Surcharger-les-raccourcis-texte">Documentation</a></p>

<a href="http://plugins.spip.net/-Typographie-raccourcis-" rel="directory">Typographie & raccourcis</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton92-a417f.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>RaPer (Raccourcis texte Perso) permet de surcharger les raccourcis texte utilisés dans vos squelettes.</p>
		
		
		<p><a href="http://www.quesaco.org/Surcharger-les-raccourcis-texte">Documentation</a></p>

<a href="http://plugins.spip.net/-Typographie-raccourcis-" rel="directory">Typographie & raccourcis</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton92-a417f.png" width='64' height='64' style='height:64px;width:64px;' />
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:103:"<a href="http://plugins.spip.net/-Typographie-raccourcis-" rel="directory">Typographie & raccourcis</a>";}s:4:"icon";s:71:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton92-a417f.png";}}s:48:"http://files.spip.org/spip-zone/ymediaplayer.zip";a:3:{i:0;s:16:"Y ! Media Player";i:1;s:38:"http://plugins.spip.net/Y-Media-Player";i:2;a:10:{s:3:"url";s:38:"http://plugins.spip.net/Y-Media-Player";s:5:"titre";s:16:"Y ! Media Player";s:4:"date";i:1231499627;s:10:"lesauteurs";s:20:"Mathieu Drouet (IZO)";s:10:"descriptif";s:679:"<p>Ymediaplayer est un plugin permettant d'utiliser le media player de Yahoo. Le lecteur est géré entièrement par Yahoo, il suffit d'activer le plugin pour que tout vos mp<span class="numbers">3</span> soient pris en charge.</p>
		
		
		<p><a href="http://developer.yahoo.com/mediaplayer/">Documentation</a></p>

<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>

<description>
		<p>Ymediaplayer est un plugin permettant d'utiliser le media player de Yahoo. Le lecteur est géré entièrement par Yahoo, il suffit d'activer le plugin pour que tout vos mp<span class="numbers">3</span> soient pris en charge.</p>
		
		
		<p><a href="http://developer.yahoo.com/mediaplayer/">Documentation</a></p>

<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>

</description>

<content:encoded>
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:98:"<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>";}}}s:44:"http://files.spip.org/spip-zone/fond_mp3.zip";a:3:{i:0;s:14:"Fond-MP3";i:1;s:32:"http://plugins.spip.net/Fond-MP3";i:2;a:11:{s:3:"url";s:32:"http://plugins.spip.net/Fond-MP3";s:5:"titre";s:14:"Fond-MP3";s:4:"date";i:1230825571;s:10:"lesauteurs";s:7:"paladin";s:10:"descriptif";s:1044:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton91-9f356.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Fond_MP<span class="numbers">3</span> (Fmp<span class="numbers">3</span>) permet de jouer un son mp<span class="numbers">3</span> en guise d'illustration sonore pour un article, une rubrique, ou l'ensemble de votre site.</p>
		
		
		<p><a href="
		[Documentation sur www.quesaco.org->http://quesaco.org/Illustration-sonore-mp3]
	">Documentation</a></p>

<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton91-9f356.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Fond_MP<span class="numbers">3</span> (Fmp<span class="numbers">3</span>) permet de jouer un son mp<span class="numbers">3</span> en guise d'illustration sonore pour un article, une rubrique, ou l'ensemble de votre site.</p>
		
		
		<p><a href="
		[Documentation sur www.quesaco.org->http://quesaco.org/Illustration-sonore-mp3]
	">Documentation</a></p>

<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton91-9f356.png" width='64' height='64' style='height:64px;width:64px;' />
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:98:"<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>";}s:4:"icon";s:71:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton91-9f356.png";}}s:52:"http://files.spip.org/spip-zone/_calendrier_mini.zip";a:3:{i:0;s:15:"Mini calendrier";i:1;s:39:"http://plugins.spip.net/Mini-calendrier";i:2;a:10:{s:3:"url";s:39:"http://plugins.spip.net/Mini-calendrier";s:5:"titre";s:15:"Mini calendrier";s:4:"date";i:1230825401;s:10:"lesauteurs";s:5:"James";s:10:"descriptif";s:641:"<p>Cette balise affiche un calendrier au design issu de dotclear et donc compatible avec les styles issus de ce système de blog.</p> <p>Lui sont adjoints d'autre éléments, tels que balises, critères, modèles…</p>

<a href="http://plugins.spip.net/-calendriers-" rel="directory">Calendriers</a>

<description>
		<p>Cette balise affiche un calendrier au design issu de dotclear et donc compatible avec les styles issus de ce système de blog.</p> <p>Lui sont adjoints d'autre éléments, tels que balises, critères, modèles…</p>

<a href="http://plugins.spip.net/-calendriers-" rel="directory">Calendriers</a>

</description>

<content:encoded>
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:79:"<a href="http://plugins.spip.net/-calendriers-" rel="directory">Calendriers</a>";}}}s:52:"http://files.spip.org/spip-zone/spip_out_ouvrant.zip";a:3:{i:0;s:26:"Liens spip_out ouvrants";i:1;s:47:"http://plugins.spip.net/Liens-spip_out-ouvrants";i:2;a:10:{s:3:"url";s:47:"http://plugins.spip.net/Liens-spip_out-ouvrants";s:5:"titre";s:26:"Liens spip_out ouvrants";s:4:"date";i:1229194882;s:10:"lesauteurs";s:5:"ARNO*";s:10:"descriptif";s:628:"<p>Pour transformer les liens <code class='spip_code' dir='ltr' class='spip_code' dir='ltr'>spip_out</code> en liens ouvrants sur une nouvelle fenêtre (oui, c'est horrible). Ne modifie pas le code source généré, qui reste <i>compliant</i>.</p>

<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>

<description>
		<p>Pour transformer les liens <code class='spip_code' dir='ltr' class='spip_code' dir='ltr'>spip_out</code> en liens ouvrants sur une nouvelle fenêtre (oui, c'est horrible). Ne modifie pas le code source généré, qui reste <i>compliant</i>.</p>

<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>

</description>

<content:encoded><div class='rss_texte'><p>N'utilisez pas ce plugin ! Jamais. Il n'y a aucune bonne raison, objective ou subjective, pour utiliser un tel plugin. Les liens hypertextes qui ouvrent des fenêtres, c'est mal.</p> <p>Mais…
<br />— au début vous expliquez aux gens à qui est destiné le site que, non, faut pas le faire, c'est mal ;
<br />— « oui mais pour nous c'est nécessaire », et de toute façon c'est comme ça ;
<br />— alors vous expliquez que c'est pas possible avec <span class="caps">SPIP</span>, il n'y a pas de raccourci pour le faire ;
<br />— et au final, le webmestre du site vous pourrit tous les articles avec des liens <span class="caps">HTML</span> codés en dur avec de splendides <code class='spip_code' dir='ltr'>target="_blank"</code> à tout bout de champ.</p> <p>Alors, dans le cas très exceptionnel où vous préférez renoncer à convaincre les gens plutôt que de vous faire un ulcère à force de tenter d'enseigner les bons usages, ce plugin offre le compromis suivant : les liens hypertextes vers l'extérieur du site (<code class='spip_code' dir='ltr'>spip_out</code> dans le <span class="caps">HTML</span>) s'ouvrent dans une nouvelle fenêtre, mais :
<br />— automatiquement (c'est pas « une fois oui une fois non ») et sans code <span class="caps">HTML</span> dans les articles,
<br />— en Javascript, de façon à ne pas casser la compliance <span class="caps">W<span class="numbers">3</span>C</span> (parce qu'en général, les gens qui veulent des liens ouvrants, sur leur papier, il y a aussi marqué que ça doit être <i>compliant</i>).</p> <p>Mais si c'est un site pour vous, ou pour des gens sensibles à la nétiquette, n'utilisez pas ce plugin.</p></div>
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:105:"<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>";}}}s:62:"http://files.spip.org/spip-zone/supprimer_enveloppe_mailto.zip";a:3:{i:0;s:31:"Supprimer l'enveloppe du mailto";i:1;s:55:"http://plugins.spip.net/Supprimer-l-enveloppe-du-mailto";i:2;a:10:{s:3:"url";s:55:"http://plugins.spip.net/Supprimer-l-enveloppe-du-mailto";s:5:"titre";s:31:"Supprimer l'enveloppe du mailto";s:4:"date";i:1229100688;s:10:"lesauteurs";s:5:"ARNO*";s:10:"descriptif";s:769:"<p><span class="caps">SPIP</span> ajoute automatiquement une petite enveloppe sur les liens hypertextes de type « mailto». Ce plugin, ultra-simple, supprime cette petite enveloppe sur le site public (mais pas dans l'espace privé). À condition de bien utiliser <code class='spip_code' dir='ltr' class='spip_code' dir='ltr'>#INSERT_HEAD</code> dans ses squelettes.</p>

<a href="http://plugins.spip.net/-graphisme-du-site-public-" rel="directory">Graphisme du site public</a>

<description>
		<p><span class="caps">SPIP</span> ajoute automatiquement une petite enveloppe sur les liens hypertextes de type « mailto». Ce plugin, ultra-simple, supprime cette petite enveloppe sur le site public (mais pas dans l'espace privé). À condition de bien utiliser <code class='spip_code' dir='ltr' class='spip_code' dir='ltr'>#INSERT_HEAD</code> dans ses squelettes.</p>

<a href="http://plugins.spip.net/-graphisme-du-site-public-" rel="directory">Graphisme du site public</a>

</description>

<content:encoded><div class='rss_texte'><p>En compétition pour le titre de plugin le plus idiot…</p> <p><span class="caps">SPIP</span> ajoute une petite enveloppe avant tous les liens hypertextes de type <code class='spip_code' dir='ltr'>mailto</code>. C'est astucieux et pratique, puisque ça permet d'identifier les liens qui ouvrent le logiciel de mail.</p> <p>Mais à chaque fois que je développe un site, « on » me demande de supprimer la petite enveloppe (les gens, tout de même…). Alors plutôt que de retrouver la ligne de <span class="caps">CSS</span> responsable de cet effet à chaque fois, voici un petit plugin qui ne fait que cela.</p> <p>Il suffit de l'activer, et d'utiliser le <code class='spip_code' dir='ltr'>#INSERT_HEAD</code> dans ses squelettes.</p></div>
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:105:"<a href="http://plugins.spip.net/-graphisme-du-site-public-" rel="directory">Graphisme du site public</a>";}}}s:46:"http://trac.rezo.net/files/spip-zone/nuage.zip";a:3:{i:0;s:25:"Nuage de mots-clés";i:1;s:42:"http://plugins.spip.net/Nuage-de-mots-cles";i:2;a:11:{s:3:"url";s:42:"http://plugins.spip.net/Nuage-de-mots-cles";s:5:"titre";s:25:"Nuage de mots-clés";s:4:"date";i:1228990800;s:10:"lesauteurs";s:16:"BoOz, Fil, James";s:10:"descriptif";s:846:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton83-5176f.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Version plugin avec modèles et filtres de la contrib nuage de tags.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Nuage-de-mots-cles">Documentation</a></p>

<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton83-5176f.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Version plugin avec modèles et filtres de la contrib nuage de tags.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Nuage-de-mots-cles">Documentation</a></p>

<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L100xH100/arton83-5d5b3.png" width='100' height='100' style='height:100px;width:100px;' />
		
		</content:encoded>

<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>

<description>
		<p>Ce plugin ne fait rien : il s'agit d'un exemple aussi simple que possible pour apprendre à utiliser <span class="caps">CFG</span>.</p>
		
		
		<p><a href="http://www.spip-contrib.net/?article1605">Documentation</a></p>

<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>

</description>

<content:encoded>
		</content:encoded>

<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>

<description>
		<p>Ce plugin ajoute un titre et un descriptif aux logos.</p>

<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>

</description>

<content:encoded><div class='rss_texte'><div class="spip_documents_deplier"> <dl class='spip_document_99 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><img src='http://plugins.spip.net/local/cache-vignettes/L200xH429/Image_1-5baaf-26fcf.png' width='200' height='429' style='height:429px;width:200px;' /></dt> </dl> </div>
<p>Il arrive parfois que l'on ait l'envie (ou l'obligation) d'indiquer des informations concernant l'image utilisée pour le logo (d'un article, d'une rubrique…) : titre, auteur, copyright…</p> <p>Ce plugin répond à ce besoin : proposer des champs « titre » et « descriptif » dans le pavé du logo. Quand un logo est présent, un petit formulaire supplémentaire (similaire à celui des documents joints) apparaît.</p> <p>Dans les squelettes, ces deux valeurs sont appelées par les raccourcis :</p>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #CA5200;">#TITRE_LOGO</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #CA5200;">#DESCRIPTIF_LOGO</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/2a02be58166b948e801cab7f17c40b3d.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<ul class="spip"><li> Le titre est automatiquement passé par le filtre « typo ».</li><li> Le descriptif est automatiquement passé par « propre » (il est donc systématiquement contenu dans un paragraphe).</li><li> Si on a indiqué un titre ou un descriptif, avant de supprimer le logo, celles-ci ne sont pas supprimées de la base. On prendra donc soin à n'afficher ces valeurs, dans les squelettes, que si le logo existe bien.</li></ul></div>
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:105:"<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>";}}}s:44:"http://files.spip.org/spip-zone/gravatar.zip";a:3:{i:0;s:8:"Gravatar";i:1;s:32:"http://plugins.spip.net/Gravatar";i:2;a:11:{s:3:"url";s:32:"http://plugins.spip.net/Gravatar";s:5:"titre";s:8:"Gravatar";s:4:"date";i:1228389884;s:10:"lesauteurs";s:53:"Cédric Morin, Fil, Nicolas Hoizey, Thomas Beaumanoir";s:10:"descriptif";s:717:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton78-87ec6.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Un plugin pour afficher le gravatar d'un auteur ou d'un contributeur de forum.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Gravatar">Documentation</a></p>

<a href="http://plugins.spip.net/-Forums-petitions-" rel="directory">Sessions, forums & pétitions</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton78-87ec6.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Un plugin pour afficher le gravatar d'un auteur ou d'un contributeur de forum.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Gravatar">Documentation</a></p>

<a href="http://plugins.spip.net/-Forums-petitions-" rel="directory">Sessions, forums & pétitions</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L128xH128/arton78-0bc8b.png" width='128' height='128' style='height:128px;width:128px;' />
		<div class='rss_texte'><p>Permet d'utiliser un cache pour stocker les gravatars</p> <p>À utiliser dans une boucle de cette manière : <code class='spip_code' dir='ltr'>#GRAVATAR{email, taille, url image par défaut}</code></p> <p>Exemple :</p>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #CA5200;">#GRAVATAR</span><span style="color: #74B900;"><span class="br0">&#123;</span><span style="color: #CA5200;">#EMAIL</span>,<span style="">80</span>,<span style="color: #CA5200;">#URL_SITE_SPIP</span>/defaut-gravatar.gif<span class="br0">&#125;</span></span></div></li>
</ol></div></div></div>
<p>Étend la balise <code class='spip_code' dir='ltr'>#LOGO_AUTEUR</code> de manière à prendre en compte le gravatar d'un auteur s'il existe, y compris dans les forums et pétitions.</p> <p>Fournit le filtre <code class='spip_code' dir='ltr'>|gravatar</code>, à utiliser par exemple comme <code class='spip_code' dir='ltr'>[(#EMAIL|gravatar|image_reduire{80})]</code>.</p></div>
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:102:"<a href="http://plugins.spip.net/-Forums-petitions-" rel="directory">Sessions, forums & pétitions</a>";}s:4:"icon";s:71:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton78-87ec6.png";}}s:42:"http://files.spip.org/spip-zone/nospam.zip";a:3:{i:0;s:6:"NoSpam";i:1;s:30:"http://plugins.spip.net/NoSpam";i:2;a:11:{s:3:"url";s:30:"http://plugins.spip.net/NoSpam";s:5:"titre";s:6:"NoSpam";s:4:"date";i:1228315631;s:10:"lesauteurs";s:13:"Cédric Morin";s:10:"descriptif";s:659:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton77-7b344.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Filtrez vos messages de forums</p>
		
		
		<p><a href="http://www.spip-contrib.net/NoSPAM">Documentation</a></p>

<a href="http://plugins.spip.net/-Forums-petitions-" rel="directory">Sessions, forums & pétitions</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton77-7b344.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Filtrez vos messages de forums</p>
		
		
		<p><a href="http://www.spip-contrib.net/NoSPAM">Documentation</a></p>

<a href="http://plugins.spip.net/-Forums-petitions-" rel="directory">Sessions, forums & pétitions</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L100xH100/arton77-c96d1.png" width='100' height='100' style='height:100px;width:100px;' />
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:102:"<a href="http://plugins.spip.net/-Forums-petitions-" rel="directory">Sessions, forums & pétitions</a>";}s:4:"icon";s:71:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton77-7b344.png";}}s:46:"http://files.spip.org/spip-zone/spip-bonux.zip";a:3:{i:0;s:10:"SPIP Bonux";i:1;s:34:"http://plugins.spip.net/SPIP-Bonux";i:2;a:11:{s:3:"url";s:34:"http://plugins.spip.net/SPIP-Bonux";s:5:"titre";s:10:"SPIP Bonux";s:4:"date";i:1228315411;s:10:"lesauteurs";s:47:"Cédric Morin, Matthieu Marcillaud, Romy Têtue";s:10:"descriptif";s:892:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L61xH64/arton76-5ed50.png" width='61' height='64' style='height:64px;width:61px;' /></span>
		<p>Le plugin qui lave plus <span class="caps">SPIP</span> que <span class="caps">SPIP</span>, avec des chouettes cadeaux dedans ! Interface douce, boucles <span class="caps">POUR</span> et <span class="caps">CONDITION</span>, tableaux, compteur, etc.</p>
		
		
		<p><a href="http://www.spip-contrib.net/SPIP-Bonux">Documentation</a></p>

<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L61xH64/arton76-5ed50.png" width='61' height='64' style='height:64px;width:61px;' /></span>
		<p>Le plugin qui lave plus <span class="caps">SPIP</span> que <span class="caps">SPIP</span>, avec des chouettes cadeaux dedans ! Interface douce, boucles <span class="caps">POUR</span> et <span class="caps">CONDITION</span>, tableaux, compteur, etc.</p>
		
		
		<p><a href="http://www.spip-contrib.net/SPIP-Bonux">Documentation</a></p>

<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L95xH100/arton76-81444.png" width='95' height='100' style='height:100px;width:95px;' />
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:106:"<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>";}s:4:"icon";s:71:"http://plugins.spip.net/local/cache-vignettes/L61xH64/arton76-5ed50.png";}}s:65:"http://files.spip.org/spip-zone/enluminures_typographiques_v2.zip";a:3:{i:0;s:26:"Enluminures typographiques";i:1;s:50:"http://plugins.spip.net/Enluminures-typographiques";i:2;a:11:{s:3:"url";s:50:"http://plugins.spip.net/Enluminures-typographiques";s:5:"titre";s:26:"Enluminures typographiques";s:4:"date";i:1228314768;s:10:"lesauteurs";s:12:"Bill, RealET";s:10:"descriptif";s:944:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L45xH64/arton75-28078.png" width='45' height='64' style='height:64px;width:45px;' /></span>
		<p>Rajoute des raccourcis typographiques et des boutons à la barre typographique enluminée.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Plugin-Enluminures-typographiques">Documentation</a></p>

<a href="http://plugins.spip.net/-Typographie-raccourcis-" rel="directory">Typographie & raccourcis</a>

<span class="caps">SPIP</span> <span class="numbers">1</span>.<span class="numbers">9</span>.<span class="numbers">2</span>, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span>, 
Pas d'accès <span class="caps">SQL</span>, 
Français, 
English, 
Italiano, 
Español, 
عربي, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>";s:7:"content";s:8782:"http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L59xH85/arton75-6d4a7.gif" width='59' height='85' style='height:85px;width:59px;' />
		<div class='rss_texte'><ul class="spip"><li> Paragraphes :<ul class="spip"><li> <strong>Sous-titres</strong> <code class='spip_code' dir='ltr'>{n{</code>Texte du titre<code class='spip_code' dir='ltr'>}n}</code>, n variant de <span class="numbers">2</span> à <span class="numbers">5</span>, la barre de raccourcis ne proposant que <span class="numbers">2</span> et <span class="numbers">3</span></li><li> <strong>Centrer</strong> <code class='spip_code' dir='ltr'>[|</code>Paragraphe centré<code class='spip_code' dir='ltr'>|]</code></li><li> <strong>Aligner à droite</strong> <code class='spip_code' dir='ltr'>[/</code>Paragraphe aligné à droite<code class='spip_code' dir='ltr'>/]</code></li><li> <strong>Encadrer</strong> <code class='spip_code' dir='ltr'>[(</code>Paragraphe à encadrer<code class='spip_code' dir='ltr'>)]</code></li></ul></li><li> Caractères :<ul class="spip"><li> <strong>Mise en évidence</strong> <code class='spip_code' dir='ltr'>[*</code>texte en évidence<code class='spip_code' dir='ltr'>*]</code></li><li> <strong>Mise en évidence variante</strong> <code class='spip_code' dir='ltr'>[**</code>texte en évidence (autre couleur)<code class='spip_code' dir='ltr'>*]</code></li><li> <strong>Mise en exposant</strong> <i><sup></i>texte en exposant<i></sup></i></li><li> <strong>Petites capitales</strong> <i><sc></i>texte en petite capitales<i></sc></i></li><li> <strong>Biffé</strong> <i><del></i>texte biffé<i></del></i></li><li> <strong>Bulle d'aide</strong> <code class='spip_code' dir='ltr'>[GPL|Gnu Public Licence]</code></li></ul></li></ul>
<p>Et aussi sur les entrées de glossaire <code class='spip_code' dir='ltr'>[?GPL|Gnu Public Licence]</code></p> <ul class="spip"><ul class="spip"><li> <strong>Lien avec bulle d'aide</strong> <code class='spip_code' dir='ltr'>[texte du lien|Le site officiel de SPIP->http://www.spip.net/]</code></li><li> <strong>Ancre et retour à l'ancre</strong> <i>[</i>definition_ancre<-<i>]</i> et <i><a href='#definition_ancre{' class='spip_ancre'></i>retour à l'ancre</a></i></li></ul></li></ul>
<p><strong>Paramétrage</strong> : vous pouvez modifier le fonctionnement du plugin par votre fichier ecrire/mes_options.php :</p> <p><strong>Attention</strong> : le plugin incorpore automatiquement dans vos pages les nouveaux styles (si #<span class="caps">INSERT_HEAD</span> est présent) !</p> <p>Si vous n'en voulez pas :</p>
<div class="coloration_code"><div class="spip_php cadre"><div class="php"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #000088;">$GLOBALS</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'BarreTypoEnrichie_Preserve_Header'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #009900; font-weight: bold;">true</span><span style="color: #339933;">;</span></div></li>
</ol></div></div></div>
<p>Exemple :</p>
<div class="coloration_code"><div class="spip_php cadre"><div class="php"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #666666; font-style: italic;">// Pour que les fausses puces soient transformees en vraie listes a puces</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #000088;">$GLOBALS</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'barre_typo_pas_de_fausses_puces'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #009900; font-weight: bold;">true</span><span style="color: #339933;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #666666; font-style: italic;">// Pour commencer la titraille a h2 (et non h3 comme par defaut dans SPIP -- pour des raisons historiques)</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #000088;">$GLOBALS</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'debut_intertitre'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'<h2 class="spip">'</span><span style="color: #339933;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #000088;">$GLOBALS</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'fin_intertitre'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'</h2>'</span><span style="color: #339933;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #000088;">$GLOBALS</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'debut_intertitre_2'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'<h3 class="spip">'</span><span style="color: #339933;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #000088;">$GLOBALS</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'fin_intertitre_2'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'</h3>'</span><span style="color: #339933;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #000088;">$GLOBALS</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'debut_intertitre_3'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'<h4 class="spip">'</span><span style="color: #339933;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #000088;">$GLOBALS</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'fin_intertitre_3'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'</h4>'</span><span style="color: #339933;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #000088;">$GLOBALS</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'debut_intertitre_4'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'<h5 class="spip">'</span><span style="color: #339933;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #000088;">$GLOBALS</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'fin_intertitre_4'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'</h5>'</span><span style="color: #339933;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #000088;">$GLOBALS</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'debut_intertitre_5'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'<h6 class="spip">'</span><span style="color: #339933;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #000088;">$GLOBALS</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'fin_intertitre_5'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'</h6>'</span><span style="color: #339933;">;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/e808dfe9d570d0cbb1deb4d882472d7a.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>Vous pouvez aussi installer le plugin cfg et utiliser <a href='http://plugins.spip.net/?exec=cfg&cfg=bte' class='spip_out'>ecrire/ ?exec=cfg<span class="amp">&</span>cfg=bte</a> pour configurer ces options (les options de cfg sont priortitaires par rapport à celles de mes_options.php !)</p> <p><i>Certaines icones proviennent de <a href='http://www.famfamfam.com/lab/icons/silk/' class='spip_out' rel='external'>FamFamFam</a>.</i></p></div>";s:4:"lang";s:2:"fr";s:10:"enclosures";s:166:"<a rel="enclosure" href="http://files.spip.org/spip-zone/enluminures_typographiques_v2.zip" type="application/zip" title="24452">enluminures_typographiques_v2.zip</a>";s:4:"item";s:10853:"
		<title>Enluminures typographiques</title>
		<link>http://plugins.spip.net/Enluminures-typographiques</link>
		<guid isPermaLink="true">http://plugins.spip.net/Enluminures-typographiques</guid>
		<date>2008-12-03T14:32:48Z</date>
		<format>text/html</format>
		<language>fr</language>
		<creator>Bill, RealET</creator>

<subject><span class="caps">SPIP</span> <span class="numbers">1</span>.<span class="numbers">9</span>.<span class="numbers">2</span></subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span></subject>
		<subject>Pas d'accès <span class="caps">SQL</span></subject>
		<subject>Français</subject>
		<subject>English</subject>
		<subject>Italiano</subject>
		<subject>Español</subject>
		<subject>عربي</subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L45xH64/arton75-28078.png" width='45' height='64' style='height:64px;width:45px;' /></span>
		<p>Rajoute des raccourcis typographiques et des boutons à la barre typographique enluminée.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Plugin-Enluminures-typographiques">Documentation</a></p>

<a href="http://plugins.spip.net/-Typographie-raccourcis-" rel="directory">Typographie & raccourcis</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L59xH85/arton75-6d4a7.gif" width='59' height='85' style='height:85px;width:59px;' />
		<div class='rss_texte'><ul class="spip"><li> Paragraphes :<ul class="spip"><li> <strong>Sous-titres</strong> <code class='spip_code' dir='ltr'>{n{</code>Texte du titre<code class='spip_code' dir='ltr'>}n}</code>, n variant de <span class="numbers">2</span> à <span class="numbers">5</span>, la barre de raccourcis ne proposant que <span class="numbers">2</span> et <span class="numbers">3</span></li><li> <strong>Centrer</strong> <code class='spip_code' dir='ltr'>[|</code>Paragraphe centré<code class='spip_code' dir='ltr'>|]</code></li><li> <strong>Aligner à droite</strong> <code class='spip_code' dir='ltr'>[/</code>Paragraphe aligné à droite<code class='spip_code' dir='ltr'>/]</code></li><li> <strong>Encadrer</strong> <code class='spip_code' dir='ltr'>[(</code>Paragraphe à encadrer<code class='spip_code' dir='ltr'>)]</code></li></ul></li><li> Caractères :<ul class="spip"><li> <strong>Mise en évidence</strong> <code class='spip_code' dir='ltr'>[*</code>texte en évidence<code class='spip_code' dir='ltr'>*]</code></li><li> <strong>Mise en évidence variante</strong> <code class='spip_code' dir='ltr'>[**</code>texte en évidence (autre couleur)<code class='spip_code' dir='ltr'>*]</code></li><li> <strong>Mise en exposant</strong> <i><sup></i>texte en exposant<i></sup></i></li><li> <strong>Petites capitales</strong> <i><sc></i>texte en petite capitales<i></sc></i></li><li> <strong>Biffé</strong> <i><del></i>texte biffé<i></del></i></li><li> <strong>Bulle d'aide</strong> <code class='spip_code' dir='ltr'>[GPL|Gnu Public Licence]</code></li></ul></li></ul>
<p>Et aussi sur les entrées de glossaire <code class='spip_code' dir='ltr'>[?GPL|Gnu Public Licence]</code></p> <ul class="spip"><ul class="spip"><li> <strong>Lien avec bulle d'aide</strong> <code class='spip_code' dir='ltr'>[texte du lien|Le site officiel de SPIP->http://www.spip.net/]</code></li><li> <strong>Ancre et retour à l'ancre</strong> <i>[</i>definition_ancre<-<i>]</i> et <i><a href='#definition_ancre{' class='spip_ancre'></i>retour à l'ancre</a></i></li></ul></li></ul>
<p><strong>Paramétrage</strong> : vous pouvez modifier le fonctionnement du plugin par votre fichier ecrire/mes_options.php :</p> <p><strong>Attention</strong> : le plugin incorpore automatiquement dans vos pages les nouveaux styles (si #<span class="caps">INSERT_HEAD</span> est présent) !</p> <p>Si vous n'en voulez pas :</p>
<div class="coloration_code"><div class="spip_php cadre"><div class="php"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #000088;">$GLOBALS</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'BarreTypoEnrichie_Preserve_Header'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #009900; font-weight: bold;">true</span><span style="color: #339933;">;</span></div></li>
</ol></div></div></div>
<p>Exemple :</p>
<div class="coloration_code"><div class="spip_php cadre"><div class="php"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #666666; font-style: italic;">// Pour que les fausses puces soient transformees en vraie listes a puces</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #000088;">$GLOBALS</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'barre_typo_pas_de_fausses_puces'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #009900; font-weight: bold;">true</span><span style="color: #339933;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #666666; font-style: italic;">// Pour commencer la titraille a h2 (et non h3 comme par defaut dans SPIP -- pour des raisons historiques)</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #000088;">$GLOBALS</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'debut_intertitre'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'<h2 class="spip">'</span><span style="color: #339933;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #000088;">$GLOBALS</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'fin_intertitre'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'</h2>'</span><span style="color: #339933;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #000088;">$GLOBALS</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'debut_intertitre_2'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'<h3 class="spip">'</span><span style="color: #339933;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #000088;">$GLOBALS</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'fin_intertitre_2'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'</h3>'</span><span style="color: #339933;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #000088;">$GLOBALS</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'debut_intertitre_3'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'<h4 class="spip">'</span><span style="color: #339933;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #000088;">$GLOBALS</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'fin_intertitre_3'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'</h4>'</span><span style="color: #339933;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #000088;">$GLOBALS</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'debut_intertitre_4'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'<h5 class="spip">'</span><span style="color: #339933;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #000088;">$GLOBALS</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'fin_intertitre_4'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'</h5>'</span><span style="color: #339933;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #000088;">$GLOBALS</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'debut_intertitre_5'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'<h6 class="spip">'</span><span style="color: #339933;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #000088;">$GLOBALS</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'fin_intertitre_5'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'</h6>'</span><span style="color: #339933;">;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/e808dfe9d570d0cbb1deb4d882472d7a.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>Vous pouvez aussi installer le plugin cfg et utiliser <a href='http://plugins.spip.net/?exec=cfg&cfg=bte' class='spip_out'>ecrire/ ?exec=cfg<span class="amp">&</span>cfg=bte</a> pour configurer ces options (les options de cfg sont priortitaires par rapport à celles de mes_options.php !)</p> <p><i>Certaines icones proviennent de <a href='http://www.famfamfam.com/lab/icons/silk/' class='spip_out' rel='external'>FamFamFam</a>.</i></p></div>
		
		</content:encoded>

";s:4:"tags";a:2:{i:0;s:103:"<a href="http://plugins.spip.net/-Typographie-raccourcis-" rel="directory">Typographie & raccourcis</a>";i:1;s:98:"<a href='http://www.famfamfam.com/lab/icons/silk/' class='spip_out' rel='external'>FamFamFam</a>";}s:4:"icon";s:71:"http://plugins.spip.net/local/cache-vignettes/L45xH64/arton75-28078.png";}}s:50:"http://files.spip.org/spip-zone/spip_piwik_2_0.zip";a:3:{i:0;s:5:"Piwik";i:1;s:29:"http://plugins.spip.net/Piwik";i:2;a:11:{s:3:"url";s:29:"http://plugins.spip.net/Piwik";s:5:"titre";s:5:"Piwik";s:4:"date";i:1228313453;s:10:"lesauteurs";s:3:"jsb";s:10:"descriptif";s:660:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton71-89b2f.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		
		
		
		<p><a href="http://www.spip-contrib.net/?article2860">Documentation</a></p>

<a href="http://plugins.spip.net/-statistiques-et-referencement-" rel="directory">Statistiques & référencement</a>

<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span></subject>
		<subject>Pas d'accès <span class="caps">SQL</span></subject>
		<subject>Français</subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton71-89b2f.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		
		
		
		<p><a href="http://www.spip-contrib.net/?article2860">Documentation</a></p>

<a href="http://plugins.spip.net/-statistiques-et-referencement-" rel="directory">Statistiques & référencement</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L100xH100/arton71-cf6b7.png" width='100' height='100' style='height:100px;width:100px;' />
		
		</content:encoded>

<a href="http://plugins.spip.net/-calendriers-" rel="directory">Calendriers</a>

<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span>, 
Français, 
English, 
Español, 
Fonctions génériques, 
Deutsch, 
Nederlands, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>";s:7:"content";s:210:"http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L100xH100/arton70-b6c53.png" width='100' height='100' style='height:100px;width:100px;' />";s:4:"lang";s:2:"fr";s:10:"enclosures";s:128:"<a rel="enclosure" href="http://files.spip.org/spip-zone/agenda_2_0.zip" type="application/zip" title="84662">agenda_2_0.zip</a>";s:4:"item";s:1785:"
		<title>Agenda 2.0</title>
		<link>http://plugins.spip.net/Agenda-2-0</link>
		<guid isPermaLink="true">http://plugins.spip.net/Agenda-2-0</guid>
		<date>2008-12-03T14:03:35Z</date>
		<format>text/html</format>
		<language>fr</language>
		<creator>Cédric Morin</creator>

<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span></subject>
		<subject>Français</subject>
		<subject>English</subject>
		<subject>Español</subject>
		<subject>Fonctions génériques</subject>
		<subject>Deutsch</subject>
		<subject>Nederlands</subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton70-88c0d.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Agenda Evénementiel</p>
		
		
		<p><a href="http://www.spip-contrib.net/?article2858">Documentation</a></p>

<a href="http://plugins.spip.net/-calendriers-" rel="directory">Calendriers</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L100xH100/arton70-b6c53.png" width='100' height='100' style='height:100px;width:100px;' />
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:79:"<a href="http://plugins.spip.net/-calendriers-" rel="directory">Calendriers</a>";}s:4:"icon";s:71:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton70-88c0d.png";}}s:45:"http://files.spip.org/spip-zone/thickbox2.zip";a:3:{i:0;s:8:"Thickbox";i:1;s:32:"http://plugins.spip.net/Thickbox";i:2;a:11:{s:3:"url";s:32:"http://plugins.spip.net/Thickbox";s:5:"titre";s:8:"Thickbox";s:4:"date";i:1228300048;s:10:"lesauteurs";s:14:"BoOz, Fil, Izo";s:10:"descriptif";s:1115:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton69-4dc54.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Ajoute un effet <a href='http://codylindley.com/Javascript/257/thickbox-one-box-to-rule-them-all' class='spip_out' rel='external'>thickbox</a> sur les liens de type image (<code class='spip_code' dir='ltr'><a href="#URL_DOCUMENT" type="#MIME_TYPE"> ... </a></code>) ou de <code class='spip_code' dir='ltr'>class="thickbox"</code>.</p>
		
		
		<p><a href="http://spip-zone.info/spip.php?article31">Documentation</a></p>

<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton69-4dc54.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Ajoute un effet <a href='http://codylindley.com/Javascript/257/thickbox-one-box-to-rule-them-all' class='spip_out' rel='external'>thickbox</a> sur les liens de type image (<code class='spip_code' dir='ltr'><a href="#URL_DOCUMENT" type="#MIME_TYPE"> ... </a></code>) ou de <code class='spip_code' dir='ltr'>class="thickbox"</code>.</p>
		
		
		<p><a href="http://spip-zone.info/spip.php?article31">Documentation</a></p>

<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton69-4dc54.png" width='64' height='64' style='height:64px;width:64px;' />
		
		</content:encoded>

";s:4:"tags";a:2:{i:0;s:126:"<a href='http://codylindley.com/Javascript/257/thickbox-one-box-to-rule-them-all' class='spip_out' rel='external'>thickbox</a>";i:1;s:98:"<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>";}s:4:"icon";s:71:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton69-4dc54.png";}}s:50:"http://files.spip.org/spip-zone/facebook_login.zip";a:3:{i:0;s:19:"Login avec Facebook";i:1;s:43:"http://plugins.spip.net/Login-avec-Facebook";i:2;a:10:{s:3:"url";s:43:"http://plugins.spip.net/Login-avec-Facebook";s:5:"titre";s:19:"Login avec Facebook";s:4:"date";i:1228299769;s:10:"lesauteurs";s:13:"Cédric Morin";s:10:"descriptif";s:526:"<p>Permet aux internaute d'utiliser leur compte FaceBook pour s'inscrire et s'identifier sur le site</p>
		
		
		<p><a href="http://www.spip-contrib.net/SSO-avec-FaceBook">Documentation</a></p>

<a href="http://plugins.spip.net/-Forums-petitions-" rel="directory">Sessions, forums & pétitions</a>

<description>
		<p>Permet aux internaute d'utiliser leur compte FaceBook pour s'inscrire et s'identifier sur le site</p>
		
		
		<p><a href="http://www.spip-contrib.net/SSO-avec-FaceBook">Documentation</a></p>

<a href="http://plugins.spip.net/-Forums-petitions-" rel="directory">Sessions, forums & pétitions</a>

</description>

<content:encoded>
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:102:"<a href="http://plugins.spip.net/-Forums-petitions-" rel="directory">Sessions, forums & pétitions</a>";}}}s:43:"http://files.spip.org/spip-zone/tickets.zip";a:3:{i:0;s:22:"Tickets, suivi de bugs";i:1;s:45:"http://plugins.spip.net/Tickets-suivi-de-bugs";i:2;a:11:{s:3:"url";s:45:"http://plugins.spip.net/Tickets-suivi-de-bugs";s:5:"titre";s:22:"Tickets, suivi de bugs";s:4:"date";i:1227870643;s:10:"lesauteurs";s:5:"ARNO*";s:10:"descriptif";s:780:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton67-06ce2.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p><i>Tickets</i> est un outil de suivi de bugs directement intégré à l'espace privé de <span class="caps">SPIP</span>. Il est conçu pour faciliter la phase de développement du site (notamment les squelettes du site public).</p>

<a href="http://plugins.spip.net/-nouveaux-objets-" rel="directory">Nouveaux objets</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton67-06ce2.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p><i>Tickets</i> est un outil de suivi de bugs directement intégré à l'espace privé de <span class="caps">SPIP</span>. Il est conçu pour faciliter la phase de développement du site (notamment les squelettes du site public).</p>

<a href="http://plugins.spip.net/-nouveaux-objets-" rel="directory">Nouveaux objets</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L68xH68/arton67-24974.png" width='68' height='68' style='height:68px;width:68px;' />
		<div class='rss_texte'><p><i>Tickets</i> est un système simple de suivi de bugs directement intégré à l'espace privé de <span class="caps">SPIP</span>. Sa vocation est avant tout de faciliter la phase de développement du site public (squelettes, graphisme, etc.) sur lequel il est installé.</p> <div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_104 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_104').slideFadeToggle( function(){ $('.spip_document_104').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/tickets-liste.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L500xH574/tickets-liste-1601b-6e9cb.jpg' width='500' height='574' style='height:574px;width:500px;' /></a></dt> <dt class="spip_doc_titre">La page principale de Tickets</dt> <dt class="spip_doc_descriptif"><p>Cette page récapitule les tickets en cours de rédaction, les tickets qui vous sont assignés, les tickets ouverts, les derniers commentaires de tickets, puis les tickets résolus et fermés.</p></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_104 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_104').slideFadeToggle( function(){ $('.spip_document_big_104').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/tickets-liste.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH230/tickets-liste-8e192-73b5a.jpg' width='200' height='230' style='height:230px;width:200px;' /></a></dt> <dt class="spip_doc_titre" style=" width:200px;">La page principale de Tickets</dt> <dt class="spip_doc_descriptif" style=" width:200px;"><p>Cette page récapitule les tickets en cours de rédaction, les tickets qui vous sont assignés, les tickets ouverts, les derniers commentaires de tickets, puis les tickets résolus et fermés.</p></dt> </dl> </div>
<p>Lors de la phase de création d'un site, de nombreux messages sont échangés pour signaler par exemple :
<br />— des bugs d'affichage du <span class="caps">HTML</span> (« c'est tout cassé sous <span class="caps">MSIE</span> <span class="numbers">6</span>… »),
<br />— des problèmes d'ergonomie (« la couleur des liens hypertexte, ma grand-mère arrive pas à bien lire… »),
<br />— des morceaux d'Ajax qui ne fonctionnent pas bien dans certaines situations,
<br />— des fautes d'orthographe systématiques à corriger (« monsieur Coulemole, notre <span class="caps">PDG</span>… »),
<br />— certaines fonctionnalités manquantes (« il faudrait terminer la newsletter… »),
<br />— etc.</p> <p>Messages vaguement stockés, que tout le monde n'a pas forcément reçu, avec un suivi à la va-comme-j'te-pousse qui fait qu'une fois c'est corrigé une fois c'est oublié…</p> <p>C'est typiquement dans ce genre de situation que l'on a besoin d'un système de suivi de bugs :
<br />— pouvoir signaler les problèmes et les transmettre à toutes les personnes concernées,
<br />— pouvoir centraliser ces signalement pour pouvoir les traiter de manière systématique,
<br />— pouvoir gérer leur « statut » pour savoir lesquels sont toujours valables et lesquels ont été résolus,
<br />— permettre d'attribuer à certains intervenants les questions qui les concernent (ce qui équivaut à « je m'en occupe »),
<br />— signaler qu'une question est très importante ou pas du tout…</p> <p>Il existe d'excellents systèmes de suivi de bugs diffusés sous <span class="caps">GPL</span> (<a href='http://www.mantisbt.org/' class='spip_out' rel='external'>Mantis</a>, <a href='http://trac.edgewall.org/' class='spip_out' rel='external'>Trac</a>…).</p> <div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_105 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_105').slideFadeToggle( function(){ $('.spip_document_105').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/ticket-ticket.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L500xH576/ticket-ticket-1071d-a9f6c.jpg' width='500' height='576' style='height:576px;width:500px;' /></a></dt> <dt class="spip_doc_titre">Une page d'un ticket</dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_105 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_105').slideFadeToggle( function(){ $('.spip_document_big_105').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/ticket-ticket.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH231/ticket-ticket-c7553-b2c2b.jpg' width='200' height='231' style='height:231px;width:200px;' /></a></dt> <dt class="spip_doc_titre" style=" width:200px;">Une page d'un ticket</dt> </dl> </div>
<p><i>Tickets</i> propose d'insérer un système de suivi de bugs directement dans <span class="caps">SPIP</span>. En effet :
<br />— c'est le plus souvent dans l'espace privé du site en développement que se retrouvent toutes les personnes concernées ; <i>Tickets</i> évite ainsi de devoir gérer un espace séparé (que la plupart des utilisateurs finissent par oublier d'utiliser), et de devoir gérer une autre liste d'autorisations de connexions ;
<br />— ce plugin propose une interface aussi simplifiée que possible, car il est clairement conçu pour le développement du site public, et non d'un logiciel informatique de grande ampleur. Le nombre de champs à renseigner est donc restreint et basé sur des choix explicites (pas de jargon, vocabulaire adapté à des non-techniciens).</p> <p><strong>Évolutions</strong>
<br />— <span class="numbers">1</span>.<span class="numbers">0</span> : on peut assigner le ticket à un rédacteur.
<br />— <span class="numbers">1</span>.<span class="numbers">1</span> : envoi d'un mail avertissant les rédacteurs et les administrateurs lors du changement de statut d'un ticket.</p></div>
		
		</content:encoded>

";s:4:"tags";a:3:{i:0;s:87:"<a href="http://plugins.spip.net/-nouveaux-objets-" rel="directory">Nouveaux objets</a>";i:1;s:77:"<a href='http://www.mantisbt.org/' class='spip_out' rel='external'>Mantis</a>";i:2;s:76:"<a href='http://trac.edgewall.org/' class='spip_out' rel='external'>Trac</a>";}s:4:"icon";s:71:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton67-06ce2.png";}}s:64:"http://files.spip.org/spip-zone/interface_couleurs_acidulees.zip";a:3:{i:0;s:33:"Interface « bonbons acidulés »";i:1;s:53:"http://plugins.spip.net/Interface-en-couleurs-bonbons";i:2;a:11:{s:3:"url";s:53:"http://plugins.spip.net/Interface-en-couleurs-bonbons";s:5:"titre";s:33:"Interface « bonbons acidulés »";s:4:"date";i:1227437810;s:10:"lesauteurs";s:5:"ARNO*";s:10:"descriptif";s:706:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton66-2d6e8.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Ce plugin change les couleurs de l'interface et leur fait adopter des couleurs « bonbons acidulées ».</p>

<a href="http://plugins.spip.net/-Graphisme-de-l-espace-prive-" rel="directory">Graphisme de l'espace privé</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton66-2d6e8.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Ce plugin change les couleurs de l'interface et leur fait adopter des couleurs « bonbons acidulées ».</p>

<a href="http://plugins.spip.net/-Graphisme-de-l-espace-prive-" rel="directory">Graphisme de l'espace privé</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L68xH68/arton66-bfdfa.png" width='68' height='68' style='height:68px;width:68px;' />
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:112:"<a href="http://plugins.spip.net/-Graphisme-de-l-espace-prive-" rel="directory">Graphisme de l'espace privé</a>";}s:4:"icon";s:71:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton66-2d6e8.png";}}s:61:"http://files.spip.org/spip-zone/interface_couleurs_babies.zip";a:3:{i:0;s:34:"Interface en couleurs « babies »";i:1;s:52:"http://plugins.spip.net/Interface-en-couleurs-babies";i:2;a:11:{s:3:"url";s:52:"http://plugins.spip.net/Interface-en-couleurs-babies";s:5:"titre";s:34:"Interface en couleurs « babies »";s:4:"date";i:1227398932;s:10:"lesauteurs";s:12:"ARNO*, Diala";s:10:"descriptif";s:696:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton62-8f2df.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Ce plugin change les couleurs de l'interface et leur fait adopter des tonalités « babies ».</p>

<a href="http://plugins.spip.net/-Graphisme-de-l-espace-prive-" rel="directory">Graphisme de l'espace privé</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton62-8f2df.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Ce plugin change les couleurs de l'interface et leur fait adopter des tonalités « babies ».</p>

<a href="http://plugins.spip.net/-Graphisme-de-l-espace-prive-" rel="directory">Graphisme de l'espace privé</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L68xH68/arton62-e01c2.png" width='68' height='68' style='height:68px;width:68px;' />
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:112:"<a href="http://plugins.spip.net/-Graphisme-de-l-espace-prive-" rel="directory">Graphisme de l'espace privé</a>";}s:4:"icon";s:71:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton62-8f2df.png";}}s:59:"http://files.spip.org/spip-zone/interface_couleurs_nuit.zip";a:3:{i:0;s:32:"Interface en couleurs « Nuit »";i:1;s:50:"http://plugins.spip.net/Interface-en-couleurs-Nuit";i:2;a:11:{s:3:"url";s:50:"http://plugins.spip.net/Interface-en-couleurs-Nuit";s:5:"titre";s:32:"Interface en couleurs « Nuit »";s:4:"date";i:1227398847;s:10:"lesauteurs";s:5:"ARNO*";s:10:"descriptif";s:694:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton64-17986.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Ce plugin change les couleurs de l'interface et leur fait adopter des tonalités « Nuit ».</p>

<a href="http://plugins.spip.net/-Graphisme-de-l-espace-prive-" rel="directory">Graphisme de l'espace privé</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton64-17986.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Ce plugin change les couleurs de l'interface et leur fait adopter des tonalités « Nuit ».</p>

<a href="http://plugins.spip.net/-Graphisme-de-l-espace-prive-" rel="directory">Graphisme de l'espace privé</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L68xH68/arton64-d1e62.png" width='68' height='68' style='height:68px;width:68px;' />
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:112:"<a href="http://plugins.spip.net/-Graphisme-de-l-espace-prive-" rel="directory">Graphisme de l'espace privé</a>";}s:4:"icon";s:71:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton64-17986.png";}}s:63:"http://files.spip.org/spip-zone/interface_couleurs_eteintes.zip";a:3:{i:0;s:31:"Interface en couleurs éteintes";i:1;s:54:"http://plugins.spip.net/Interface-en-couleurs-eteintes";i:2;a:11:{s:3:"url";s:54:"http://plugins.spip.net/Interface-en-couleurs-eteintes";s:5:"titre";s:31:"Interface en couleurs éteintes";s:4:"date";i:1227398840;s:10:"lesauteurs";s:5:"ARNO*";s:10:"descriptif";s:691:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton63-697a5.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Ce plugin change les couleurs de l'interface et leur fait adopter des couleurs éteintes.</p>

<a href="http://plugins.spip.net/-Graphisme-de-l-espace-prive-" rel="directory">Graphisme de l'espace privé</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton63-697a5.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Ce plugin change les couleurs de l'interface et leur fait adopter des couleurs éteintes.</p>

<a href="http://plugins.spip.net/-Graphisme-de-l-espace-prive-" rel="directory">Graphisme de l'espace privé</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L68xH68/arton63-4873e.png" width='68' height='68' style='height:68px;width:68px;' />
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:112:"<a href="http://plugins.spip.net/-Graphisme-de-l-espace-prive-" rel="directory">Graphisme de l'espace privé</a>";}s:4:"icon";s:71:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton63-697a5.png";}}s:60:"http://files.spip.org/spip-zone/interface_couleurs_vives.zip";a:3:{i:0;s:27:"Interface en couleurs vives";i:1;s:51:"http://plugins.spip.net/Interface-en-couleurs-vives";i:2;a:11:{s:3:"url";s:51:"http://plugins.spip.net/Interface-en-couleurs-vives";s:5:"titre";s:27:"Interface en couleurs vives";s:4:"date";i:1227398828;s:10:"lesauteurs";s:5:"ARNO*";s:10:"descriptif";s:687:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton65-3bf4e.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Ce plugin change les couleurs de l'interface et leur fait adopter des couleurs vives.</p>

<a href="http://plugins.spip.net/-Graphisme-de-l-espace-prive-" rel="directory">Graphisme de l'espace privé</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton65-3bf4e.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Ce plugin change les couleurs de l'interface et leur fait adopter des couleurs vives.</p>

<a href="http://plugins.spip.net/-Graphisme-de-l-espace-prive-" rel="directory">Graphisme de l'espace privé</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L68xH68/arton65-2ecb6.png" width='68' height='68' style='height:68px;width:68px;' />
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:112:"<a href="http://plugins.spip.net/-Graphisme-de-l-espace-prive-" rel="directory">Graphisme de l'espace privé</a>";}s:4:"icon";s:71:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton65-3bf4e.png";}}s:44:"http://files.spip.org/spip-zone/notation.zip";a:3:{i:0;s:8:"Notation";i:1;s:32:"http://plugins.spip.net/Notation";i:2;a:10:{s:3:"url";s:32:"http://plugins.spip.net/Notation";s:5:"titre";s:8:"Notation";s:4:"date";i:1225627698;s:10:"lesauteurs";s:11:"b_b, JEM";s:10:"descriptif";s:584:"<p>Définition de la balise #<span class="caps">FORMULAIRE_NOTATION</span> permettant la saise et l'affichage de la note d'un élément de boucle.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Notation-d-elements-SPIP">Documentation</a></p>

<a href="http://plugins.spip.net/-Forums-petitions-" rel="directory">Sessions, forums & pétitions</a>

<description>
		<p>Définition de la balise #<span class="caps">FORMULAIRE_NOTATION</span> permettant la saise et l'affichage de la note d'un élément de boucle.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Notation-d-elements-SPIP">Documentation</a></p>

<a href="http://plugins.spip.net/-Forums-petitions-" rel="directory">Sessions, forums & pétitions</a>

</description>

<content:encoded>
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:102:"<a href="http://plugins.spip.net/-Forums-petitions-" rel="directory">Sessions, forums & pétitions</a>";}}}s:52:"http://plugins.spip.net/IMG/zip/champs_extra9bc8.zip";a:3:{i:0;s:12:"Champs extra";i:1;s:36:"http://plugins.spip.net/Champs-extra";i:2;a:10:{s:3:"url";s:36:"http://plugins.spip.net/Champs-extra";s:5:"titre";s:12:"Champs extra";s:4:"date";i:1225619967;s:10:"lesauteurs";s:3:"Fil";s:10:"descriptif";s:744:"<p>Les champs extra étaient une fonctionnalité présente dans <span class="caps">SPIP</span> depuis la version <span class="numbers">1</span>.<span class="numbers">7</span>, mais qui n'a jamais été officialisée. Elle est désormais « sortie du core » et distribuée sous forme de plugin.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Champs-Extra,2939">Documentation</a></p>

<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>

<description>
		<p>Les champs extra étaient une fonctionnalité présente dans <span class="caps">SPIP</span> depuis la version <span class="numbers">1</span>.<span class="numbers">7</span>, mais qui n'a jamais été officialisée. Elle est désormais « sortie du core » et distribuée sous forme de plugin.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Champs-Extra,2939">Documentation</a></p>

<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>

</description>

<content:encoded>
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:106:"<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>";}}}s:47:"http://files.spip.org/spip-zone/boucles_xml.zip";a:3:{i:0;s:11:"Boucles XML";i:1;s:35:"http://plugins.spip.net/Boucles-XML";i:2;a:10:{s:3:"url";s:35:"http://plugins.spip.net/Boucles-XML";s:5:"titre";s:11:"Boucles XML";s:4:"date";i:1225094798;s:10:"lesauteurs";s:6:"Cerdic";s:10:"descriptif";s:594:"<p>Parser du xml avec les boucles <span class="caps">SPIP</span> Le plugin introduit un type de boucle <span class="caps">XML</span> qui permet de parcourir l'arborescence d'un fichier au format <span class="caps">XML</span> au moyen des boucles spip.</p>

<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>

<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span>, 
MySQL, 
<b>Pas de texte</b>, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>";s:7:"content";s:1589:"<div class='rss_texte'><p>Les critères disponibles sont</p> <ul class="spip"><li> <code class='spip_code' dir='ltr'>{xml=fichier.xml}</code> pour aller chercher fichier.xml dans le path ;</li><li> <code class='spip_code' dir='ltr'>{xpath}</code> pour accéder à un nœud par son chemin à partir de la racine (fini par un /) ;</li><li> <code class='spip_code' dir='ltr'>{racine}</code> ;</li><li> <code class='spip_code' dir='ltr'>{id_parent}</code> ;</li><li> <code class='spip_code' dir='ltr'>{statut=noeud} {statut=feuille}</code> ;</li><li> <code class='spip_code' dir='ltr'>{noeud=MonElement}</code> pour accéder directement à un nœud independamment de son arborescence ;</li><li> <code class='spip_code' dir='ltr'>{attributs==monAttr=['"]truc['"]}</code> pour accéder directement à un nœud dont l'attribut <code class='spip_code' dir='ltr'>monAttr</code> vaut <code class='spip_code' dir='ltr'>truc</code> ;</li><li> <span class="caps">NIY</span> <code class='spip_code' dir='ltr'>{id_enfant}</code> ;</li></ul>
<p>Les balises utilisées sont <code class='spip_code' dir='ltr'>#XPATH</code>, <code class='spip_code' dir='ltr'>#NOEUD</code>, <code class='spip_code' dir='ltr'>#ATTRIBUTS</code> (balise sur laquelle on utilisera le filtre <code class='spip_code' dir='ltr'>|extraire{}</code>), et <code class='spip_code' dir='ltr'>#TEXTE</code> pour les feuilles (vide pour les nœuds).</p> <p>On pourra s'inspirer de la noisette <code class='spip_code' dir='ltr'>xml.html</code>, contenue dans le plugin, pour construire ses propres boucles.</p></div>";s:4:"lang";s:2:"fr";s:10:"enclosures";s:129:"<a rel="enclosure" href="http://files.spip.org/spip-zone/boucles_xml.zip" type="application/zip" title="8999">boucles_xml.zip</a>";s:4:"item";s:2952:"
		<title>Boucles XML</title>
		<link>http://plugins.spip.net/Boucles-XML</link>
		<guid isPermaLink="true">http://plugins.spip.net/Boucles-XML</guid>
		<date>2008-10-27T08:06:38Z</date>
		<format>text/html</format>
		<language>fr</language>
		<creator>Cerdic</creator>

<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span></subject>
		<subject>MySQL</subject>
		<subject><b>Pas de texte</b></subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<description>
		<p>Parser du xml avec les boucles <span class="caps">SPIP</span> Le plugin introduit un type de boucle <span class="caps">XML</span> qui permet de parcourir l'arborescence d'un fichier au format <span class="caps">XML</span> au moyen des boucles spip.</p>

<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>

</description>

<content:encoded><div class='rss_texte'><p>Les critères disponibles sont</p> <ul class="spip"><li> <code class='spip_code' dir='ltr'>{xml=fichier.xml}</code> pour aller chercher fichier.xml dans le path ;</li><li> <code class='spip_code' dir='ltr'>{xpath}</code> pour accéder à un nœud par son chemin à partir de la racine (fini par un /) ;</li><li> <code class='spip_code' dir='ltr'>{racine}</code> ;</li><li> <code class='spip_code' dir='ltr'>{id_parent}</code> ;</li><li> <code class='spip_code' dir='ltr'>{statut=noeud} {statut=feuille}</code> ;</li><li> <code class='spip_code' dir='ltr'>{noeud=MonElement}</code> pour accéder directement à un nœud independamment de son arborescence ;</li><li> <code class='spip_code' dir='ltr'>{attributs==monAttr=['"]truc['"]}</code> pour accéder directement à un nœud dont l'attribut <code class='spip_code' dir='ltr'>monAttr</code> vaut <code class='spip_code' dir='ltr'>truc</code> ;</li><li> <span class="caps">NIY</span> <code class='spip_code' dir='ltr'>{id_enfant}</code> ;</li></ul>
<p>Les balises utilisées sont <code class='spip_code' dir='ltr'>#XPATH</code>, <code class='spip_code' dir='ltr'>#NOEUD</code>, <code class='spip_code' dir='ltr'>#ATTRIBUTS</code> (balise sur laquelle on utilisera le filtre <code class='spip_code' dir='ltr'>|extraire{}</code>), et <code class='spip_code' dir='ltr'>#TEXTE</code> pour les feuilles (vide pour les nœuds).</p> <p>On pourra s'inspirer de la noisette <code class='spip_code' dir='ltr'>xml.html</code>, contenue dans le plugin, pour construire ses propres boucles.</p></div>
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:106:"<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>";}}}s:45:"http://files.spip.org/spip-zone/flickr_cc.zip";a:3:{i:0;s:9:"Flickr CC";i:1;s:33:"http://plugins.spip.net/Flickr-CC";i:2;a:11:{s:3:"url";s:33:"http://plugins.spip.net/Flickr-CC";s:5:"titre";s:9:"Flickr CC";s:4:"date";i:1225094193;s:10:"lesauteurs";s:5:"ARNO*";s:10:"descriptif";s:845:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH23/arton56-9eeb8.png" width='64' height='23' style='height:23px;width:64px;' /></span>
		<p>Flickr <span class="caps">CC</span> permet de rechercher des images Flickr en Creative Commons et de les insérer dans les articles, directement depuis la page d'édition d'un article.</p>

<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>

<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span>, 
<b>Salvatore</b>, 
Français, 
English, 
Español, 
Fonctions génériques, 
asturiano, 
català, 
galego, 
Nederlands, 
svenska, 
Türkçe, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>";s:7:"content";s:4152:"http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L102xH36/arton56-69215.png" width='102' height='36' style='height:36px;width:102px;' />
		<div class='rss_texte'><p>D'un côté, on a des auteurs de blogs, webzines et autres sites Web, sans doute très talentueux, mais dont les textes sont assez systématiquement dépourvus d'images (« icono », en jargon de la presse). D'un autre, on a des photographes amateurs, eux aussi très talentueux, qui postent leurs images sur Flickr, et qui aimeraient qu'elles soient vues plus largement (puisqu'ils les installent en Creative Commons).</p> <p>Le plugin Flickr <span class="caps">CC</span> automatise la rencontre entre les auteurs d'articles sous <span class="caps">SPIP</span> et les photographes qui proposent leurs images en Creative Commons sur Flickr.</p> <p>Le plugin ajoute un lien « Ajouter une image Flickr » dans la colonne de gauche lors de l'édition des articles (attention : une fois l'article déjà créé, avec son propre identifiant, et non en mode « new »).</p> <p>Ce lien provoque l'ouverture d'un « popup » qui recouvre la page <span class="caps">SPIP</span>. Là, on effectue une recherche dans la base des photos de Flickr placées sous licence Creative Commons. On peut décider d'afficher, en plus, les licences qui autorisent des utilisations commerciales et/ou la modification. L'option « Pas de restrictions connues » correspond le plus souvent aux images très anciennes fournies par des collections publiques étatsuniennes (Library of Congress notamment).</p> <div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_76 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_76').slideFadeToggle( function(){ $('.spip_document_76').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/flickr_cc.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L500xH343/flickr_cc-2023a-60b3b.jpg' width='500' height='343' style='height:343px;width:500px;' /></a></dt> <dt class="spip_doc_titre">L'interface de Flickr <span class="caps">CC</span></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_76 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_76').slideFadeToggle( function(){ $('.spip_document_big_76').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/flickr_cc.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH137/flickr_cc-391ec-0f4b1.jpg' width='200' height='137' style='height:137px;width:200px;' /></a></dt> <dt class="spip_doc_titre" style=" width:200px;">L'interface de Flickr <span class="caps">CC</span></dt> </dl> </div>
<p>On pourra aussi faire classer les images selon la pertinence (l'adéquation avec les termes recherchés), l'intérêt (une notion mystérieuse de Flickr qui permet de faire ressortir des photos de « meilleure qualité ») ou la date de leur publication sur Flickr.</p> <p>Dans la liste d'images choisies, on peut cliquer sur le nom (penser à ouvrir une nouvelle fenêtre) de l'auteur de la photo pour accéder à la page d'origine sur Flickr, où l'on pourra voir l'image agrandie.</p> <p>Une fois la photo sélectionnée, il suffit de cliquer sur sa vignette : l'image est rapatriée dans <span class="caps">SPIP</span> et jointe à l'article. Le titre et le nom de l'auteur sont automatiquement renseignés.</p> <p>Notez bien : vous ne devez jamais supprimer la mention de l'auteur de la photographie. Selon la licence Flickr, si l'auteur vous le demande, vous devez supprimer la photographie dans un délai de <span class="numbers">24</span> heures.</p> <h3 class="spip">Changelog</h3>
<p>1.<span class="numbers">0</span>. Il y avait une (énorme) erreur dans le choix des licences.</p></div>";s:4:"lang";s:2:"fr";s:10:"enclosures";s:125:"<a rel="enclosure" href="http://files.spip.org/spip-zone/flickr_cc.zip" type="application/zip" title="9396">flickr_cc.zip</a>";s:4:"item";s:6037:"
		<title>Flickr CC</title>
		<link>http://plugins.spip.net/Flickr-CC</link>
		<guid isPermaLink="true">http://plugins.spip.net/Flickr-CC</guid>
		<date>2008-10-27T07:56:33Z</date>
		<format>text/html</format>
		<language>fr</language>
		<creator>ARNO*</creator>

<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span></subject>
		<subject><b>Salvatore</b></subject>
		<subject>Français</subject>
		<subject>English</subject>
		<subject>Español</subject>
		<subject>Fonctions génériques</subject>
		<subject>asturiano</subject>
		<subject>català</subject>
		<subject>galego</subject>
		<subject>Nederlands</subject>
		<subject>svenska</subject>
		<subject>Türkçe</subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH23/arton56-9eeb8.png" width='64' height='23' style='height:23px;width:64px;' /></span>
		<p>Flickr <span class="caps">CC</span> permet de rechercher des images Flickr en Creative Commons et de les insérer dans les articles, directement depuis la page d'édition d'un article.</p>

<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L102xH36/arton56-69215.png" width='102' height='36' style='height:36px;width:102px;' />
		<div class='rss_texte'><p>D'un côté, on a des auteurs de blogs, webzines et autres sites Web, sans doute très talentueux, mais dont les textes sont assez systématiquement dépourvus d'images (« icono », en jargon de la presse). D'un autre, on a des photographes amateurs, eux aussi très talentueux, qui postent leurs images sur Flickr, et qui aimeraient qu'elles soient vues plus largement (puisqu'ils les installent en Creative Commons).</p> <p>Le plugin Flickr <span class="caps">CC</span> automatise la rencontre entre les auteurs d'articles sous <span class="caps">SPIP</span> et les photographes qui proposent leurs images en Creative Commons sur Flickr.</p> <p>Le plugin ajoute un lien « Ajouter une image Flickr » dans la colonne de gauche lors de l'édition des articles (attention : une fois l'article déjà créé, avec son propre identifiant, et non en mode « new »).</p> <p>Ce lien provoque l'ouverture d'un « popup » qui recouvre la page <span class="caps">SPIP</span>. Là, on effectue une recherche dans la base des photos de Flickr placées sous licence Creative Commons. On peut décider d'afficher, en plus, les licences qui autorisent des utilisations commerciales et/ou la modification. L'option « Pas de restrictions connues » correspond le plus souvent aux images très anciennes fournies par des collections publiques étatsuniennes (Library of Congress notamment).</p> <div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_76 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_76').slideFadeToggle( function(){ $('.spip_document_76').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/flickr_cc.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L500xH343/flickr_cc-2023a-60b3b.jpg' width='500' height='343' style='height:343px;width:500px;' /></a></dt> <dt class="spip_doc_titre">L'interface de Flickr <span class="caps">CC</span></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_76 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_76').slideFadeToggle( function(){ $('.spip_document_big_76').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/flickr_cc.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH137/flickr_cc-391ec-0f4b1.jpg' width='200' height='137' style='height:137px;width:200px;' /></a></dt> <dt class="spip_doc_titre" style=" width:200px;">L'interface de Flickr <span class="caps">CC</span></dt> </dl> </div>
<p>On pourra aussi faire classer les images selon la pertinence (l'adéquation avec les termes recherchés), l'intérêt (une notion mystérieuse de Flickr qui permet de faire ressortir des photos de « meilleure qualité ») ou la date de leur publication sur Flickr.</p> <p>Dans la liste d'images choisies, on peut cliquer sur le nom (penser à ouvrir une nouvelle fenêtre) de l'auteur de la photo pour accéder à la page d'origine sur Flickr, où l'on pourra voir l'image agrandie.</p> <p>Une fois la photo sélectionnée, il suffit de cliquer sur sa vignette : l'image est rapatriée dans <span class="caps">SPIP</span> et jointe à l'article. Le titre et le nom de l'auteur sont automatiquement renseignés.</p> <p>Notez bien : vous ne devez jamais supprimer la mention de l'auteur de la photographie. Selon la licence Flickr, si l'auteur vous le demande, vous devez supprimer la photographie dans un délai de <span class="numbers">24</span> heures.</p> <h3 class="spip">Changelog</h3>
<p>1.<span class="numbers">0</span>. Il y avait une (énorme) erreur dans le choix des licences.</p></div>
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:98:"<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>";}s:4:"icon";s:71:"http://plugins.spip.net/local/cache-vignettes/L64xH23/arton56-9eeb8.png";}}s:49:"http://files.spip.org/spip-zone/ancres_douces.zip";a:3:{i:0;s:13:"Ancres douces";i:1;s:37:"http://plugins.spip.net/Ancres-douces";i:2;a:11:{s:3:"url";s:37:"http://plugins.spip.net/Ancres-douces";s:5:"titre";s:13:"Ancres douces";s:4:"date";i:1224843680;s:10:"lesauteurs";s:17:"Fil, _Eric_";s:10:"descriptif";s:1024:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton55-9dfa8.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Ce plugin permet un défilement continu de la page lorsque le visiteur clique sur un lien pointant vers une ancre de l'article en cours de lecture.
Cette fonction est aussi présente dans le plugin Couteau Suisse. Si vous utilisez déjà le Couteau Suisse, vous n'avez donc pas besoin d'Ancres Douces.</p>

<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton55-9dfa8.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Ce plugin permet un défilement continu de la page lorsque le visiteur clique sur un lien pointant vers une ancre de l'article en cours de lecture.
Cette fonction est aussi présente dans le plugin Couteau Suisse. Si vous utilisez déjà le Couteau Suisse, vous n'avez donc pas besoin d'Ancres Douces.</p>

<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton55-9dfa8.png" width='64' height='64' style='height:64px;width:64px;' />
		<div class='rss_texte'><p>Partout sur le Web, lorsqu'on clique sur un lien qui mène vers une ancre dans la même page, le navigateur « saute » brutalement jusqu'à cette ancre. Le visiteur perd la notion de l'endroit où il se trouve et ne visualise pas la structure globale de la page. En termes d'ergonomie c'est assez mauvais, et on attend le navigateur qui trouvera la solution.</p> <p>Dans l'immédiat, chacun peut améliorer cela sur son propre site <span class="caps">SPIP</span>. Le plugin <i>Ancres douces</i> fait une chose (et une seule) : il transforme toutes les ancres (<code class='spip_code' dir='ltr'><a href="#xxx"></code>) des pages en « ancres douces », où le navigateur fait défiler doucement la page jusqu'à l'ancre. Ainsi le lecteur sait en permanence où il se trouve dans la page, et peut plus facilement remonter, etc.</p> <p>On peut voir ce plugin en action sur le site des <a href='http://blog.mondediplo.net/2008-06-27-Acces-a-l-eau-les-benefices-sanitaires-et' class='spip_out' rel='external'>blogs du Monde diplo</a> (cliquer sur « <span class="caps">XX</span> commentaires » ou sur les appels de note, par exemple).</p> <p> </p> <p>Ce plugin est une intégration à <span class="caps">SPIP</span> de deux scripts jQuery d'Ariel Flesler, avec lesquels il est possible de faire plein d'autres jolies choses (voir les démos) :
<br />— <a href='http://demos.flesler.com/jquery/localScroll/' class='spip_out' rel='external'>localScroll</a>
<br />— <a href='http://demos.flesler.com/jquery/scrollTo/' class='spip_out' rel='external'>scrollTo</a></p></div>
		
		</content:encoded>

";s:4:"tags";a:4:{i:0;s:105:"<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>";i:1;s:146:"<a href='http://blog.mondediplo.net/2008-06-27-Acces-a-l-eau-les-benefices-sanitaires-et' class='spip_out' rel='external'>blogs du Monde diplo</a>";i:2;s:104:"<a href='http://demos.flesler.com/jquery/localScroll/' class='spip_out' rel='external'>localScroll</a>";i:3;s:96:"<a href='http://demos.flesler.com/jquery/scrollTo/' class='spip_out' rel='external'>scrollTo</a>";}s:4:"icon";s:71:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton55-9dfa8.png";}}s:51:"http://files.spip.org/spip-zone/typo_guillemets.zip";a:3:{i:0;s:17:"Typo : guillemets";i:1;s:39:"http://plugins.spip.net/Typo-guillemets";i:2;a:10:{s:3:"url";s:39:"http://plugins.spip.net/Typo-guillemets";s:5:"titre";s:17:"Typo : guillemets";s:4:"date";i:1223714908;s:10:"lesauteurs";s:13:"Vincent Ramos";s:10:"descriptif";s:916:"<p>Ce plugin remplace automatiquement les guillemets droits (") par les guillemets typographiques (« »“”„) de la langue de composition. Le remplacement, transparent pour l'utilisateur, ne modifie pas le texte mais seulement l'affichage final.</p> <p>Ce plugin est distribué sous licence <span class="caps">GNU</span>/GPL.</p>
		
		
		<p><a href="http://www.spip-contrib.net/article1592.html">Documentation</a></p>

<a href="http://plugins.spip.net/-Typographie-raccourcis-" rel="directory">Typographie & raccourcis</a>

<description>
		<p>Ce plugin remplace automatiquement les guillemets droits (") par les guillemets typographiques (« »“”„) de la langue de composition. Le remplacement, transparent pour l'utilisateur, ne modifie pas le texte mais seulement l'affichage final.</p> <p>Ce plugin est distribué sous licence <span class="caps">GNU</span>/GPL.</p>
		
		
		<p><a href="http://www.spip-contrib.net/article1592.html">Documentation</a></p>

<a href="http://plugins.spip.net/-Typographie-raccourcis-" rel="directory">Typographie & raccourcis</a>

</description>

<content:encoded>
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:103:"<a href="http://plugins.spip.net/-Typographie-raccourcis-" rel="directory">Typographie & raccourcis</a>";}}}s:50:"http://files.spip.org/spip-zone/typo_exposants.zip";a:3:{i:0;s:23:"Typo : mise en exposant";i:1;s:45:"http://plugins.spip.net/Typo-mise-en-exposant";i:2;a:10:{s:3:"url";s:45:"http://plugins.spip.net/Typo-mise-en-exposant";s:5:"titre";s:23:"Typo : mise en exposant";s:4:"date";i:1223714811;s:10:"lesauteurs";s:31:"Raphaël Meyssan, Vincent Ramos";s:10:"descriptif";s:951:"<p>Cet outil améliore le rendu typographique des abréviations courantes, en mettant en exposant les éléments nécessaires (ainsi, Mme devient M<sup>me</sup>) et en corrigeant les erreurs courantes (<span class="numbers">2</span>ème ou <span class="numbers">2</span>me, par exemple, deviennent <span class="numbers">2</span><sup>e</sup>, seule abréviation correcte).</p>
		
		
		<p><a href="http://www.spip-contrib.net/article1564.html">Documentation</a></p>

<a href="http://plugins.spip.net/-Typographie-raccourcis-" rel="directory">Typographie & raccourcis</a>

<description>
		<p>Cet outil améliore le rendu typographique des abréviations courantes, en mettant en exposant les éléments nécessaires (ainsi, Mme devient M<sup>me</sup>) et en corrigeant les erreurs courantes (<span class="numbers">2</span>ème ou <span class="numbers">2</span>me, par exemple, deviennent <span class="numbers">2</span><sup>e</sup>, seule abréviation correcte).</p>
		
		
		<p><a href="http://www.spip-contrib.net/article1564.html">Documentation</a></p>

<a href="http://plugins.spip.net/-Typographie-raccourcis-" rel="directory">Typographie & raccourcis</a>

</description>

<content:encoded>
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:103:"<a href="http://plugins.spip.net/-Typographie-raccourcis-" rel="directory">Typographie & raccourcis</a>";}}}s:45:"http://files.spip.org/spip-zone/swfupload.zip";a:3:{i:0;s:15:"Upload multiple";i:1;s:39:"http://plugins.spip.net/Upload-multiple";i:2;a:11:{s:3:"url";s:39:"http://plugins.spip.net/Upload-multiple";s:5:"titre";s:15:"Upload multiple";s:4:"date";i:1223568964;s:10:"lesauteurs";s:4:"phil";s:10:"descriptif";s:970:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L52xH64/arton50-db55b.png" width='52' height='64' style='height:64px;width:52px;' /></span>
		<p>Permet de télécharger des images par lot dans le dossier upload sans accès <span class="caps">FTP</span></p> <p>Permet de télécharger des images par dans un article.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Un-plugin-SWFUpload">Documentation</a></p>

<a href="http://plugins.spip.net/-ergonomie-de-l-espace-prive-" rel="directory">Ergonomie de l'espace privé</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L52xH64/arton50-db55b.png" width='52' height='64' style='height:64px;width:52px;' /></span>
		<p>Permet de télécharger des images par lot dans le dossier upload sans accès <span class="caps">FTP</span></p> <p>Permet de télécharger des images par dans un article.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Un-plugin-SWFUpload">Documentation</a></p>

<a href="http://plugins.spip.net/-ergonomie-de-l-espace-prive-" rel="directory">Ergonomie de l'espace privé</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L69xH85/arton50-c8555.png" width='69' height='85' style='height:85px;width:69px;' />
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:112:"<a href="http://plugins.spip.net/-ergonomie-de-l-espace-prive-" rel="directory">Ergonomie de l'espace privé</a>";}s:4:"icon";s:71:"http://plugins.spip.net/local/cache-vignettes/L52xH64/arton50-db55b.png";}}s:55:"http://files.spip.org/spip-zone/visiteurs_connectes.zip";a:3:{i:0;s:31:"Nombres de visiteurs connectés";i:1;s:54:"http://plugins.spip.net/Nombres-de-visiteurs-connectes";i:2;a:11:{s:3:"url";s:54:"http://plugins.spip.net/Nombres-de-visiteurs-connectes";s:5:"titre";s:31:"Nombres de visiteurs connectés";s:4:"date";i:1223568803;s:10:"lesauteurs";s:4:"phil";s:10:"descriptif";s:753:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L48xH48/arton52-a44f9.png" width='48' height='48' style='height:48px;width:48px;' /></span>

<a href="http://plugins.spip.net/-statistiques-et-referencement-" rel="directory">Statistiques & référencement</a>

<subject><span class="caps">SPIP</span> <span class="numbers">1</span>.<span class="numbers">9</span>.<span class="numbers">2</span></subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span></subject>
		<subject>Pas d'accès <span class="caps">SQL</span></subject>
		<subject>Français</subject>
		<subject>English</subject>
		<subject>Italiano</subject>
		<subject>Deutsch</subject>
		<subject>عربي</subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<a href="http://plugins.spip.net/-statistiques-et-referencement-" rel="directory">Statistiques & référencement</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L48xH48/arton52-a44f9.png" width='48' height='48' style='height:48px;width:48px;' />
		<div class='rss_texte'><p>Un plugin gadget qui permet d'afficher le nombre de visiteurs connectés sur votre site.</p> <p>L'installation se fait comme les autres plugins (<a href='http://www.spip.net/fr_article3396.html' class='spip_out' rel='external'>voir doc.</a>).</p> <p>Pour afficher le nombre de visiteurs connectés sur votre site, il suffit d'insérer le code suivant dans votre squelette :</p> <div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #222"><INCLURE<span style="color: #74B900;"><span class="br0">&#123;</span>fond=inc-visiteurs<span class="br0">&#125;</span></span></span><span style="color: #222;">></span></div></li>
</ol></div></div></div>
<p>Pour personnaliser l'affichage une class visiteurs_connectes peut être insérée dans votre feuille de style.</p> <p>À noter qu'une lame le couteau suisse intègre cette fonctionnalité.</p></div>
		
		</content:encoded>

";s:4:"tags";a:2:{i:0;s:116:"<a href="http://plugins.spip.net/-statistiques-et-referencement-" rel="directory">Statistiques & référencement</a>";i:1;s:95:"<a href='http://www.spip.net/fr_article3396.html' class='spip_out' rel='external'>voir doc.</a>";}s:4:"icon";s:71:"http://plugins.spip.net/local/cache-vignettes/L48xH48/arton52-a44f9.png";}}s:43:"http://files.spip.org/spip-zone/jeux_20.zip";a:3:{i:0;s:17:"Spip-Jeux 2";i:1;s:33:"http://plugins.spip.net/Spip-Jeux";i:2;a:10:{s:3:"url";s:33:"http://plugins.spip.net/Spip-Jeux";s:5:"titre";s:17:"Spip-Jeux 2";s:4:"date";i:1223284257;s:10:"lesauteurs";s:29:"Maïeul, Patrice Vanneufville";s:10:"descriptif";s:642:"<p>Voici pour vous la possibilité d'insérer dans vos articles des mots croisés, des sudokus, des devinettes, des blagues, des poésies, des <span class="caps">QCM</span>, des exercices à trous, etc.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Des-jeux-dans-vos-articles">Documentation</a></p>

<a href="http://plugins.spip.net/-nouveaux-objets-" rel="directory">Nouveaux objets</a>

<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span>, 
MySQL, 
Français, 
English, 
Italiano, 
Deutsch, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>";s:7:"content";s:2666:"<div class='rss_texte'><p>Ajoutez une touche éducative et ludique à votre site !</p> <p>Deux solutions :
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> Des jeux codés en clair dans les articles entre les balises <code class='spip_code' dir='ltr'><jeux></code> et <code class='spip_code' dir='ltr'></jeux></code>.
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> Des jeux codés dans l'espace privé et accessibles grâce au modèle <code class='spip_code' dir='ltr'><jeuXX></code> où <span class="caps">XX</span> est l'identifiant du jeu.</p> <p>L'enregistrement et la gestion des scores n'est possible qu'en utilisant la seconde solution.</p> <p>Syntaxe complète : <a href='http://www.spip-contrib.net/Des-jeux-dans-vos-articles' class='spip_out' rel='external'>http://www.spip-contrib.net/Des-jeu...</a>.</p> <p>Ce plugin fonctionne de façon optimale sur les squelettes disposant de la balise <a href='http://www.spip.net/fr_article1902.html' class='spip_out' rel='external'>#<span class="caps">INSERT_HEAD</span></a> et peut également être testé dans l'espace privé.</p> <p>_ Si vous avez une version de Spip inférieure ou égale à <strong><span class="numbers">1</span>.<span class="numbers">9</span>.<span class="numbers">1</span></strong>, certains jeux nécessiteront l'activation du plugin <a href='http://files.spip.org/spip-zone/jqueryplugin.zip' class='spip_out' rel='external'>jQuery</a>.</p> <p>Pour les jeux graphiques, il faut avoir les librairies <strong><span class="caps">GD</span></strong> installées sur votre server.</p> <p>Ce plugin est encore en évolution, procédez régulièrement à vos mises à jours.</p> <p>Afin d'éviter les mauvaises surprises de présentation (comme l'affichage des solutions dans les sommaires, rubriques, backends, etc.), pensez bien :
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> soit à placer une <strong>introduction</strong> dans votre article entre les balises <code class='spip_code' dir='ltr'><intro></code> et <code class='spip_code' dir='ltr'></intro></code>,
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> soit à remplir le <strong>descriptif</strong> de l'article.</p></div>";s:4:"lang";s:2:"fr";s:10:"enclosures";s:123:"<a rel="enclosure" href="http://files.spip.org/spip-zone/jeux_20.zip" type="application/zip" title="340077">jeux_20.zip</a>";s:4:"item";s:4178:"
		<title>Spip-Jeux 2</title>
		<link>http://plugins.spip.net/Spip-Jeux</link>
		<guid isPermaLink="true">http://plugins.spip.net/Spip-Jeux</guid>
		<date>2008-10-06T09:10:57Z</date>
		<format>text/html</format>
		<language>fr</language>
		<creator>Maïeul, Patrice Vanneufville</creator>

<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span></subject>
		<subject>MySQL</subject>
		<subject>Français</subject>
		<subject>English</subject>
		<subject>Italiano</subject>
		<subject>Deutsch</subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<description>
		<p>Voici pour vous la possibilité d'insérer dans vos articles des mots croisés, des sudokus, des devinettes, des blagues, des poésies, des <span class="caps">QCM</span>, des exercices à trous, etc.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Des-jeux-dans-vos-articles">Documentation</a></p>

<a href="http://plugins.spip.net/-nouveaux-objets-" rel="directory">Nouveaux objets</a>

</description>

<content:encoded><div class='rss_texte'><p>Ajoutez une touche éducative et ludique à votre site !</p> <p>Deux solutions :
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> Des jeux codés en clair dans les articles entre les balises <code class='spip_code' dir='ltr'><jeux></code> et <code class='spip_code' dir='ltr'></jeux></code>.
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> Des jeux codés dans l'espace privé et accessibles grâce au modèle <code class='spip_code' dir='ltr'><jeuXX></code> où <span class="caps">XX</span> est l'identifiant du jeu.</p> <p>L'enregistrement et la gestion des scores n'est possible qu'en utilisant la seconde solution.</p> <p>Syntaxe complète : <a href='http://www.spip-contrib.net/Des-jeux-dans-vos-articles' class='spip_out' rel='external'>http://www.spip-contrib.net/Des-jeu...</a>.</p> <p>Ce plugin fonctionne de façon optimale sur les squelettes disposant de la balise <a href='http://www.spip.net/fr_article1902.html' class='spip_out' rel='external'>#<span class="caps">INSERT_HEAD</span></a> et peut également être testé dans l'espace privé.</p> <p>_ Si vous avez une version de Spip inférieure ou égale à <strong><span class="numbers">1</span>.<span class="numbers">9</span>.<span class="numbers">1</span></strong>, certains jeux nécessiteront l'activation du plugin <a href='http://files.spip.org/spip-zone/jqueryplugin.zip' class='spip_out' rel='external'>jQuery</a>.</p> <p>Pour les jeux graphiques, il faut avoir les librairies <strong><span class="caps">GD</span></strong> installées sur votre server.</p> <p>Ce plugin est encore en évolution, procédez régulièrement à vos mises à jours.</p> <p>Afin d'éviter les mauvaises surprises de présentation (comme l'affichage des solutions dans les sommaires, rubriques, backends, etc.), pensez bien :
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> soit à placer une <strong>introduction</strong> dans votre article entre les balises <code class='spip_code' dir='ltr'><intro></code> et <code class='spip_code' dir='ltr'></intro></code>,
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> soit à remplir le <strong>descriptif</strong> de l'article.</p></div>
		
		</content:encoded>

";s:4:"tags";a:4:{i:0;s:87:"<a href="http://plugins.spip.net/-nouveaux-objets-" rel="directory">Nouveaux objets</a>";i:1;s:139:"<a href='http://www.spip-contrib.net/Des-jeux-dans-vos-articles' class='spip_out' rel='external'>http://www.spip-contrib.net/Des-jeu...</a>";i:2;s:127:"<a href='http://www.spip.net/fr_article1902.html' class='spip_out' rel='external'>#<span class="caps">INSERT_HEAD</span></a>";i:3;s:101:"<a href='http://files.spip.org/spip-zone/jqueryplugin.zip' class='spip_out' rel='external'>jQuery</a>";}}}s:45:"http://files.spip.org/spip-zone/imagezoom.zip";a:3:{i:0;s:28:"Une Loupe pour les Vignettes";i:1;s:52:"http://plugins.spip.net/Une-Loupe-pour-les-Vignettes";i:2;a:10:{s:3:"url";s:52:"http://plugins.spip.net/Une-Loupe-pour-les-Vignettes";s:5:"titre";s:28:"Une Loupe pour les Vignettes";s:4:"date";i:1223201919;s:10:"lesauteurs";s:8:"Mortimer";s:10:"descriptif";s:822:"<p>Le modèle d'insertion d'image par défaut de spip affiche seulement une vignette de l'image. Ce plugin offre un nouveau modèle qui ajoute une loupe sur la vignette de l'image pour voir les détails sans ouvrir une nouvelle fenêtre.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Une-loupe-pour-vos-vignette">Documentation</a></p>

<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>

<span class="caps">SPIP</span> <span class="numbers">1</span>.<span class="numbers">9</span>.<span class="numbers">2</span>, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span>, 
Pas d'accès <span class="caps">SQL</span>, 
<b>Salvatore</b>, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>";s:7:"content";s:8393:"<div class='rss_texte'><p>Ce plugin ajoute un modèle pour afficher une loupe sur une image et offrir un agrandissement localisé : <code class='spip_code' dir='ltr'><imgXX|zoom></code>.</p> <p><span class='spip_document_56 spip_documents spip_documents_center'>
<img src='http://plugins.spip.net/local/cache-vignettes/L228xH150/raw-e2d48.png' width='228' height='150' alt="" style='height:150px;width:228px;' /></span></p> <p>Encore mieux, on peut utiliser une image de plus forte résolution pour l'agrandissement, mais laisser une petite vignette pour l'image de base.</p> <p>La page de configuration permet de spécifier un style pour la loupe et des styles personnalisés peuvent être créés avec la notation détaillé à la fin de cet article.</p> <p>Le code est basé sur <a href='http://valid.tjp.hu/tjpzoom/' class='spip_out' rel='external'>TJPZoom</a> par Jànos Tòth.</p> <p>Le plugin ne marche qu'avec les squelettes utilisant la balise <code class='spip_code' dir='ltr'>#INSERT_HEAD</code></p> <p>Si vous utilisez <span class="caps">SPIP</span> <span class="numbers">1</span>.<span class="numbers">9</span>.<span class="numbers">2</span>, il faut télécharger la librairie javascript <a href='http://valid.tjp.hu/tjpzoom/tjpzoom.zip' class='spip_out' rel='external'>TJPZoom</a> et placer le contenu de l'archive dans un répertoire <i>tjpzoom</i> dans votre répertoire <i>squelettes</i>. Si vous utilisez <span class="caps">SPIP</span> <span class="numbers">2</span>, cela sera fait automatiquement pour vous.</p> <h3 class="spip">Utilisation de la Loupe</h3>
<p>La loupe est activée dès que la souris entre sur la vignette de l'image. Si l'image d'origine est très grosse, alors un message "loading…" apparaît et la loupe utilise la vignette pour le grossissement en attendant d'avoir la version haute résolution.</p> <p>En gardant le bouton gauche de la souris pressé sur l'image et en déplaçant la souris de haut en bas, on peut changer le niveau de grossissement de la loupe.</p> <p>En gardant le bouton gauche de la souris pressé sur l'image et en déplaçant la souris de gauche à droite, on peut changer la taille de la loupe.</p> <h3 class="spip">Options du Modèle</h3>
<p>Le modèle <code class='spip_code' dir='ltr'><imgXX|zoom></code> peut être aligner à droite ou à gauche avec, respectivement, <code class='spip_code' dir='ltr'><imgXX|zoom|right></code> et <code class='spip_code' dir='ltr'><imgXX|zoom|left></code>. Attention, contrairement à l'alignement de la balise img de <span class="caps">SPIP</span>, ce modèle ne permet pas de faire "couler" le texte autour de l'image.</p> <p>La largeur maximale de la vignette insérée dans le texte peut être définie globalement depuis la page de configuration ou avec le paramètre <code class='spip_code' dir='ltr'><imgXX|size=340></code></p> <h3 class="spip">Format des styles personnalisés</h3>
<p>La configuration d'un style personnalisé se fait à travers d'un fichier de configuration en javascript. Ce fichier doit être nommé <i>tjpzoom_config_<strong><span class="caps">XXXX</span></strong>.js</i> et être placé dans votre répertoire <i>squelettes</i>.</p> <p>Le fichier définit un certain nombre de variables :</p> <table class="spip" summary="|Liste des variables de configuration pour le style de la loupe">
<caption>Variables de Configuration</caption>
<thead><tr class='row_first'><th scope='col'>variable</th><th scope='col'>utilisation</th></tr></thead>
<tbody>
<tr class='row_even'>
<td><div class="coloration_code"><div class="spip_javascript code"><span style="color: #003366; font-weight: bold;">var</span> TJPzoomwidth<span style="color: #339933;">=</span><span style="color: #CC0000;">160</span><span style="color: #339933;">;</span></div></div>
</td>
<td>largeur initiale de la loupe</td></tr>
<tr class='row_odd'>
<td><div class="coloration_code"><div class="spip_javascript code"><span style="color: #003366; font-weight: bold;">var</span> TJPzoomheight<span style="color: #339933;">=</span><span style="color: #CC0000;">120</span><span style="color: #339933;">;</span></div></div>
</td>
<td>hauteur initiale de la loupe</td></tr>
<tr class='row_even'>
<td><div class="coloration_code"><div class="spip_javascript code"><span style="color: #003366; font-weight: bold;">var</span> TJPzoomwindowlock<span style="color: #339933;">=</span><span style="color: #CC0000;">0</span><span style="color: #339933;">;</span></div></div>
</td>
<td>si la variable est égale à <span class="numbers">1</span>, la taille de la loupe est fixée</td></tr>
<tr class='row_odd'>
<td></td>
<td></td></tr>
<tr class='row_even'>
<td><div class="coloration_code"><div class="spip_javascript code"><span style="color: #003366; font-weight: bold;">var</span> TJPzoomoffsetx<span style="color: #339933;">=</span>.5<span style="color: #339933;">;</span></div></div>
</td>
<td>déplacement vertical de la loupe par rapport à la souris. <span class="numbers">0</span>.<span class="numbers">5</span> centre la loupe</td></tr>
<tr class='row_odd'>
<td><div class="coloration_code"><div class="spip_javascript code"><span style="color: #003366; font-weight: bold;">var</span> TJPzoomoffsety<span style="color: #339933;">=</span>.5<span style="color: #339933;">;</span></div></div>
</td>
<td>déplacement horizontal de la loupe par rapport à la souris. <span class="numbers">0</span>.<span class="numbers">5</span> centre la loupe</td></tr>
<tr class='row_even'>
<td></td>
<td></td></tr>
<tr class='row_odd'>
<td><div class="coloration_code"><div class="spip_javascript code"><span style="color: #003366; font-weight: bold;">var</span> TJPzoomamount<span style="color: #339933;">=</span><span style="color: #CC0000;">4</span><span style="color: #339933;">;</span></div></div>
</td>
<td>zoom initial de la loupe</td></tr>
<tr class='row_even'>
<td><div class="coloration_code"><div class="spip_javascript code"><span style="color: #003366; font-weight: bold;">var</span> TJPzoomamountmax<span style="color: #339933;">=</span><span style="color: #CC0000;">12</span><span style="color: #339933;">;</span></div></div>
</td>
<td>zoom maximum de la loupe</td></tr>
<tr class='row_odd'>
<td><div class="coloration_code"><div class="spip_javascript code"><span style="color: #003366; font-weight: bold;">var</span> TJPzoomamountmin<span style="color: #339933;">=</span><span style="color: #CC0000;">1</span><span style="color: #339933;">;</span></div></div>
</td>
<td>zoom minimum de la loupe</td></tr>
<tr class='row_even'>
<td></td>
<td></td></tr>
<tr class='row_odd'>
<td><div class="coloration_code"><div class="spip_javascript code"><span style="color: #003366; font-weight: bold;">var</span> TJPborderthick<span style="color: #339933;">=</span><span style="color: #CC0000;">2</span><span style="color: #339933;">;</span></div></div>
</td>
<td>largeur de la bordure</td></tr>
<tr class='row_even'>
<td><div class="coloration_code"><div class="spip_javascript code"><span style="color: #003366; font-weight: bold;">var</span> TJPbordercolor<span style="color: #339933;">=</span><span style="color: #3366CC;">'#cccccc'</span><span style="color: #339933;">;</span></div></div>
</td>
<td>couleur de la bordure</td></tr>
</tbody>
</table>
<p><span class='spip_document_57 spip_documents spip_documents_left' style='float:left; width:237px;'>
<img src='http://plugins.spip.net/local/cache-vignettes/L237xH150/roundfun-29cbc.png' width='237' height='150' alt="" style='height:150px;width:237px;' /></span>
En plus de ces paramètre, on peut spécifier une bordure autour de la loupe. Pour personnalisé cette bordure, il faut créer un répertoire <strong><span class="caps">XXXX</span></strong> dans le répertoire <i>squelettes</i> qui contient les images pour la bordure. Le répertoire doit contenir huit images png :
n.png, ne.png, e.png, se.png, s.png, sw.png, w.png, nw.png qui sont les coins et les bords.</p> <p>Il faut aussi ajouter dans le fichier de configuration la moitié de la largeur des image :</p>
<div class="coloration_code"><div class="spip_javascript code"><span style="color: #003366; font-weight: bold;">var</span> TJPshadowthick<span style="color: #339933;">=</span><span style="color: #CC0000;">8</span><span style="color: #339933;">;</span></div></div></div>";s:4:"lang";s:2:"fr";s:10:"enclosures";s:127:"<a rel="enclosure" href="http://files.spip.org/spip-zone/imagezoom.zip" type="application/zip" title="337746">imagezoom.zip</a>";s:4:"item";s:10216:"
		<title>Une Loupe pour les Vignettes</title>
		<link>http://plugins.spip.net/Une-Loupe-pour-les-Vignettes</link>
		<guid isPermaLink="true">http://plugins.spip.net/Une-Loupe-pour-les-Vignettes</guid>
		<date>2008-10-05T10:18:39Z</date>
		<format>text/html</format>
		<language>fr</language>
		<creator>Mortimer</creator>

<description>
		<p>Le modèle d'insertion d'image par défaut de spip affiche seulement une vignette de l'image. Ce plugin offre un nouveau modèle qui ajoute une loupe sur la vignette de l'image pour voir les détails sans ouvrir une nouvelle fenêtre.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Une-loupe-pour-vos-vignette">Documentation</a></p>

<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>

</description>

<content:encoded><div class='rss_texte'><p>Ce plugin ajoute un modèle pour afficher une loupe sur une image et offrir un agrandissement localisé : <code class='spip_code' dir='ltr'><imgXX|zoom></code>.</p> <p><span class='spip_document_56 spip_documents spip_documents_center'>
<img src='http://plugins.spip.net/local/cache-vignettes/L228xH150/raw-e2d48.png' width='228' height='150' alt="" style='height:150px;width:228px;' /></span></p> <p>Encore mieux, on peut utiliser une image de plus forte résolution pour l'agrandissement, mais laisser une petite vignette pour l'image de base.</p> <p>La page de configuration permet de spécifier un style pour la loupe et des styles personnalisés peuvent être créés avec la notation détaillé à la fin de cet article.</p> <p>Le code est basé sur <a href='http://valid.tjp.hu/tjpzoom/' class='spip_out' rel='external'>TJPZoom</a> par Jànos Tòth.</p> <p>Le plugin ne marche qu'avec les squelettes utilisant la balise <code class='spip_code' dir='ltr'>#INSERT_HEAD</code></p> <p>Si vous utilisez <span class="caps">SPIP</span> <span class="numbers">1</span>.<span class="numbers">9</span>.<span class="numbers">2</span>, il faut télécharger la librairie javascript <a href='http://valid.tjp.hu/tjpzoom/tjpzoom.zip' class='spip_out' rel='external'>TJPZoom</a> et placer le contenu de l'archive dans un répertoire <i>tjpzoom</i> dans votre répertoire <i>squelettes</i>. Si vous utilisez <span class="caps">SPIP</span> <span class="numbers">2</span>, cela sera fait automatiquement pour vous.</p> <h3 class="spip">Utilisation de la Loupe</h3>
<p>La loupe est activée dès que la souris entre sur la vignette de l'image. Si l'image d'origine est très grosse, alors un message "loading…" apparaît et la loupe utilise la vignette pour le grossissement en attendant d'avoir la version haute résolution.</p> <p>En gardant le bouton gauche de la souris pressé sur l'image et en déplaçant la souris de haut en bas, on peut changer le niveau de grossissement de la loupe.</p> <p>En gardant le bouton gauche de la souris pressé sur l'image et en déplaçant la souris de gauche à droite, on peut changer la taille de la loupe.</p> <h3 class="spip">Options du Modèle</h3>
<p>Le modèle <code class='spip_code' dir='ltr'><imgXX|zoom></code> peut être aligner à droite ou à gauche avec, respectivement, <code class='spip_code' dir='ltr'><imgXX|zoom|right></code> et <code class='spip_code' dir='ltr'><imgXX|zoom|left></code>. Attention, contrairement à l'alignement de la balise img de <span class="caps">SPIP</span>, ce modèle ne permet pas de faire "couler" le texte autour de l'image.</p> <p>La largeur maximale de la vignette insérée dans le texte peut être définie globalement depuis la page de configuration ou avec le paramètre <code class='spip_code' dir='ltr'><imgXX|size=340></code></p> <h3 class="spip">Format des styles personnalisés</h3>
<p>La configuration d'un style personnalisé se fait à travers d'un fichier de configuration en javascript. Ce fichier doit être nommé <i>tjpzoom_config_<strong><span class="caps">XXXX</span></strong>.js</i> et être placé dans votre répertoire <i>squelettes</i>.</p> <p>Le fichier définit un certain nombre de variables :</p> <table class="spip" summary="|Liste des variables de configuration pour le style de la loupe">
<caption>Variables de Configuration</caption>
<thead><tr class='row_first'><th scope='col'>variable</th><th scope='col'>utilisation</th></tr></thead>
<tbody>
<tr class='row_even'>
<td><div class="coloration_code"><div class="spip_javascript code"><span style="color: #003366; font-weight: bold;">var</span> TJPzoomwidth<span style="color: #339933;">=</span><span style="color: #CC0000;">160</span><span style="color: #339933;">;</span></div></div>
</td>
<td>largeur initiale de la loupe</td></tr>
<tr class='row_odd'>
<td><div class="coloration_code"><div class="spip_javascript code"><span style="color: #003366; font-weight: bold;">var</span> TJPzoomheight<span style="color: #339933;">=</span><span style="color: #CC0000;">120</span><span style="color: #339933;">;</span></div></div>
</td>
<td>hauteur initiale de la loupe</td></tr>
<tr class='row_even'>
<td><div class="coloration_code"><div class="spip_javascript code"><span style="color: #003366; font-weight: bold;">var</span> TJPzoomwindowlock<span style="color: #339933;">=</span><span style="color: #CC0000;">0</span><span style="color: #339933;">;</span></div></div>
</td>
<td>si la variable est égale à <span class="numbers">1</span>, la taille de la loupe est fixée</td></tr>
<tr class='row_odd'>
<td></td>
<td></td></tr>
<tr class='row_even'>
<td><div class="coloration_code"><div class="spip_javascript code"><span style="color: #003366; font-weight: bold;">var</span> TJPzoomoffsetx<span style="color: #339933;">=</span>.5<span style="color: #339933;">;</span></div></div>
</td>
<td>déplacement vertical de la loupe par rapport à la souris. <span class="numbers">0</span>.<span class="numbers">5</span> centre la loupe</td></tr>
<tr class='row_odd'>
<td><div class="coloration_code"><div class="spip_javascript code"><span style="color: #003366; font-weight: bold;">var</span> TJPzoomoffsety<span style="color: #339933;">=</span>.5<span style="color: #339933;">;</span></div></div>
</td>
<td>déplacement horizontal de la loupe par rapport à la souris. <span class="numbers">0</span>.<span class="numbers">5</span> centre la loupe</td></tr>
<tr class='row_even'>
<td></td>
<td></td></tr>
<tr class='row_odd'>
<td><div class="coloration_code"><div class="spip_javascript code"><span style="color: #003366; font-weight: bold;">var</span> TJPzoomamount<span style="color: #339933;">=</span><span style="color: #CC0000;">4</span><span style="color: #339933;">;</span></div></div>
</td>
<td>zoom initial de la loupe</td></tr>
<tr class='row_even'>
<td><div class="coloration_code"><div class="spip_javascript code"><span style="color: #003366; font-weight: bold;">var</span> TJPzoomamountmax<span style="color: #339933;">=</span><span style="color: #CC0000;">12</span><span style="color: #339933;">;</span></div></div>
</td>
<td>zoom maximum de la loupe</td></tr>
<tr class='row_odd'>
<td><div class="coloration_code"><div class="spip_javascript code"><span style="color: #003366; font-weight: bold;">var</span> TJPzoomamountmin<span style="color: #339933;">=</span><span style="color: #CC0000;">1</span><span style="color: #339933;">;</span></div></div>
</td>
<td>zoom minimum de la loupe</td></tr>
<tr class='row_even'>
<td></td>
<td></td></tr>
<tr class='row_odd'>
<td><div class="coloration_code"><div class="spip_javascript code"><span style="color: #003366; font-weight: bold;">var</span> TJPborderthick<span style="color: #339933;">=</span><span style="color: #CC0000;">2</span><span style="color: #339933;">;</span></div></div>
</td>
<td>largeur de la bordure</td></tr>
<tr class='row_even'>
<td><div class="coloration_code"><div class="spip_javascript code"><span style="color: #003366; font-weight: bold;">var</span> TJPbordercolor<span style="color: #339933;">=</span><span style="color: #3366CC;">'#cccccc'</span><span style="color: #339933;">;</span></div></div>
</td>
<td>couleur de la bordure</td></tr>
</tbody>
</table>
<p><span class='spip_document_57 spip_documents spip_documents_left' style='float:left; width:237px;'>
<img src='http://plugins.spip.net/local/cache-vignettes/L237xH150/roundfun-29cbc.png' width='237' height='150' alt="" style='height:150px;width:237px;' /></span>
En plus de ces paramètre, on peut spécifier une bordure autour de la loupe. Pour personnalisé cette bordure, il faut créer un répertoire <strong><span class="caps">XXXX</span></strong> dans le répertoire <i>squelettes</i> qui contient les images pour la bordure. Le répertoire doit contenir huit images png :
n.png, ne.png, e.png, se.png, s.png, sw.png, w.png, nw.png qui sont les coins et les bords.</p> <p>Il faut aussi ajouter dans le fichier de configuration la moitié de la largeur des image :</p>
<div class="coloration_code"><div class="spip_javascript code"><span style="color: #003366; font-weight: bold;">var</span> TJPshadowthick<span style="color: #339933;">=</span><span style="color: #CC0000;">8</span><span style="color: #339933;">;</span></div></div></div>
		
		</content:encoded>

";s:4:"tags";a:3:{i:0;s:98:"<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>";i:1;s:82:"<a href='http://valid.tjp.hu/tjpzoom/' class='spip_out' rel='external'>TJPZoom</a>";i:2;s:93:"<a href='http://valid.tjp.hu/tjpzoom/tjpzoom.zip' class='spip_out' rel='external'>TJPZoom</a>";}}}s:42:"http://files.spip.org/spip-zone/spipBB.zip";a:3:{i:0;s:6:"SpipBB";i:1;s:30:"http://plugins.spip.net/SpipBB";i:2;a:11:{s:3:"url";s:30:"http://plugins.spip.net/SpipBB";s:5:"titre";s:6:"SpipBB";s:4:"date";i:1223201829;s:10:"lesauteurs";s:6:"chryjs";s:10:"descriptif";s:924:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L48xH48/arton51-1cb41.png" width='48' height='48' style='height:48px;width:48px;' /></span>
		<p>SpipBB : l'affichage et la gestion des forums de <span class="caps">SPIP</span> à la façon de phpBB</p>
		
		
		<p><a href="http://www.spip-contrib.net/SpipBB-le-forum">Documentation</a></p>

<a href="http://plugins.spip.net/-Forums-petitions-" rel="directory">Sessions, forums & pétitions</a>

<span class="caps">SPIP</span> <span class="numbers">1</span>.<span class="numbers">9</span>.<span class="numbers">2</span>, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span>, 
MySQL, 
PostgreSQL, 
<b>Salvatore</b>, 
Français, 
English, 
Español, 
Fonctions génériques, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>";s:7:"content";s:1583:"http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L48xH48/arton51-1cb41.png" width='48' height='48' style='height:48px;width:48px;' />
		<div class='rss_texte'><h3 class="spip">Informations</h3>
<p>SpipBB vous permet de disposer de :</p> <ul class="spip"><li> l'affichage de vos forums à la façon de <a href='http://www.phpbb.com/' class='spip_out' rel='external'>phpBB</a>,</li><li> d'une interface d'administration de vos forums avec différents outils de modération, filtrage, etc</li><li> d'être opérationnel en quelques clics (pas d'édition de squelettes requis)</li></ul>
<h3 class="spip">Démonstration</h3>
<p>Un exemple fonctionnel vaut mieux qu'un long discours, consultez <a href='http://spipbb.free.fr/' class='spip_out' rel='external'>spipbb.spip-zone</a> pour :</p> <ul class="spip"><li> avoir un aperçu fonctionnel de l'interface publique (pour les visiteurs) et son intégration éventuelle dans un site,</li><li> vous inscrire et avoir une vue de l'interface privée (certaines parties ne vous seront pas accessibles).</li></ul>
<h3 class="spip">Documentation</h3>
<p><a href='http://www.spip-contrib.net/SpipBB-le-forum' class='spip_out' rel='external'>La documentation est disponible sur Spip-Contrib</a></p> <h3 class="spip">Support</h3>
<p>Le support est assuré :</p> <ul class="spip"><li> <a href='http://spipbb.free.fr/' class='spip_out' rel='external'>sur Spipbb.spip-zone</a></li><li> sur la mailing-list de Spip</li></ul></div>";s:4:"lang";s:2:"fr";s:10:"enclosures";s:121:"<a rel="enclosure" href="http://files.spip.org/spip-zone/spipBB.zip" type="application/zip" title="679204">spipBB.zip</a>";s:4:"item";s:3563:"
		<title>SpipBB</title>
		<link>http://plugins.spip.net/SpipBB</link>
		<guid isPermaLink="true">http://plugins.spip.net/SpipBB</guid>
		<date>2008-10-05T10:17:09Z</date>
		<format>text/html</format>
		<language>fr</language>
		<creator>chryjs</creator>

<subject><span class="caps">SPIP</span> <span class="numbers">1</span>.<span class="numbers">9</span>.<span class="numbers">2</span></subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span></subject>
		<subject>MySQL</subject>
		<subject>PostgreSQL</subject>
		<subject><b>Salvatore</b></subject>
		<subject>Français</subject>
		<subject>English</subject>
		<subject>Español</subject>
		<subject>Fonctions génériques</subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L48xH48/arton51-1cb41.png" width='48' height='48' style='height:48px;width:48px;' /></span>
		<p>SpipBB : l'affichage et la gestion des forums de <span class="caps">SPIP</span> à la façon de phpBB</p>
		
		
		<p><a href="http://www.spip-contrib.net/SpipBB-le-forum">Documentation</a></p>

<a href="http://plugins.spip.net/-Forums-petitions-" rel="directory">Sessions, forums & pétitions</a>

<span class="caps">SPIP</span> <span class="numbers">1</span>.<span class="numbers">9</span>.<span class="numbers">2</span>, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span>, 
MySQL, 
PostgreSQL, 
<b>Salvatore</b>, 
Français, 
English, 
Español, 
Fonctions génériques, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L48xH48/arton51-1cb41.png" width='48' height='48' style='height:48px;width:48px;' />
		<div class='rss_texte'><h3 class="spip">Informations</h3>
<p>SpipBB vous permet de disposer de :</p> <ul class="spip"><li> l'affichage de vos forums à la façon de <a href='http://www.phpbb.com/' class='spip_out' rel='external'>phpBB</a>,</li><li> d'une interface d'administration de vos forums avec différents outils de modération, filtrage, etc</li><li> d'être opérationnel en quelques clics (pas d'édition de squelettes requis)</li></ul>
<h3 class="spip">Démonstration</h3>
<p>Un exemple fonctionnel vaut mieux qu'un long discours, consultez <a href='http://spipbb.free.fr/' class='spip_out' rel='external'>spipbb.spip-zone</a> pour :</p> <ul class="spip"><li> avoir un aperçu fonctionnel de l'interface publique (pour les visiteurs) et son intégration éventuelle dans un site,</li><li> vous inscrire et avoir une vue de l'interface privée (certaines parties ne vous seront pas accessibles).</li></ul>
<h3 class="spip">Documentation</h3>
<p><a href='http://www.spip-contrib.net/SpipBB-le-forum' class='spip_out' rel='external'>La documentation est disponible sur Spip-Contrib</a></p> <h3 class="spip">Support</h3>
<p>Le support est assuré :</p> <ul class="spip"><li> <a href='http://spipbb.free.fr/' class='spip_out' rel='external'>sur Spipbb.spip-zone</a></li><li> sur la mailing-list de Spip</li></ul></div>
		
		</content:encoded>

";s:4:"tags";a:5:{i:0;s:102:"<a href="http://plugins.spip.net/-Forums-petitions-" rel="directory">Sessions, forums & pétitions</a>";i:1;s:73:"<a href='http://www.phpbb.com/' class='spip_out' rel='external'>phpBB</a>";i:2;s:85:"<a href='http://spipbb.free.fr/' class='spip_out' rel='external'>spipbb.spip-zone</a>";i:3;s:152:"<a href='http://www.spip-contrib.net/SpipBB-le-forum' class='spip_out' rel='external'>La documentation est disponible sur Spip-Contrib</a>";i:4;s:89:"<a href='http://spipbb.free.fr/' class='spip_out' rel='external'>sur Spipbb.spip-zone</a>";}s:4:"icon";s:71:"http://plugins.spip.net/local/cache-vignettes/L48xH48/arton51-1cb41.png";}}s:48:"http://files.spip.org/spip-zone/image_ragged.zip";a:3:{i:0;s:25:"Ragged Image in the Text";i:1;s:48:"http://plugins.spip.net/Ragged-Image-in-the-Text";i:2;a:10:{s:3:"url";s:48:"http://plugins.spip.net/Ragged-Image-in-the-Text";s:5:"titre";s:25:"Ragged Image in the Text";s:4:"date";i:1223106744;s:10:"lesauteurs";s:8:"Mortimer";s:10:"descriptif";s:662:"<p>Ce plugin permet de faire "couler" le texte autour d'une image.</p>
		
		
		<p><a href="http://www.paris-beyrouth.org/Un-habillage-irregulier-2">Documentation</a></p>

<a href="http://plugins.spip.net/-Display-Multimedia-Files-" rel="directory">Display Multimedia Files</a>

<description>
		<p>Ce plugin permet de faire "couler" le texte autour d'une image.</p>
		
		
		<p><a href="http://www.paris-beyrouth.org/Un-habillage-irregulier-2">Documentation</a></p>

<a href="http://plugins.spip.net/-Display-Multimedia-Files-" rel="directory">Display Multimedia Files</a>

</description>

<content:encoded><div class='rss_texte'><p><strong>Note</strong> This plugin requires <span class="caps">GD<span class="numbers">2</span></span></p> <p>An image is often better than a thousands words:</p> <dl class='spip_document_51 spip_documents spip_documents_center'>
<dt><a href="http://plugins.spip.net/IMG/png/ishot-2.png" title='PNG - 141.3 kb' type="image/png"><img src='http://plugins.spip.net/local/cache-vignettes/L150xH124/ishot-2-90fa0-7807f.png' width='150' height='124' alt='PNG - 141.3 kb' style='height:124px;width:150px;' /></a></dt>
<dt class='spip_doc_titre' style='width:150px;'><strong>Modèle par défaut de <span class="caps">SPIP</span></strong></dt>
<dd class='spip_doc_descriptif' style='width:150px;'><code class='spip_code' dir='ltr'><img1|right></code>
</dd>
</dl>
<dl class='spip_document_52 spip_documents spip_documents_center'>
<dt><a href="http://plugins.spip.net/IMG/png/ishot-1.png" title='PNG - 156.8 kb' type="image/png"><img src='http://plugins.spip.net/local/cache-vignettes/L150xH116/ishot-1-770a6-51540.png' width='150' height='116' alt='PNG - 156.8 kb' style='height:116px;width:150px;' /></a></dt>
<dt class='spip_doc_titre' style='width:150px;'><strong>Image insérée avec le nouveau modèle</strong></dt>
<dd class='spip_doc_descriptif' style='width:150px;'><code class='spip_code' dir='ltr'><img1|ragged|right></code>
</dd>
</dl>
<p>This plugin provides a new model to insert images in the text with <span class="caps">SPIP</span>. The default model <code class='spip_code' dir='ltr'><imgXXX|left></code> will float the text around a box to insert the image; the new model <code class='spip_code' dir='ltr'><img234|ragged></code> will "cut-off" the background of the image to keep the text as close as possible of the image content.</p> <h3 class="spip">Additional Options</h3>
<ul class="spip"><li> <code class='spip_code' dir='ltr'><img234|ragged|left></code> for aligning the image (<i>right</i> or <i>left</i>),</li><li> <code class='spip_code' dir='ltr'><img234|ragged|margin=100></code> to specify a margin around the image,</li><li> <code class='spip_code' dir='ltr'><img234|ragged|couleur=00ff00></code> to specify the background colour to "cut-off", if no colour is specified, the transparent background will be "cut-off".</li></ul></div>
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:105:"<a href="http://plugins.spip.net/-Display-Multimedia-Files-" rel="directory">Display Multimedia Files</a>";}}}s:49:"http://files.spip.org/spip-zone/download_dump.zip";a:3:{i:0;s:13:"Download dump";i:1;s:37:"http://plugins.spip.net/Download-dump";i:2;a:11:{s:3:"url";s:37:"http://plugins.spip.net/Download-dump";s:5:"titre";s:13:"Download dump";s:4:"date";i:1223106462;s:10:"lesauteurs";s:4:"phil";s:10:"descriptif";s:1013:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH52/arton42-bb565.png" width='64' height='52' style='height:52px;width:64px;' /></span>
		<p>Ce plugin ajoute une fonctionnalité dans la zone de configuration du site permettant de télécharger le dump de la base de données du site sur son ordinateur, sans accès <span class="caps">FTP</span>.</p>
		
		
		<p><a href="
	http://www.spip-contrib.net/?article2563
	">Documentation</a></p>

<a href="http://plugins.spip.net/-ergonomie-de-l-espace-prive-" rel="directory">Ergonomie de l'espace privé</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH52/arton42-bb565.png" width='64' height='52' style='height:52px;width:64px;' /></span>
		<p>Ce plugin ajoute une fonctionnalité dans la zone de configuration du site permettant de télécharger le dump de la base de données du site sur son ordinateur, sans accès <span class="caps">FTP</span>.</p>
		
		
		<p><a href="
	http://www.spip-contrib.net/?article2563
	">Documentation</a></p>

<a href="http://plugins.spip.net/-ergonomie-de-l-espace-prive-" rel="directory">Ergonomie de l'espace privé</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L114xH91/arton42-31192.png" width='114' height='91' style='height:91px;width:114px;' />
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:112:"<a href="http://plugins.spip.net/-ergonomie-de-l-espace-prive-" rel="directory">Ergonomie de l'espace privé</a>";}s:4:"icon";s:71:"http://plugins.spip.net/local/cache-vignettes/L64xH52/arton42-bb565.png";}}s:49:"http://files.spip.org/spip-zone/bbcode_propre.zip";a:3:{i:0;s:26:"BBCode shortcuts for SPIP";i:1;s:49:"http://plugins.spip.net/BBCode-shortcuts-for-SPIP";i:2;a:10:{s:3:"url";s:49:"http://plugins.spip.net/BBCode-shortcuts-for-SPIP";s:5:"titre";s:26:"BBCode shortcuts for SPIP";s:4:"date";i:1222929863;s:10:"lesauteurs";s:8:"Mortimer";s:10:"descriptif";s:776:"<p>This plugin provides <a href='http://en.wikipedia.org/wiki/BBCode' class='spip_glossaire' rel='external'>BBCode</a> shortcut for formating texts in <span class="caps">SPIP</span>.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Du-BBcode-dans-SPIP">Documentation</a></p>

<a href="http://plugins.spip.net/-Shortscuts-and-typography-" rel="directory">Shortscuts and typography</a>

<description>
		<p>This plugin provides <a href='http://en.wikipedia.org/wiki/BBCode' class='spip_glossaire' rel='external'>BBCode</a> shortcut for formating texts in <span class="caps">SPIP</span>.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Du-BBcode-dans-SPIP">Documentation</a></p>

<a href="http://plugins.spip.net/-Shortscuts-and-typography-" rel="directory">Shortscuts and typography</a>

</description>

<content:encoded><div class='rss_texte'><p><span class="caps">SPIP</span> provides its own set of shortcuts for formating text. However, some visitors and authors might be more used to other shortcuts such as the <a href='http://en.wikipedia.org/wiki/BBCode' class='spip_glossaire' rel='external'>BBCode</a> that is widely used online for forum sites.</p> <p>The current plugin provides additional shortcuts with the BBCode notation in addition to the existing <span class="caps">SPIP</span> codes.</p> <p>Here is a table of the possible shortcuts:</p> <table class="spip" summary="|List of shortcuts provided by the plugin with <span class="caps">SPIP</span> correspondance when availlable.">
<caption>Provided Shortcuts</caption>
<thead><tr class='row_first'><th scope='col'> BBCode </th><th scope='col'> <span class="caps">SPIP</span> </th><th scope='col'> Results </th></tr></thead>
<tbody>
<tr class='row_even'>
<td> [b]bold[/b] </td>
<td> <code class='spip_code' dir='ltr'>{{bold}}</code> </td>
<td> <strong>bold</strong> </td></tr>
<tr class='row_odd'>
<td> [i]italic[/i] </td>
<td> <code class='spip_code' dir='ltr'>{italic}</code> </td>
<td> <i>italic</i> </td></tr>
<tr class='row_even'>
<td> [u]…[/u] </td>
<td> — </td>
<td> underline text </td></tr>
<tr class='row_odd'>
<td> [center]…[/center] </td>
<td> — </td>
<td> centre the text </td></tr>
<tr class='row_even'>
<td> [quote]…[/quote] </td>
<td> — </td>
<td> make a quotation </td></tr>
<tr class='row_odd'>
<td> [img]…[/img] </td>
<td> — </td>
<td> display an image </td></tr>
<tr class='row_even'>
<td> [list]…[/list] </td>
<td> — </td>
<td> start a list </td></tr>
<tr class='row_odd'>
<td> [list=<span class="numbers">1</span>]…[/list] </td>
<td> — </td>
<td> start a numbered list </td></tr>
<tr class='row_even'>
<td> [list=a]…[/list] </td>
<td> — </td>
<td> start an alphabetized list </td></tr>
<tr class='row_odd'>
<td> [*]..[/*] </td>
<td> <code class='spip_code' dir='ltr'>-* ... </code> </td>
<td> add items to a list </td></tr>
<tr class='row_even'>
<td> [scroll]…[/scroll] </td>
<td> <code class='spip_code' dir='ltr'><cadre>...</cadre></code> </td>
<td> display code in a frame </td></tr>
<tr class='row_odd'>
<td> [url=<i>url</i>]link[/url] </td>
<td> <code class='spip_code' dir='ltr'>[link->url]</code> </td>
<td> link </td></tr>
<tr class='row_even'>
<td> [code]…[/code] </td>
<td> <html><code>…</code></html> </td>
<td> display code </td></tr>
<tr class='row_odd'>
<td> [email]<i>email</i>[/email] </td>
<td> —</td>
<td> link for an email </td></tr>
<tr class='row_even'>
<td> [email=<i>email</i>]<i>texte</i>[/email] </td>
<td> — </td>
<td> link for an email with different text </td></tr>
<tr class='row_odd'>
<td> [color=<i>color</i>]…[/color] </td>
<td> — </td>
<td> change text colour (avoid) </td></tr>
<tr class='row_even'>
<td> [size=<i>size</i>]…[/size] </td>
<td> — </td>
<td> change text size (avoid) </td></tr>
<tr class='row_odd'>
<td> [url][img]<i>url image</i>[/img][/url] </td>
<td> — </td>
<td> insert an image with a direct link to it </td></tr>
<tr class='row_even'>
<td> [url=<i>url</i>][img]<i>url image</i>[/img][/url] </td>
<td> </td>
<td> insert an image with a different link </td></tr>
</tbody>
</table></div>
		
		</content:encoded>

";s:4:"tags";a:3:{i:0;s:94:"<a href='http://en.wikipedia.org/wiki/BBCode' class='spip_glossaire' rel='external'>BBCode</a>";i:1;s:108:"<a href="http://plugins.spip.net/-Shortscuts-and-typography-" rel="directory">Shortscuts and typography</a>";i:2;s:94:"<a href='http://en.wikipedia.org/wiki/BBCode' class='spip_glossaire' rel='external'>BBCode</a>";}}}s:46:"http://files.spip.org/spip-zone/spip-bible.zip";a:3:{i:0;s:16:"Spip-Bible";i:1;s:34:"http://plugins.spip.net/Spip-Bible";i:2;a:10:{s:3:"url";s:34:"http://plugins.spip.net/Spip-Bible";s:5:"titre";s:16:"Spip-Bible";s:4:"date";i:1222771318;s:10:"lesauteurs";s:7:"Maïeul";s:10:"descriptif";s:2122:"<p> Permet de faire rapidment des citation de la Bible</p> <p> Sous <span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span> avec SPIP-Bonux, propose une "presse-papier" biblique à côté des formulaires d'éditions.</p> <p> Vous pouvez aussi utilisez un modéle, mais cette méthode est désuéte et déconseillée.</p> <p>Ex : <bible|passage=Gn<span class="numbers">1</span>,<span class="numbers">2</span>-<span class="numbers">2</span>,<span class="numbers">1</span>> citera la Genèse du chapitre <span class="numbers">1</span>, verset <span class="numbers">2</span> au chapitre <span class="numbers">2</span>, verset <span class="numbers">1</span> inclu.</p> <p>On peut passer des options au modéle. La valeur des options est "non" ou "oui", sauf pour traduction.</p> <p>Ces options sont :</p> <ul class="spip"><li> ”numeros" => Pour afficher les numéros de versets et de chapitre dans le corps de texte.</li><li> "bible" => Pour faire des retours chariots entre les versets</li><li> "ref" => Pour afficher les références à la suite du passage</li><li> "traduction"	=> Pour choisir la traduction. La liste des traductions disponibles est sur <a href='http://www.spip-contrib.net/Spip-Bible-traductions-disponibles' class='spip_out' rel='external'>Spip-Contrib</a></li></ul>
<p>En l'absence des ces paramétres, les valeurs seront celle définies <a href='http://plugins.spip.net/?exec=cfg&cfg=bible' class='spip_out'>sur la page de configuration</a>.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Spip-Bible,1125">Documentation</a></p>

<a href="http://plugins.spip.net/-nouveaux-objets-" rel="directory">Nouveaux objets</a>

<description>
		<p> Permet de faire rapidment des citation de la Bible</p> <p> Sous <span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span> avec SPIP-Bonux, propose une "presse-papier" biblique à côté des formulaires d'éditions.</p> <p> Vous pouvez aussi utilisez un modéle, mais cette méthode est désuéte et déconseillée.</p> <p>Ex : <bible|passage=Gn<span class="numbers">1</span>,<span class="numbers">2</span>-<span class="numbers">2</span>,<span class="numbers">1</span>> citera la Genèse du chapitre <span class="numbers">1</span>, verset <span class="numbers">2</span> au chapitre <span class="numbers">2</span>, verset <span class="numbers">1</span> inclu.</p> <p>On peut passer des options au modéle. La valeur des options est "non" ou "oui", sauf pour traduction.</p> <p>Ces options sont :</p> <ul class="spip"><li> ”numeros" => Pour afficher les numéros de versets et de chapitre dans le corps de texte.</li><li> "bible" => Pour faire des retours chariots entre les versets</li><li> "ref" => Pour afficher les références à la suite du passage</li><li> "traduction"	=> Pour choisir la traduction. La liste des traductions disponibles est sur <a href='http://www.spip-contrib.net/Spip-Bible-traductions-disponibles' class='spip_out' rel='external'>Spip-Contrib</a></li></ul>
<p>En l'absence des ces paramétres, les valeurs seront celle définies <a href='http://plugins.spip.net/?exec=cfg&cfg=bible' class='spip_out'>sur la page de configuration</a>.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Spip-Bible,1125">Documentation</a></p>

<a href="http://plugins.spip.net/-nouveaux-objets-" rel="directory">Nouveaux objets</a>

</description>

<content:encoded>
		</content:encoded>

";s:4:"tags";a:2:{i:0;s:133:"<a href='http://www.spip-contrib.net/Spip-Bible-traductions-disponibles' class='spip_out' rel='external'>Spip-Contrib</a>";i:1;s:87:"<a href="http://plugins.spip.net/-nouveaux-objets-" rel="directory">Nouveaux objets</a>";}}}s:65:"http://files.spip.org/spip-zone/coloration_code_pour_spip_2_0.zip";a:3:{i:0;s:27:"Coloration code pour SPIP 2";i:1;s:51:"http://plugins.spip.net/Coloration-code-pour-SPIP-2";i:2;a:10:{s:3:"url";s:51:"http://plugins.spip.net/Coloration-code-pour-SPIP-2";s:5:"titre";s:27:"Coloration code pour SPIP 2";s:4:"date";i:1222693877;s:10:"lesauteurs";s:22:"ARNO*, Mortimer, toggg";s:10:"descriptif";s:588:"<p>Basé sur le moteur Geshi, ce plugin permet de coloriser du code source pour différents langages (dont <span class="caps">HTML</span>, <span class="caps">PHP</span>, <span class="caps">SPIP</span>…).</p>

<a href="http://plugins.spip.net/-Typographie-raccourcis-" rel="directory">Typographie & raccourcis</a>

<description>
		<p>Basé sur le moteur Geshi, ce plugin permet de coloriser du code source pour différents langages (dont <span class="caps">HTML</span>, <span class="caps">PHP</span>, <span class="caps">SPIP</span>…).</p>

<a href="http://plugins.spip.net/-Typographie-raccourcis-" rel="directory">Typographie & raccourcis</a>

</description>

<content:encoded><div class='rss_texte'><p>Il suffit de mettre le code entre</p> <p><strong><code class="langage">…</code></strong></p> <p>ou avec un cadre</p> <p><strong><cadre class="langage">…</cadre></strong>.</p> <p>ce qui permet d'obtenir ce genre de présentation :</p>
<div class="coloration_code"><div class="spip_html4strict cadre"><div class="html4strict"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #009900;"><<a href="http://december.com/html/4/element/head.html"><span style="color: #000000; font-weight: bold;">head</span></a>></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #009900;"><<a href="http://december.com/html/4/element/title.html"><span style="color: #000000; font-weight: bold;">title</span></a>></span>Plugins SPIP<span style="color: #009900;"><<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/title.html"><span style="color: #000000; font-weight: bold;">title</span></a>></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #009900;"><<a href="http://december.com/html/4/element/meta.html"><span style="color: #000000; font-weight: bold;">meta</span></a> <span style="color: #000066;">http-equiv</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"Content-Type"</span> <span style="color: #000066;">content</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"text/html; charset=utf-8"</span> <span style="color: #66cc66;">/</span>></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> </div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #009900;"><<a href="http://december.com/html/4/element/script.html"><span style="color: #000000; font-weight: bold;">script</span></a> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"prive/javascript/jquery.js"</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"text/javascript"</span>><<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/script.html"><span style="color: #000000; font-weight: bold;">script</span></a>></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #009900;"><<a href="http://december.com/html/4/element/script.html"><span style="color: #000000; font-weight: bold;">script</span></a> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"prive/javascript/jquery.form.js"</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"text/javascript"</span>><<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/script.html"><span style="color: #000000; font-weight: bold;">script</span></a>></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #009900;"><<a href="http://december.com/html/4/element/script.html"><span style="color: #000000; font-weight: bold;">script</span></a> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"prive/javascript/ajaxCallback.js"</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"text/javascript"</span>><<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/script.html"><span style="color: #000000; font-weight: bold;">script</span></a>></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #808080; font-style: italic;"></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #009900;"><<a href="http://december.com/html/4/element/link.html"><span style="color: #000000; font-weight: bold;">link</span></a> <span style="color: #000066;">rel</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">'stylesheet'</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"prive/spip_style.css"</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"text/css"</span> <span style="color: #66cc66;">/</span>></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #009900;"><<a href="http://december.com/html/4/element/link.html"><span style="color: #000000; font-weight: bold;">link</span></a> <span style="color: #000066;">rel</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">'stylesheet'</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"http://plugins.spip.net/spip.php?page=css&id_rubrique=1"</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"text/css"</span> <span style="color: #66cc66;">/</span>></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #009900;"><<a href="http://december.com/html/4/element/link.html"><span style="color: #000000; font-weight: bold;">link</span></a> <span style="color: #000066;">rel</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">'stylesheet'</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">'http://plugins.spip.net/prive/spip_admin.css'</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">'text/css'</span> <span style="color: #66cc66;">/</span>></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #009900;"><<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/head.html"><span style="color: #000000; font-weight: bold;">head</span></a>></span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/172877593f60c2242b3c7183b7ec8b59.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>Les langages supportés sont ceux fournis par <a href='http://sourceforge.net/projects/geshi/' class='spip_out' rel='external'>http://sourceforge.net/projects/geshi/</a> avec une classe supplementaire : « spip ». Attention, la « classe » pour afficher du <span class="caps">HTML</span> et du <span class="caps">XHTML</span> est « html<span class="numbers">4</span>strict » :</p> <p>Par défaut, si le code mis en surbrillance fait plus d'une ligne, il est mis en cache sous forme textuelle et proposé au téléchargement.
Ce fonctionnement est controlé globalement par une constante <code class='spip_code' dir='ltr'>PLUGIN_COLORATION_CODE_TELECHARGE</code> (par défaut, <i>true</i>).
Il peut être forcé localement en rajoutant la classe « sans_telechargement » dans un sens ou « chargement » dans l'autre comme <strong><code class="php sans_telechargement"></strong>.</p> <p>Vous pouvez aussi utiliser le filtre <code class='spip_code' dir='ltr'>coloration_code_color</code> dans un squelette comme</p>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #CA5200;">#TEXTE</span><span style="color: #E1861A;">**</span><span style="color: #E1861A;">|coloration_code_color</span><span style="color: #74B900;"><span class="br0">&#123;</span>spip,code<span class="br0">&#125;</span></span></div></li>
</ol></div></div></div>
<p>il colore <code class='spip_code' dir='ltr'>#TEXTE</code> avec le language spip en format code (sans cadre), voir exemple <code class='spip_code' dir='ltr'>lecode.html</code>. L'url depuis l'article serait</p> <div class="coloration_code"><div class="spip_html4strict cadre"><div class="html4strict"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #009900;"><<a href="http://december.com/html/4/element/a.html"><span style="color: #000000; font-weight: bold;">a</span></a> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"#URL_SITE_SPIP/spip.php?page=lecode&id_article=#ENV{id_article}"</span> <span style="color: #000066;">title</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"voir le code de article"</span> <span style="color: #000066;">class</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">"spip_in"</span>></span>Voir le code de l'article<span style="color: #009900;"><<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/a.html"><span style="color: #000000; font-weight: bold;">a</span></a>></span></div></li>
</ol></div></div></div></div>
		
		</content:encoded>

";s:4:"tags";a:2:{i:0;s:103:"<a href="http://plugins.spip.net/-Typographie-raccourcis-" rel="directory">Typographie & raccourcis</a>";i:1;s:123:"<a href='http://sourceforge.net/projects/geshi/' class='spip_out' rel='external'>http://sourceforge.net/projects/geshi/</a>";}}}s:54:"http://files.spip.org/spip-zone/compteur_graphique.zip";a:3:{i:0;s:18:"Compteur Graphique";i:1;s:42:"http://plugins.spip.net/Compteur-Graphique";i:2;a:11:{s:3:"url";s:42:"http://plugins.spip.net/Compteur-Graphique";s:5:"titre";s:18:"Compteur Graphique";s:4:"date";i:1222682643;s:10:"lesauteurs";s:15:"Olivier Gautier";s:10:"descriptif";s:720:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton37-4a501.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Système de création et d'affichage de compteurs de visite.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Plugin-Compteur-Graphique">Documentation</a></p>

<a href="http://plugins.spip.net/-statistiques-et-referencement-" rel="directory">Statistiques & référencement</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton37-4a501.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Système de création et d'affichage de compteurs de visite.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Plugin-Compteur-Graphique">Documentation</a></p>

<a href="http://plugins.spip.net/-statistiques-et-referencement-" rel="directory">Statistiques & référencement</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L100xH100/arton37-3aac1.png" width='100' height='100' style='height:100px;width:100px;' />
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:116:"<a href="http://plugins.spip.net/-statistiques-et-referencement-" rel="directory">Statistiques & référencement</a>";}s:4:"icon";s:71:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton37-4a501.png";}}s:63:"http://files.spip.org/spip-zone/eva_geometrie_pour_spip_2_0.zip";a:3:{i:0;s:15:"EVA géométrie";i:1;s:37:"http://plugins.spip.net/EVA-geometrie";i:2;a:11:{s:3:"url";s:37:"http://plugins.spip.net/EVA-geometrie";s:5:"titre";s:15:"EVA géométrie";s:4:"date";i:1222613900;s:10:"lesauteurs";s:15:"Olivier Gautier";s:10:"descriptif";s:1182:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L60xH60/arton36-0032c.png" width='60' height='60' style='height:60px;width:60px;' /></span>
		<p>Permet d'insérer des applet <a href="http://www.geogebra.org/" target="_blank">Geogebra</a> (format ggb), <a href="http://www.bibmath.net/geolabo/" target="_blank">Geolabo</a> (format glb), <a href="http://geonext.uni-bayreuth.de/" target="_blank">GeoNext</a> (format glb), <a href="http://mathsrv.ku-eichstaett.de/MGF/homes/grothman/java/zirkel/" target="_blank">C.a.r.Z.u.l.</a> (format zir) et <a href="http://db-maths.nuxit.net/CaRMetal/" target="_blank">CarMetal</a> (format zir) grâce à des modèles.</p>
		
		
		<p><a href="
  http://www.eva-web.edres74.ac-grenoble.fr/spip.php?article72
    ">Documentation</a></p>

<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L60xH60/arton36-0032c.png" width='60' height='60' style='height:60px;width:60px;' /></span>
		<p>Permet d'insérer des applet <a href="http://www.geogebra.org/" target="_blank">Geogebra</a> (format ggb), <a href="http://www.bibmath.net/geolabo/" target="_blank">Geolabo</a> (format glb), <a href="http://geonext.uni-bayreuth.de/" target="_blank">GeoNext</a> (format glb), <a href="http://mathsrv.ku-eichstaett.de/MGF/homes/grothman/java/zirkel/" target="_blank">C.a.r.Z.u.l.</a> (format zir) et <a href="http://db-maths.nuxit.net/CaRMetal/" target="_blank">CarMetal</a> (format zir) grâce à des modèles.</p>
		
		
		<p><a href="
  http://www.eva-web.edres74.ac-grenoble.fr/spip.php?article72
    ">Documentation</a></p>

<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L60xH60/arton36-0032c.png" width='60' height='60' style='height:60px;width:60px;' />
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:98:"<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>";}s:4:"icon";s:71:"http://plugins.spip.net/local/cache-vignettes/L60xH60/arton36-0032c.png";}}s:55:"http://files.spip.org/spip-zone/acces_restreint_3_0.zip";a:3:{i:0;s:16:"Accès restreint";i:1;s:39:"http://plugins.spip.net/acces-restreint";i:2;a:10:{s:3:"url";s:39:"http://plugins.spip.net/acces-restreint";s:5:"titre";s:16:"Accès restreint";s:4:"date";i:1222594407;s:10:"lesauteurs";s:6:"Cerdic";s:10:"descriptif";s:866:"<p>Gestion de zones d'accès restreint.</p> <p>Chaque zone contient des rubriques. Les auteurs peuvent être associés à des zones pour avoir le droit d'y accéder. Toutes les boucles natives de <span class="caps">SPIP</span> sont surchargées pour en filtrer les résultats en fonction des droits du visiteur.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Acces-restreint-V1">Documentation</a></p>

<a href="http://plugins.spip.net/-configuration-et-autorisations-" rel="directory">Configuration & autorisations</a>

<description>
		<p>Gestion de zones d'accès restreint.</p> <p>Chaque zone contient des rubriques. Les auteurs peuvent être associés à des zones pour avoir le droit d'y accéder. Toutes les boucles natives de <span class="caps">SPIP</span> sont surchargées pour en filtrer les résultats en fonction des droits du visiteur.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Acces-restreint-V1">Documentation</a></p>

<a href="http://plugins.spip.net/-configuration-et-autorisations-" rel="directory">Configuration & autorisations</a>

</description>

<content:encoded>
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:116:"<a href="http://plugins.spip.net/-configuration-et-autorisations-" rel="directory">Configuration & autorisations</a>";}}}s:53:"http://files.spip.org/spip-zone/afficher_pagerank.zip";a:3:{i:0;s:17:"Afficher Pagerank";i:1;s:41:"http://plugins.spip.net/afficher-pagerank";i:2;a:10:{s:3:"url";s:41:"http://plugins.spip.net/afficher-pagerank";s:5:"titre";s:17:"Afficher Pagerank";s:4:"date";i:1222549502;s:10:"lesauteurs";s:5:"ARNO*";s:10:"descriptif";s:716:"<p>Ce plugin affiche le PageRank Google de votre propre site sur la page « À suivre ». Il affiche de plus le pagerank des referers dans la page « liens entrants ». On peut par ailleurs l'utiliser pour afficher le pagerank de n'importe quelle <span class="caps">URL</span> externe (par exemple pour des sites référencés).</p>

<a href="http://plugins.spip.net/-statistiques-et-referencement-" rel="directory">Statistiques & référencement</a>

<description>
		<p>Ce plugin affiche le PageRank Google de votre propre site sur la page « À suivre ». Il affiche de plus le pagerank des referers dans la page « liens entrants ». On peut par ailleurs l'utiliser pour afficher le pagerank de n'importe quelle <span class="caps">URL</span> externe (par exemple pour des sites référencés).</p>

<a href="http://plugins.spip.net/-statistiques-et-referencement-" rel="directory">Statistiques & référencement</a>

</description>

<content:encoded><div class='rss_texte'><div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_39 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_39').slideFadeToggle( function(){ $('.spip_document_39').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/pagerank1.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L500xH178/pagerank1-06ff8-f8bfb.jpg' width='500' height='178' style='height:178px;width:500px;' /></a></dt> <dt class="spip_doc_titre">Pagerank du site</dt> <dt class="spip_doc_descriptif"><p>Le pagerank, recalculé une fois par jour, est affiché en permanence dans la page « Accueil »</p></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_39 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_39').slideFadeToggle( function(){ $('.spip_document_big_39').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/pagerank1.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH71/pagerank1-0e513-bee50.jpg' width='200' height='71' style='height:71px;width:200px;' /></a></dt> <dt class="spip_doc_titre" style=" width:200px;">Pagerank du site</dt> <dt class="spip_doc_descriptif" style=" width:200px;"><p>Le pagerank, recalculé une fois par jour, est affiché en permanence dans la page « Accueil »</p></dt> </dl> </div>
<p>Le plugin « Afficher Pagerank » offre une fonction permettant de calculer le pagerank d'une adresse Web : <code class='spip_code' dir='ltr'>afficher_pagerank</code>. Cette fonction est donc destinée à être utilisée dans les squelettes du site.</p> <p>Le plugin insère cependant directement des informations de PageRank, dès son activation, à plusieurs endroits de l'espace privé.</p> <p>Sur la page « Accueil » de l'espace privé, un pavé dans la colonne de gauche affiche en permanence le pagerank du site.</p> <div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_40 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_40').slideFadeToggle( function(){ $('.spip_document_40').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/pagerank2.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L500xH444/pagerank2-ae3ce-68666.jpg' width='500' height='444' style='height:444px;width:500px;' /></a></dt> <dt class="spip_doc_titre">Pagerank des referers</dt> <dt class="spip_doc_descriptif"><p>Le pagerank de chaque site référant est inséré automatiquement dans les listes de « liens entrants » de l'espace privé.</p></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_40 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_40').slideFadeToggle( function(){ $('.spip_document_big_40').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/pagerank2.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH178/pagerank2-b1ae5-88d1c.jpg' width='200' height='178' style='height:178px;width:200px;' /></a></dt> <dt class="spip_doc_titre" style=" width:200px;">Pagerank des referers</dt> <dt class="spip_doc_descriptif" style=" width:200px;"><p>Le pagerank de chaque site référant est inséré automatiquement dans les listes de « liens entrants » de l'espace privé.</p></dt> </dl> </div>
<p>Dans les pages de statistiques où sont affichées des listes de sites référants, un petit pavé représentant le pagerank de chaque lien entrant est ajouté.</p> <p>La fonction <code class='spip_code' dir='ltr'>afficher_pagerank</code> accepte deux variables :
<br />— la principale, obligatoire, est une <span class="caps">URL</span> ;
<br />— la seconde, optionnelle (false par défaut), indique si l'on retourne le pagerank de l'<span class="caps">URL</span> passée (true), ou celle de la racine du site (false).</p> <p>Par ailleurs, le plugin fournit deux séries d'images pour symboliser le pagerank : <br />— une série (<code class='spip_code' dir='ltr'>images/pagerank1-10.gif</code>) de barres de progression,
<br />— une série (<code class='spip_code' dir='ltr'>images/minipagerank1-10.gif</code>) avec le symbole réduit.</p> <div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_41 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_41').slideFadeToggle( function(){ $('.spip_document_41').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/pagerank3.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L500xH208/pagerank3-81b15-3d2f3.jpg' width='500' height='208' style='height:208px;width:500px;' /></a></dt> <dt class="spip_doc_titre">Le pagerank sur le site public</dt> <dt class="spip_doc_descriptif"><p>Dans cet exemple, on affiche le pagerank de tous les sites référencés.</p></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_41 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_41').slideFadeToggle( function(){ $('.spip_document_big_41').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/pagerank3.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH84/pagerank3-acdf0-1f4b0.jpg' width='200' height='84' style='height:84px;width:200px;' /></a></dt> <dt class="spip_doc_titre" style=" width:200px;">Le pagerank sur le site public</dt> <dt class="spip_doc_descriptif" style=" width:200px;"><p>Dans cet exemple, on affiche le pagerank de tous les sites référencés.</p></dt> </dl> </div>
<p>De plus, deux squelettes peuvent être utilisés en inclusion (ou comme exemples pour comprendre le code) pour afficher le mini-pagerank :
<br />— <code class='spip_code' dir='ltr'>afficher_minipagerank.html</code>
<br />— <code class='spip_code' dir='ltr'>afficher_minipagerank_racine.html</code></p> <p>Il suffit de leur passe une variable <code class='spip_code' dir='ltr'>url</code> pour qu'ils retournent une vignette du pagerank de cette <span class="caps">URL</span>, ou de la racine de cette <span class="caps">URL</span>.</p> <p>Il faut enfin noter que le plugin fabrique un système de cache (dans <code class='spip_code' dir='ltr'>local</code>) pour stocker les pagerank pendant une durée de <span class="numbers">24</span> heures. De plus, il fait appel à l'<span class="caps">URL</span> <code class='spip_code' dir='ltr'>toolbarqueries.google.com</code> de la Google Toolbar pour obtenir le pagerank d'une page.</p></div>
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:116:"<a href="http://plugins.spip.net/-statistiques-et-referencement-" rel="directory">Statistiques & référencement</a>";}}}s:46:"http://files.spip.org/spip-zone/socialtags.zip";a:3:{i:0;s:11:"Social tags";i:1;s:35:"http://plugins.spip.net/social-tags";i:2;a:11:{s:3:"url";s:35:"http://plugins.spip.net/social-tags";s:5:"titre";s:11:"Social tags";s:4:"date";i:1221407879;s:10:"lesauteurs";s:4:"phil";s:10:"descriptif";s:842:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton28-a01bb.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Le plugin Social Tags permet d'ajouter des icônes de partage de liens vers les sites tels que Digg, Facebook, Delicious.…</p>

<a href="http://plugins.spip.net/-statistiques-et-referencement-" rel="directory">Statistiques & référencement</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton28-a01bb.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Le plugin Social Tags permet d'ajouter des icônes de partage de liens vers les sites tels que Digg, Facebook, Delicious.…</p>

<a href="http://plugins.spip.net/-statistiques-et-referencement-" rel="directory">Statistiques & référencement</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton28-a01bb.png" width='64' height='64' style='height:64px;width:64px;' />
		<div class='rss_texte'><p>Une fois le plugin installé et activé <a href='http://www.spip.net/fr_article3396.html' class='spip_out' rel='external'><i>(voir doc.)</i></a>, le choix des sites se fait via <a href='http://www.spip-contrib.net/spip.php?rubrique575' class='spip_out' rel='external'><span class="caps">CFG</span></a>.</p> <p>Une noisette (= un morceau) de squelettes peut être, alors, ajoutée dans une boucle articles ou rubriques ou breves :</p>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#INCLURE</span><span style="color: #74B900;"><span class="br0">&#123;</span>fond=noisettes/socialtags<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_article<span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#INCLURE</span><span style="color: #74B900;"><span class="br0">&#123;</span>fond=noisettes/socialtags<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_rubrique<span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#INCLURE</span><span style="color: #74B900;"><span class="br0">&#123;</span>fond=noisettes/socialtags<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_breve<span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/b7ff34d7f0a4e8fcacfbb9c93c8cbac7.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>La noisette va donc afficher une série d'icônes relatives aux sites choisis, une petite image vaut mieux qu'un long discours :
<span class='spip_document_30 spip_documents spip_documents_center'>
<img src='http://plugins.spip.net/local/cache-vignettes/L186xH32/socialtags-2-cdba7.png' width='186' height='32' alt="" style='height:32px;width:186px;' /></span></p> <p><i>Dans sa version <span class="numbers">0</span>.<span class="numbers">1</span>, le plugin permet de choisir parmi les sites suivants :
Digg, Delicious, Facebook, Google Bookmarks, Technorati, Live, Scoopeo, Wikio, Furl, Blogmarks, Reddit, Mister wong</i>.</p> <p>Le plugin est téléchargeable sur la zone :
<a href='http://files.spip.org/spip-zone/socialtags.zip' class='spip_out' rel='external'>socialtags.zip</a>.</p> <p>Vous êtes invité à ajouter des sites de réseaux sociaux si vous le désirez, c'est sur <a href='http://zone.spip.org/trac/spip-zone/browser/_plugins_/_stable_/socialtags' class='spip_out' rel='external'>la zone</a>.</p></div>
		
		</content:encoded>

";s:4:"tags";a:5:{i:0;s:116:"<a href="http://plugins.spip.net/-statistiques-et-referencement-" rel="directory">Statistiques & référencement</a>";i:1;s:104:"<a href='http://www.spip.net/fr_article3396.html' class='spip_out' rel='external'><i>(voir doc.)</i></a>";i:2;s:124:"<a href='http://www.spip-contrib.net/spip.php?rubrique575' class='spip_out' rel='external'><span class="caps">CFG</span></a>";i:3;s:107:"<a href='http://files.spip.org/spip-zone/socialtags.zip' class='spip_out' rel='external'>socialtags.zip</a>";i:4;s:127:"<a href='http://zone.spip.org/trac/spip-zone/browser/_plugins_/_stable_/socialtags' class='spip_out' rel='external'>la zone</a>";}s:4:"icon";s:71:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton28-a01bb.png";}}s:53:"http://files.spip.org/spip-zone/metadonnees_photo.zip";a:3:{i:0;s:19:"Métadonnées Photo";i:1;s:41:"http://plugins.spip.net/Metadonnees-Photo";i:2;a:11:{s:3:"url";s:41:"http://plugins.spip.net/Metadonnees-Photo";s:5:"titre";s:19:"Métadonnées Photo";s:4:"date";i:1217747934;s:10:"lesauteurs";s:5:"ARNO*";s:10:"descriptif";s:792:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton6-db64c.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Ce plugin permet d'afficher l'histogramme ainsi que les informations <span class="caps">EXIF</span>, <span class="caps">GPS</span> et <span class="caps">IPTC</span> d'un fichier <span class="caps">JPEG</span>.</p>

<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>

<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span>, 
Pas d'accès <span class="caps">SQL</span>, 
Français, 
English, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>";s:7:"content";s:8505:"http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton6-db64c.png" width='64' height='64' style='height:64px;width:64px;' />
		<div class='rss_texte'><div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_106 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_106').slideFadeToggle( function(){ $('.spip_document_106').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/meta1.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L500xH213/meta1-23860-4dbb4.jpg' width='500' height='213' style='height:213px;width:500px;' /></a></dt> <dt class="spip_doc_titre">L'affichage par défaut des métadonnées des images du portfolio</dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_106 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_106').slideFadeToggle( function(){ $('.spip_document_big_106').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/meta1.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH85/meta1-bfc0f-585df.jpg' width='200' height='85' style='height:85px;width:200px;' /></a></dt> <dt class="spip_doc_titre" style=" width:200px;">L'affichage par défaut des métadonnées des images du portfolio</dt> </dl> </div>
<p>Le plugin <i>Métadonnées Photo</i> permet d'afficher différents types de métadonnées stockées dans les fichiers graphiques :
<br />— les données <span class="caps">IPTC</span> (commentaires insérés « manuellement » par le photographe),
<br />— les données <span class="caps">EXIF</span> (données techniques insérées automatiquement lors de la prise de vue),
<br />— les données <span class="caps">GPS</span> (situation géographique tirée d'un positionnement <span class="caps">GPS</span>).</p> <div class="spip_documents_deplier"> <dl class='spip_document_107 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:173px;'> <dt><img src='http://plugins.spip.net/local/cache-vignettes/L173xH228/meta2-38bfa-df582.jpg' width='173' height='228' style='height:228px;width:173px;' /></dt> <dt class="spip_doc_titre" style=" width:173px;">Les métadonnées au survol</dt> </dl> </div>
<p>Par défaut, les données apparaissent condensées dans un pavé vert de gris (oui : vert de gris… l'idée est d'imiter approximativement les afficheurs de certains appareils reflex). Ce pavé réduit affiche les données suivantes :
<br />— des pictogrammes indiquent quelles métadonnées ont été récupérées : <span class="caps">EXIF</span>, <span class="caps">GPS</span> et/ou <span class="caps">IPTC</span> ;
<br />— le nom et la marque de l'appareil de prise de vue ;
<br />— pour de nombreux appareils photo, une petite vignette représentant ce modèle.</p> <p>Lorsque l'on survole le pavé vert, il affiche immédiatement quelques données techniques (lorsque ces données sont présentes dans l'image, évidemment) :
<br />— la sensibilité (<span class="caps">ISO</span>),
<br />— la vitesse de la prise de vue (secondes),
<br />— l'ouverture,
<br />— la focale de l'objectif.</p> <div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_108 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_108').slideFadeToggle( function(){ $('.spip_document_108').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/meta3.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L500xH387/meta3-9dc44-12252.jpg' width='500' height='387' style='height:387px;width:500px;' /></a></dt> <dt class="spip_doc_titre">Les pavés « dépliés »</dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_108 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_108').slideFadeToggle( function(){ $('.spip_document_big_108').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/meta3.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH155/meta3-4e56b-d58b1.jpg' width='200' height='155' style='height:155px;width:200px;' /></a></dt> <dt class="spip_doc_titre" style=" width:200px;">Les pavés « dépliés »</dt> </dl> </div>
<p>Lorsque l'on clique dans le pavé (ou sur le petit bouton « plus »), celui-ci s'agrandit et affiche toutes les métadonnées :
<br />— les données <span class="caps">EXIF</span> : sensibilité, vitesse, ouverture, focale, utilisation du flash, ouverture maximale, objectif utilisé…
<br />— les données <span class="caps">IPTC</span> : légende, copyright…
<br />— les données <span class="caps">GPS</span> : latitude, longitude, et petite croix de l'emplacement sur une mappemonde.</p> <p>La vignette de l'appareil est alors plus grosse. On peut encore cliquer sur la vignette de l'appareil et afficher l'image du modèle utilisé dans sa plus grande taille. (Note : les fichiers graphiques fournis par le plugin ont une dimension maximale de <span class="numbers">256</span> pixels ; on peut donc encore utiliser une image plus grande, par exemple pour l'affichage sur le site public.)</p> <div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_109 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_109').slideFadeToggle( function(){ $('.spip_document_109').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/meta4.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L345xH423/meta4-345e4-d4fe4.jpg' width='345' height='423' style='height:423px;width:345px;' /></a></dt> <dt class="spip_doc_descriptif"><p>Après avoir cliqué sur la vignette de l'appareil, on voit une image grand format du modèle utilisé.</p></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_109 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_109').slideFadeToggle( function(){ $('.spip_document_big_109').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/meta4.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH246/meta4-9fc2b-d5fcd.jpg' width='200' height='246' style='height:246px;width:200px;' /></a></dt> <dt class="spip_doc_descriptif" style=" width:200px;"><p>Après avoir cliqué sur la vignette de l'appareil, on voit une image grand format du modèle utilisé.</p></dt> </dl> </div>
<p>Pour l'affichage des métadonnées sur votre site public (dans des squelettes de portfolio, ou dans des « modèles » inclus dans les articles), on utilisera les nouveaux filtres : <code class='spip_code' dir='ltr'>lire_exif</code> et <code class='spip_code' dir='ltr'>lire_iptc</code>.</p> <p>On pourra s'inspirer des fichiers <code class='spip_code' dir='ltr'>inc_exif.html</code> et <code class='spip_code' dir='ltr'>pave_exif.html</code> pour en comprendre le principe, finalement assez simple, et récupérer la liste des types de médatonnées les plus pertinents.</p> <p>La fonction histogramme requiert <span class="caps">GD<span class="numbers">2</span></span>.</p> <p>Les informations <span class="caps">EXIF</span> sont manipulées, sans recours à l'extension <span class="caps">EXIF</span> de <span class="caps">PHP</span>, grâce au script de Vinay Yadav (sous licence <span class="caps">LGPL</span>).</p> <p>Les informations <span class="caps">IPTC</span> nécessitent la fonction "iptcparse" de <span class="caps">PHP</span> et utilisent la classe "class_iptc" d'Alex Arica.</p> <p><strong>Attention :</strong> l'archive Zip de ce plugin est très volumineuse, et l'installateur automatique ne peut pas la récupérer. Il est donc nécessaire d'installer ce plugin <i>à la main</i>.</p></div>";s:4:"lang";s:2:"fr";s:10:"enclosures";s:145:"<a rel="enclosure" href="http://files.spip.org/spip-zone/metadonnees_photo.zip" type="application/zip" title="15780425">metadonnees_photo.zip</a>";s:4:"item";s:10148:"
		<title>Métadonnées Photo</title>
		<link>http://plugins.spip.net/Metadonnees-Photo</link>
		<guid isPermaLink="true">http://plugins.spip.net/Metadonnees-Photo</guid>
		<date>2008-08-03T07:18:54Z</date>
		<format>text/html</format>
		<language>fr</language>
		<creator>ARNO*</creator>

<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span></subject>
		<subject>Pas d'accès <span class="caps">SQL</span></subject>
		<subject>Français</subject>
		<subject>English</subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton6-db64c.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Ce plugin permet d'afficher l'histogramme ainsi que les informations <span class="caps">EXIF</span>, <span class="caps">GPS</span> et <span class="caps">IPTC</span> d'un fichier <span class="caps">JPEG</span>.</p>

<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton6-db64c.png" width='64' height='64' style='height:64px;width:64px;' />
		<div class='rss_texte'><div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_106 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_106').slideFadeToggle( function(){ $('.spip_document_106').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/meta1.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L500xH213/meta1-23860-4dbb4.jpg' width='500' height='213' style='height:213px;width:500px;' /></a></dt> <dt class="spip_doc_titre">L'affichage par défaut des métadonnées des images du portfolio</dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_106 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_106').slideFadeToggle( function(){ $('.spip_document_big_106').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/meta1.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH85/meta1-bfc0f-585df.jpg' width='200' height='85' style='height:85px;width:200px;' /></a></dt> <dt class="spip_doc_titre" style=" width:200px;">L'affichage par défaut des métadonnées des images du portfolio</dt> </dl> </div>
<p>Le plugin <i>Métadonnées Photo</i> permet d'afficher différents types de métadonnées stockées dans les fichiers graphiques :
<br />— les données <span class="caps">IPTC</span> (commentaires insérés « manuellement » par le photographe),
<br />— les données <span class="caps">EXIF</span> (données techniques insérées automatiquement lors de la prise de vue),
<br />— les données <span class="caps">GPS</span> (situation géographique tirée d'un positionnement <span class="caps">GPS</span>).</p> <div class="spip_documents_deplier"> <dl class='spip_document_107 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:173px;'> <dt><img src='http://plugins.spip.net/local/cache-vignettes/L173xH228/meta2-38bfa-df582.jpg' width='173' height='228' style='height:228px;width:173px;' /></dt> <dt class="spip_doc_titre" style=" width:173px;">Les métadonnées au survol</dt> </dl> </div>
<p>Par défaut, les données apparaissent condensées dans un pavé vert de gris (oui : vert de gris… l'idée est d'imiter approximativement les afficheurs de certains appareils reflex). Ce pavé réduit affiche les données suivantes :
<br />— des pictogrammes indiquent quelles métadonnées ont été récupérées : <span class="caps">EXIF</span>, <span class="caps">GPS</span> et/ou <span class="caps">IPTC</span> ;
<br />— le nom et la marque de l'appareil de prise de vue ;
<br />— pour de nombreux appareils photo, une petite vignette représentant ce modèle.</p> <p>Lorsque l'on survole le pavé vert, il affiche immédiatement quelques données techniques (lorsque ces données sont présentes dans l'image, évidemment) :
<br />— la sensibilité (<span class="caps">ISO</span>),
<br />— la vitesse de la prise de vue (secondes),
<br />— l'ouverture,
<br />— la focale de l'objectif.</p> <div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_108 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_108').slideFadeToggle( function(){ $('.spip_document_108').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/meta3.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L500xH387/meta3-9dc44-12252.jpg' width='500' height='387' style='height:387px;width:500px;' /></a></dt> <dt class="spip_doc_titre">Les pavés « dépliés »</dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_108 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_108').slideFadeToggle( function(){ $('.spip_document_big_108').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/meta3.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH155/meta3-4e56b-d58b1.jpg' width='200' height='155' style='height:155px;width:200px;' /></a></dt> <dt class="spip_doc_titre" style=" width:200px;">Les pavés « dépliés »</dt> </dl> </div>
<p>Lorsque l'on clique dans le pavé (ou sur le petit bouton « plus »), celui-ci s'agrandit et affiche toutes les métadonnées :
<br />— les données <span class="caps">EXIF</span> : sensibilité, vitesse, ouverture, focale, utilisation du flash, ouverture maximale, objectif utilisé…
<br />— les données <span class="caps">IPTC</span> : légende, copyright…
<br />— les données <span class="caps">GPS</span> : latitude, longitude, et petite croix de l'emplacement sur une mappemonde.</p> <p>La vignette de l'appareil est alors plus grosse. On peut encore cliquer sur la vignette de l'appareil et afficher l'image du modèle utilisé dans sa plus grande taille. (Note : les fichiers graphiques fournis par le plugin ont une dimension maximale de <span class="numbers">256</span> pixels ; on peut donc encore utiliser une image plus grande, par exemple pour l'affichage sur le site public.)</p> <div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_109 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_109').slideFadeToggle( function(){ $('.spip_document_109').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/meta4.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L345xH423/meta4-345e4-d4fe4.jpg' width='345' height='423' style='height:423px;width:345px;' /></a></dt> <dt class="spip_doc_descriptif"><p>Après avoir cliqué sur la vignette de l'appareil, on voit une image grand format du modèle utilisé.</p></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_109 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_109').slideFadeToggle( function(){ $('.spip_document_big_109').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/meta4.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH246/meta4-9fc2b-d5fcd.jpg' width='200' height='246' style='height:246px;width:200px;' /></a></dt> <dt class="spip_doc_descriptif" style=" width:200px;"><p>Après avoir cliqué sur la vignette de l'appareil, on voit une image grand format du modèle utilisé.</p></dt> </dl> </div>
<p>Pour l'affichage des métadonnées sur votre site public (dans des squelettes de portfolio, ou dans des « modèles » inclus dans les articles), on utilisera les nouveaux filtres : <code class='spip_code' dir='ltr'>lire_exif</code> et <code class='spip_code' dir='ltr'>lire_iptc</code>.</p> <p>On pourra s'inspirer des fichiers <code class='spip_code' dir='ltr'>inc_exif.html</code> et <code class='spip_code' dir='ltr'>pave_exif.html</code> pour en comprendre le principe, finalement assez simple, et récupérer la liste des types de médatonnées les plus pertinents.</p> <p>La fonction histogramme requiert <span class="caps">GD<span class="numbers">2</span></span>.</p> <p>Les informations <span class="caps">EXIF</span> sont manipulées, sans recours à l'extension <span class="caps">EXIF</span> de <span class="caps">PHP</span>, grâce au script de Vinay Yadav (sous licence <span class="caps">LGPL</span>).</p> <p>Les informations <span class="caps">IPTC</span> nécessitent la fonction "iptcparse" de <span class="caps">PHP</span> et utilisent la classe "class_iptc" d'Alex Arica.</p> <p><strong>Attention :</strong> l'archive Zip de ce plugin est très volumineuse, et l'installateur automatique ne peut pas la récupérer. Il est donc nécessaire d'installer ce plugin <i>à la main</i>.</p></div>
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:98:"<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>";}s:4:"icon";s:70:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton6-db64c.png";}}s:52:"http://files.spip.org/spip-zone/google_analytics.zip";a:3:{i:0;s:16:"Google analytics";i:1;s:40:"http://plugins.spip.net/google-analytics";i:2;a:11:{s:3:"url";s:40:"http://plugins.spip.net/google-analytics";s:5:"titre";s:16:"Google analytics";s:4:"date";i:1220620645;s:10:"lesauteurs";s:4:"phil";s:10:"descriptif";s:996:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton26-9bd67.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Ajoute, grâce à la balise #<span class="caps">INSERT_HEAD</span>, le script Google analytics dans l'espace public en insérant le code perso de google analytics dans l'espace privé</p>
		
		
		<p><a href="
		http://www.spip-contrib.net/?article2495
    ">Documentation</a></p>

<a href="http://plugins.spip.net/-statistiques-et-referencement-" rel="directory">Statistiques & référencement</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton26-9bd67.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Ajoute, grâce à la balise #<span class="caps">INSERT_HEAD</span>, le script Google analytics dans l'espace public en insérant le code perso de google analytics dans l'espace privé</p>
		
		
		<p><a href="
		http://www.spip-contrib.net/?article2495
    ">Documentation</a></p>

<a href="http://plugins.spip.net/-statistiques-et-referencement-" rel="directory">Statistiques & référencement</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton26-9bd67.png" width='64' height='64' style='height:64px;width:64px;' />
		
		</content:encoded>

<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton24-053c0.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Édition rapide depuis les pages publiques du site.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Les-Crayons">Documentation</a></p>

<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L100xH100/arton24-17633.png" width='100' height='100' style='height:100px;width:100px;' />
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:105:"<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>";}s:4:"icon";s:71:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton24-053c0.png";}}s:50:"http://files.spip.org/spip-zone/couteau_suisse.zip";a:3:{i:0;s:14:"Couteau suisse";i:1;s:38:"http://plugins.spip.net/Couteau-suisse";i:2;a:11:{s:3:"url";s:38:"http://plugins.spip.net/Couteau-suisse";s:5:"titre";s:14:"Couteau suisse";s:4:"date";i:1220188308;s:10:"lesauteurs";s:20:"Patrice Vanneufville";s:10:"descriptif";s:1274:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton23-74f4e.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Réunit en un seul plugin une liste de petites fonctionnalités nouvelles et utiles améliorant la gestion de votre site <span class="caps">SPIP</span>.</p> <p>Découvrez dans ce plugin vos outils favoris : Exposants typographiques, Guillemets typographiques, Belles puces, Un sommaire pour vos articles, Smileys, Supprime le numéro, Belles URLs, <span class="caps">SPIP</span> et les liens… externes, Pas de forums anonymes, Découpe en pages et onglets, etc.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Le-Couteau-Suisse">Documentation</a></p>

<a href="http://plugins.spip.net/-configuration-et-autorisations-" rel="directory">Configuration & autorisations</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton23-74f4e.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Réunit en un seul plugin une liste de petites fonctionnalités nouvelles et utiles améliorant la gestion de votre site <span class="caps">SPIP</span>.</p> <p>Découvrez dans ce plugin vos outils favoris : Exposants typographiques, Guillemets typographiques, Belles puces, Un sommaire pour vos articles, Smileys, Supprime le numéro, Belles URLs, <span class="caps">SPIP</span> et les liens… externes, Pas de forums anonymes, Découpe en pages et onglets, etc.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Le-Couteau-Suisse">Documentation</a></p>

<a href="http://plugins.spip.net/-configuration-et-autorisations-" rel="directory">Configuration & autorisations</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L128xH128/arton23-8c988.png" width='128' height='128' style='height:128px;width:128px;' />
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:116:"<a href="http://plugins.spip.net/-configuration-et-autorisations-" rel="directory">Configuration & autorisations</a>";}s:4:"icon";s:71:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton23-74f4e.png";}}s:41:"http://files.spip.org/spip-zone/no_br.zip";a:3:{i:0;s:35:"Interdire les retours-chariot";i:1;s:53:"http://plugins.spip.net/interdire-les-retours-chariot";i:2;a:11:{s:3:"url";s:53:"http://plugins.spip.net/interdire-les-retours-chariot";s:5:"titre";s:35:"Interdire les retours-chariot";s:4:"date";i:1220115232;s:10:"lesauteurs";s:5:"ARNO*";s:10:"descriptif";s:1037:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton22-90580.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Les retours-chariot c'est mal, les retours-chariot sont une plaie, les retours-chariot nuisent à votre santé. Ce plugin interdit l'insertion de retours-chariot dans le texte en les remplaçant par des changements de paragraphe (ce qu'ils devraient toujours être).</p>

<a href="http://plugins.spip.net/-Typographie-raccourcis-" rel="directory">Typographie & raccourcis</a>

<span class="caps">SPIP</span> <span class="numbers">1</span>.<span class="numbers">9</span>.<span class="numbers">2</span>, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span>, 
Pas d'accès <span class="caps">SQL</span>, 
<b>Pas de texte</b>, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>";s:7:"content";s:7351:"http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton22-90580.png" width='64' height='64' style='height:64px;width:64px;' />
		<div class='rss_texte'><p>Pour une raison particulièrement mystérieuse, certains rédacteurs utilisent le raccourci des retours-chariot (<i>underscore</i> en début de ligne) ou le code <span class="caps">HTML</span> <code class='spip_code' dir='ltr'><br></code> pour fabriquer des « paragraphes » sans espacement vertical avant.</p> <p>Ou utilisent les retours-chariot pour faire une pseudo maquette en provoquant des espaces verticaux énormes.</p> <p>C'est mal. C'est très mal. Ces deux méthodes doivent être <i>absolument</i> proscrites, sauf à accepter que son site ne ressemble à rien.</p> <p>Et la pédagogie (« non, Petit Lapin, les retour-chariots ne servent pas à celà… ») n'y fait rien : un rédacteur qui a décidé de mettre des retour-chariots à tout bout de champ en mettra partout jusqu'à la fin de ses jours. Les mêmes doivent certainement provoquer des sauts de page dans Word en ajoutant des retours à la ligne jusqu'à arriver à la page suivante… (ça aussi, c'est mal, et pas seulement parce que Krosoft est le démon).</p> <p>Bref : voici un plugin qui désactive purement et simplement la possibilité de faire des retours-chariot. Tous les retours-chariot sont remplacés par des sauts de paragraphes normaux.</p> <h3 class="spip">« Oui mais quand même… »</h3>
<p>Bien entendu, c'est à ce moment que le rédacteur drogué aux retours-chariot décrète qu'en réalité, il n'utilise pas les retours-chariots <i>que</i> pour simuler des paragraphes, mais aussi pour faire des trucs légitimes. Et là, en se creusant, il trouve : « les adresses, il faut que j'écrive des adresses… ».</p> <p>D'accord. Alors je vous propose le raccourci qui existe nativement dans <span class="caps">SPIP</span>, et qui sera même plus facile à utiliser que les retours-chariot (car on n'a même pas besoin d'indiquer manuellement les retours-chariot, il suffit de revenir à la ligne) : <code class='spip_code' dir='ltr'><poesie></code>.</p> <div class="coloration_code"><div class="spip_html4strict cadre"><div class="html4strict"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #009900;"><poesie></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #009900;"><<a href="http://december.com/html/4/element/strong.html"><span style="color: #000000; font-weight: bold;">strong</span></a>></span>Monsieur Nicolas Sarkozy<span style="color: #009900;"><<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/strong.html"><span style="color: #000000; font-weight: bold;">strong</span></a>></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> 11, rue du Miroir aux Alouettes</div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> 92200 Neuilly-sur-Seine</div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> France</div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #009900;"><<span style="color: #66cc66;">/</span>poesie></span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/f1f5d9d40c15ab0b609d3c68aaeea4cf.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>ce qui donne :</p>
<blockquote class="spip_poesie">
<div><strong>Monsieur Nicolas Sarkozy</strong></div>
<div> <span class="numbers">11</span>, rue du Miroir aux Alouettes</div>
<div> <span class="numbers">92200</span> Neuilly-sur-Seine France</div>
</blockquote>
<p>Cette méthode permet, de plus, d'avoir de beaux blocs bien définis, pour lesquels il suffit de définir une feuille de style adaptée.</p> <h3 class="spip">Des paragraphes « joints » et « disjoints »</h3>
<p>La principale raison pour l'utilisation (fautive) des retours-chariot, c'est la volonté d'avoir des paragraphes « joints » (sans espace vertical).</p> <p>Cela se réalise très facilement avec des feuilles de style.</p> <div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #6666ff;">.texte</span> p <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">0px</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #933;">0px</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">text-indent</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1.4em</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> </div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #00AA00;">&#125;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #6666ff;">.texte</span> p<span style="color: #3333ff;">:first-child </span><span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">text-indent</span><span style="color: #00AA00;">:</span> <span style="color: #933;">0px</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #00AA00;">&#125;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/84d8848ebc41f682fc0c42d01d998798.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>Les paragraphes sont présentés « joints » (sans espacement vertical avant ou après), et leur première ligne est indentée (décalée vers la droite). Sauf le premier paragraphe, qui n'est pas indenté (ce qui est l'usage en typographique classique).</p> <p>Il reste à pouvoir créer occasionnellement des paragraphes « disjoints » (séparés par un espacement vertical). La solution la plus simple, à mon avis, est d'utiliser le raccourci correspondant à <code class='spip_code' dir='ltr'><hr /></code> : <code class='spip_code' dir='ltr'>----</code> (quatre tirets successifs), et de définir un style adapté pour le <code class='spip_code' dir='ltr'><hr /></code> (par exemple : blanc sur fond blanc, pour le rendre invisible).</p></div>";s:4:"lang";s:2:"fr";s:10:"enclosures";s:117:"<a rel="enclosure" href="http://files.spip.org/spip-zone/no_br.zip" type="application/zip" title="1557">no_br.zip</a>";s:4:"item";s:9389:"
		<title>Interdire les retours-chariot</title>
		<link>http://plugins.spip.net/interdire-les-retours-chariot</link>
		<guid isPermaLink="true">http://plugins.spip.net/interdire-les-retours-chariot</guid>
		<date>2008-08-30T16:53:52Z</date>
		<format>text/html</format>
		<language>fr</language>
		<creator>ARNO*</creator>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton22-90580.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Les retours-chariot c'est mal, les retours-chariot sont une plaie, les retours-chariot nuisent à votre santé. Ce plugin interdit l'insertion de retours-chariot dans le texte en les remplaçant par des changements de paragraphe (ce qu'ils devraient toujours être).</p>

<a href="http://plugins.spip.net/-Typographie-raccourcis-" rel="directory">Typographie & raccourcis</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton22-90580.png" width='64' height='64' style='height:64px;width:64px;' />
		<div class='rss_texte'><p>Pour une raison particulièrement mystérieuse, certains rédacteurs utilisent le raccourci des retours-chariot (<i>underscore</i> en début de ligne) ou le code <span class="caps">HTML</span> <code class='spip_code' dir='ltr'><br></code> pour fabriquer des « paragraphes » sans espacement vertical avant.</p> <p>Ou utilisent les retours-chariot pour faire une pseudo maquette en provoquant des espaces verticaux énormes.</p> <p>C'est mal. C'est très mal. Ces deux méthodes doivent être <i>absolument</i> proscrites, sauf à accepter que son site ne ressemble à rien.</p> <p>Et la pédagogie (« non, Petit Lapin, les retour-chariots ne servent pas à celà… ») n'y fait rien : un rédacteur qui a décidé de mettre des retour-chariots à tout bout de champ en mettra partout jusqu'à la fin de ses jours. Les mêmes doivent certainement provoquer des sauts de page dans Word en ajoutant des retours à la ligne jusqu'à arriver à la page suivante… (ça aussi, c'est mal, et pas seulement parce que Krosoft est le démon).</p> <p>Bref : voici un plugin qui désactive purement et simplement la possibilité de faire des retours-chariot. Tous les retours-chariot sont remplacés par des sauts de paragraphes normaux.</p> <h3 class="spip">« Oui mais quand même… »</h3>
<p>Bien entendu, c'est à ce moment que le rédacteur drogué aux retours-chariot décrète qu'en réalité, il n'utilise pas les retours-chariots <i>que</i> pour simuler des paragraphes, mais aussi pour faire des trucs légitimes. Et là, en se creusant, il trouve : « les adresses, il faut que j'écrive des adresses… ».</p> <p>D'accord. Alors je vous propose le raccourci qui existe nativement dans <span class="caps">SPIP</span>, et qui sera même plus facile à utiliser que les retours-chariot (car on n'a même pas besoin d'indiquer manuellement les retours-chariot, il suffit de revenir à la ligne) : <code class='spip_code' dir='ltr'><poesie></code>.</p> <div class="coloration_code"><div class="spip_html4strict cadre"><div class="html4strict"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #009900;"><poesie></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #009900;"><<a href="http://december.com/html/4/element/strong.html"><span style="color: #000000; font-weight: bold;">strong</span></a>></span>Monsieur Nicolas Sarkozy<span style="color: #009900;"><<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/strong.html"><span style="color: #000000; font-weight: bold;">strong</span></a>></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> 11, rue du Miroir aux Alouettes</div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> 92200 Neuilly-sur-Seine</div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> France</div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #009900;"><<span style="color: #66cc66;">/</span>poesie></span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/f1f5d9d40c15ab0b609d3c68aaeea4cf.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>ce qui donne :</p>
<blockquote class="spip_poesie">
<div><strong>Monsieur Nicolas Sarkozy</strong></div>
<div> <span class="numbers">11</span>, rue du Miroir aux Alouettes</div>
<div> <span class="numbers">92200</span> Neuilly-sur-Seine France</div>
</blockquote>
<p>Cette méthode permet, de plus, d'avoir de beaux blocs bien définis, pour lesquels il suffit de définir une feuille de style adaptée.</p> <h3 class="spip">Des paragraphes « joints » et « disjoints »</h3>
<p>La principale raison pour l'utilisation (fautive) des retours-chariot, c'est la volonté d'avoir des paragraphes « joints » (sans espace vertical).</p> <p>Cela se réalise très facilement avec des feuilles de style.</p> <div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #6666ff;">.texte</span> p <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">0px</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #933;">0px</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">text-indent</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1.4em</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> </div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #00AA00;">&#125;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #6666ff;">.texte</span> p<span style="color: #3333ff;">:first-child </span><span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">text-indent</span><span style="color: #00AA00;">:</span> <span style="color: #933;">0px</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #00AA00;">&#125;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/84d8848ebc41f682fc0c42d01d998798.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>Les paragraphes sont présentés « joints » (sans espacement vertical avant ou après), et leur première ligne est indentée (décalée vers la droite). Sauf le premier paragraphe, qui n'est pas indenté (ce qui est l'usage en typographique classique).</p> <p>Il reste à pouvoir créer occasionnellement des paragraphes « disjoints » (séparés par un espacement vertical). La solution la plus simple, à mon avis, est d'utiliser le raccourci correspondant à <code class='spip_code' dir='ltr'><hr /></code> : <code class='spip_code' dir='ltr'>----</code> (quatre tirets successifs), et de définir un style adapté pour le <code class='spip_code' dir='ltr'><hr /></code> (par exemple : blanc sur fond blanc, pour le rendre invisible).</p></div>
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:103:"<a href="http://plugins.spip.net/-Typographie-raccourcis-" rel="directory">Typographie & raccourcis</a>";}s:4:"icon";s:71:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton22-90580.png";}}s:44:"http://files.spip.org/spip-zone/rainette.zip";a:3:{i:0;s:8:"Rainette";i:1;s:32:"http://plugins.spip.net/Rainette";i:2;a:11:{s:3:"url";s:32:"http://plugins.spip.net/Rainette";s:5:"titre";s:8:"Rainette";s:4:"date";i:1220041419;s:10:"lesauteurs";s:27:"Cédric Morin, _Eric_";s:10:"descriptif";s:851:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton19-f80c6.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Ce plugin permet d'afficher les conditions et les prévisions météorologiques d'une ville donnée à partir du flux xml fourni par le site weather.com®.</p>
		
		
		<p><a href="http://www.spip-contrib.net/?article3133">Documentation</a></p>

<a href="http://plugins.spip.net/-informations-geographiques-" rel="directory">Informations géographiques</a>

<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span>, 
Pas d'accès <span class="caps">SQL</span>, 
Français, 
English, 
Deutsch, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>";s:7:"content";s:37609:"http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton19-f80c6.png" width='64' height='64' style='height:64px;width:64px;' />
		<div class='rss_texte'><h3 class="spip">Description</h3>
<p><strong>Synopsis</strong></p> <p>Le plugin Rainette est destiné à afficher les données météorologiques d'une ville choisie par son code météo standard (<span class="caps">FRXX<span class="numbers">0076</span></span> pour Paris, par exemple). Les données météorologiques sont fournies par le site weather.com®.</p> <p>Le plugin propose d'afficher, d'une part, les conditions courantes, rafraîchies toutes les <span class="numbers">30</span>mn, et, d'autre part, les prévisions sur plusieurs jours, rafraîchies toutes les <span class="numbers">2</span>h.
L'affichage des données météorologiques se fait au travers de modèles, ce qui permet l'inclusion dans un squelette ou dans un article. Cet affichage est totalement paramétrable (icônes, libellés, unités, présentation…).</p> <p>Il est aussi possible d'afficher des informations sur la ville observée via un modèle spécifique ou une balise.</p> <p><strong>Exclusions</strong></p> <p>La recherche du code météo des villes et la gestion des dites villes ne fait pas partie du plugin. Ces fonctions doivent être développées dans les squelettes ou plugins qui utilisent Rainette.</p> <p><strong>Crédits</strong></p> <p>Rainette s'inspire dans son principe du plugin Grenouille mais ne stocke aucune information en base de données ni ne gère le choix des villes. Merci donc à Artégo et Touti pour la grenouille originelle.</p> <h3 class="spip">Installation</h3>
<p>Se référer à l'installation d'un plugin sur spip.net. L'ensemble des sources est installé dans plugins/. Rien n'est créé en base de données.</p> <h3 class="spip">Désinstallation</h3>
<p>Désactiver le plugin dans la page d'administration de l'espace privé. Ensuite supprimer le dossier du plugin Rainette dans plugins/.
Pour enlever toutes traces du plugin il est possible de supprimer aussi le cache du plugin à l'emplacement tmp/cache/rainette/.</p> <h3 class="spip">Configuration</h3>
<p>Le plugin propose des paramètres de configuration, définis dans rainette_options.php, et qui s'appliquent à l'ensemble des villes observées par Rainette (aucune configuration <span class="caps">CFG</span> n'est proposée). Ce sont :</p> <table class="spip" summary="">
<caption>Répertoire des icônes personnalisés</caption>
<tbody>
<tr class='row_even'>
<td>variable</td>
<td>_RAINETTE_ICONES_PATH</td></tr>
<tr class='row_odd'>
<td>défaut</td>
<td>'rainette/'</td></tr>
<tr class='row_even'>
<td>valeurs</td>
<td>Ce sous-répertoire est à créer dans le dossier squelettes/ ou dans le dossier du plugin utilisateur. Il accueille alors les icônes de temps personnalisés</td></tr>
</tbody>
</table>
<table class="spip" summary="">
<caption>Intervalle de mise a jour des prévisions météo</caption>
<tbody>
<tr class='row_even'>
<td>variable</td>
<td>_RAINETTE_RELOAD_TIME_PREVISIONS</td></tr>
<tr class='row_odd'>
<td>défaut</td>
<td><span class="numbers">2</span>*<span class="numbers">3600</span> (soit <span class="numbers">2</span> heures)</td></tr>
<tr class='row_even'>
<td>valeurs</td>
<td>Ce que l'on veut mais il n'y a aucun intérêt à choisir une valeur inférieure à <span class="numbers">2</span> heures car c'est la récurrence minimale de weather.com</td></tr>
</tbody>
</table>
<table class="spip" summary="">
<caption>Intervalle de mise a jour des prévisions météo</caption>
<tbody>
<tr class='row_even'>
<td>variable</td>
<td>_RAINETTE_RELOAD_TIME_CONDITIONS</td></tr>
<tr class='row_odd'>
<td>défaut</td>
<td><span class="numbers">1800</span> (soit <span class="numbers">30</span> minutes)</td></tr>
<tr class='row_even'>
<td>valeurs</td>
<td>Ce que l'on veut mais il n'y a aucun intérêt à choisir une valeur inférieure à <span class="numbers">30</span> minutes car c'est la récurrence minimale de weather.com</td></tr>
</tbody>
</table>
<table class="spip" summary="">
<caption>Nombre de jour de prévisions</caption>
<tbody>
<tr class='row_even'>
<td>variable</td>
<td>_RAINETTE_JOURS_PREVISION</td></tr>
<tr class='row_odd'>
<td>défaut</td>
<td><span class="numbers">10</span></td></tr>
<tr class='row_even'>
<td>valeurs</td>
<td>[<span class="numbers">1</span>..<span class="numbers">10</span>]</td></tr>
</tbody>
</table>
<table class="spip" summary="">
<caption>Système de mesure</caption>
<tbody>
<tr class='row_even'>
<td>variable</td>
<td>_RAINETTE_SYSTEME_MESURE</td></tr>
<tr class='row_odd'>
<td>défaut</td>
<td>'m'</td></tr>
<tr class='row_even'>
<td>valeurs</td>
<td>'m' pour métrique, 's' pour standard (impérial <span class="caps">US</span>)</td></tr>
</tbody>
</table>
<h3 class="spip">Utilisation</h3>
<p>Une page de démo rainette_demo.html est fournie avec le plugin et illustre l'ensemble des cas d'utilisation décrit ci-après. La page doit être appelée par l'url http://monsite/spip.php?page=rainette_demo<span class="amp">&</span>ville=frxxnnnn, où frxxnnnn représente le code météo de la ville observée (Paris par défaut).</p> <p><strong>Insertion de la balise #<span class="caps">INSERT_HEAD</span></strong></p> <p>Le plugin utilise des <span class="caps">CSS</span> pour personnaliser ses affichages. Pour bénéficier de ces styles il est nécessaire d'insérer la balise #<span class="caps">INSERT_HEAD</span> dans le header de vos pages. Rainette intégrera alors automatiquement les styles rainette.css dans le header.</p> <p><strong>Méthodes d'affichage des données météorologiques</strong></p> <p>Le plugin propose uniquement deux modèles à inclure dans les squelettes ou les articles. Ils permettent d'afficher l'ensemble des données météorologiques prévisionnelles ou temps réel disponibles. Les possibilités de paramétrage de ces modèles font qu'il n'est point besoin de les modifier pour personnaliser la présentation des données (cf. paragraphe Personnalisation).</p> <p>— <strong>rainette_previsions</strong> : modèle d'affichage des données prévisionnelles pour une journée ou plusieurs jours
<br />— <strong>rainette_conditions</strong> : modèle d'affichage des données temps réel</p> <p>L'intégration de ces modèles dans un squelette se fait, par exemple, de la manière suivante :</p>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#MODELE</span><span style="color: #74B900;"><span class="br0">&#123;</span>rainette_previsions, code=FRXX0023, type=1_jour, jour=1, sous_modele=previsions_2x12h<span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#MODELE</span><span style="color: #74B900;"><span class="br0">&#123;</span>rainette_previsions, code=FRXX0023, type=x_jours, jour=5, sous_modele=previsions_24h<span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#MODELE</span><span style="color: #74B900;"><span class="br0">&#123;</span>rainette_conditions, code=FRXX0023, sous_modele=conditions_tempsreel<span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/88f0bcc9e3a145a903092408347f4791.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>et dans le texte d'un article :</p>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><rainette_previsions<span style="color: #E1861A;">|code</span>=FRXX0023<span style="color: #E1861A;">|type</span>=x_jours<span style="color: #E1861A;">|jour</span>=<span style="">3</span><span style="color: #E1861A;">|sous_modele</span>=previsions_2x12h></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><rainette_conditions<span style="color: #E1861A;">|code</span>=FRXX0023<span style="color: #E1861A;">|sous_modele</span>=conditions_tempsreel></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/8ccdc805c032dce1439f97147ab82b3c.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p><strong>Méthodes d'affichage des informations d'une ville</strong></p> <p>Le plugin propose également un modèle paramétrable (cf. paragraphe Personnalisation) et une balise pour afficher les informations générales sur la ville observée.</p> <p>— <strong>rainette_infos</strong> : modèle d'affichage des informations sur une ville
<br />— <strong>#<span class="caps">RAINETTE_INFOS</span></strong> : balise d'affichage des informations sur une ville</p> <p>L'intégration du modèle ou de la balise dans un squelette se fait, par exemple, de la manière suivante :</p>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#MODELE</span><span style="color: #74B900;"><span class="br0">&#123;</span>rainette_infos, code=FRXX0023, sous_modele=infos_ville<span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #CA5200;">#RAINETTE_INFOS</span><span style="color: #74B900;"><span class="br0">&#123;</span>FRXX0023, ville<span class="br0">&#125;</span></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #CA5200;">#RAINETTE_INFOS</span><span style="color: #74B900;"><span class="br0">&#123;</span>FRXX0023, longitude<span class="br0">&#125;</span></span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/dabb5ae16cf212d0538034f0b1cdee9e.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>et dans le texte d'un article :</p>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><rainette_infos<span style="color: #E1861A;">|code</span>=FRXX0023<span style="color: #E1861A;">|sous_modele</span>=infos_ville></div></li>
</ol></div></div></div>
<p><strong>Affichage des conditions temps réel</strong></p> <p>Rainette propose en premier lieu d'afficher les données météorologiques de la journée en cours, en utilisant le modèle rainette_conditions. Les données collectées et l'affichage par défaut sont les suivants :</p>
<div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_12 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_12').slideFadeToggle( function(){ $('.spip_document_12').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/png/screenshot_06.png"><img src='http://plugins.spip.net/local/cache-vignettes/L413xH226/screenshot_06-da83b-79525.png' width='413' height='226' style='height:226px;width:413px;' /></a></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_12 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_12').slideFadeToggle( function(){ $('.spip_document_big_12').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/png/screenshot_06.png"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH110/screenshot_06-4dda6-4bd16.png' width='200' height='110' style='height:110px;width:200px;' /></a></dt> </dl> </div>
<p>— les températures, mesurée et ressentie,
<br />— le statut météorologique, libellé et icône,
<br />— la pression et sa tendance,
<br />— la vitesse du vent et sa direction,
<br />— le pourcentage d'humidité et le point de rosée,
<br />— la visibilité,
<br />— la station météorologique d'observation (qui peut différer de la ville) et la date de dernière mise à jour des données.</p> <table class="spip" summary="">
<caption>Modèle <strong>rainette_conditions</strong></caption>
<tbody>
<tr class='row_even'>
<td><span class="numbers">1</span>.</td>
<td>code</td>
<td>obligatoire, désigne le code météo standard de la ville</td></tr>
<tr class='row_odd'>
<td><span class="numbers">2</span>.</td>
<td>sous_modele</td>
<td>facultatif, détermine la présentation des données temps réel. La valeur par défaut correspond au sous-modèle fourni par Rainette, à savoir, conditions_tempsreel.</td></tr>
</tbody>
</table>
<p><strong>Affichage des prévisions sur une journée</strong></p> <p>Rainette propose, d'autre part, d'afficher les prévisions météorologiques d'une journée, en utilisant le modèle rainette_previsions. Les données sont collectées par demie-journée, à savoir, « jour » et « nuit ». L'affichage par défaut présente donc les informations dans un tableau à deux colonnes, une pour chaque demie-journée.</p> <p>Dans le cas où l'on observe les prévisions du jour courant, les informations « jour » ne sont accessibles que jusqu'à <span class="numbers">14</span>h<span class="numbers">00</span>. A partir de cette heure, les informations « jour » sont positionnées à N/D (non déterminée). Pour éviter de présenter des informations sans intérêt, le modèle par défaut de Rainette remplace à partir de <span class="numbers">14</span>h<span class="numbers">00</span>, les informations « jour » et « nuit » par les informations « nuit » et « demain matin ».</p> <p>Les données collectées par demie-journée et les affichages par défaut (jour courant et surlendemain) sont les suivants :</p>
<div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_15 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_15').slideFadeToggle( function(){ $('.spip_document_15').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/png/screenshot_04.png"><img src='http://plugins.spip.net/local/cache-vignettes/L500xH222/screenshot_04-b75ef-d3650.png' width='500' height='222' style='height:222px;width:500px;' /></a></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_15 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_15').slideFadeToggle( function(){ $('.spip_document_big_15').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/png/screenshot_04.png"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH89/screenshot_04-824dc-4c4a3.png' width='200' height='89' style='height:89px;width:200px;' /></a></dt> </dl> </div>
<div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_16 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_16').slideFadeToggle( function(){ $('.spip_document_16').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/png/screenshot_05.png"><img src='http://plugins.spip.net/local/cache-vignettes/L500xH217/screenshot_05-20b80-6effa.png' width='500' height='217' style='height:217px;width:500px;' /></a></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_16 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_16').slideFadeToggle( function(){ $('.spip_document_big_16').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/png/screenshot_05.png"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH87/screenshot_05-53657-0817a.png' width='200' height='87' style='height:87px;width:200px;' /></a></dt> </dl> </div>
<p>— la température (max. pour le « jour », min. pour la « nuit »),
<br />— le statut météorologique, libellé et icône,
<br />— la vitesse du vent et sa direction,
<br />— le pourcentage d'humidité et le risque de précipitation,
<br />— l'heure de lever (« jour ») ou du coucher (« nuit ») du soleil,
et la date de dernière mise à jour des données.</p> <table class="spip" summary="">
<caption>Modèle <strong>rainette_previsions</strong> sur une journée</caption>
<tbody>
<tr class='row_even'>
<td><span class="numbers">1</span>.</td>
<td>code</td>
<td>obligatoire, désigne le code météo standard de la ville</td></tr>
<tr class='row_odd'>
<td><span class="numbers">2</span>.</td>
<td>type</td>
<td>obligatoire, détermine le type de prévisions, sur une journée ou sur plusieurs jours. Dans le cas présent, type doit prendre la valeur <strong><span class="numbers">1</span>_jour</strong></td></tr>
<tr class='row_even'>
<td><span class="numbers">3</span>.</td>
<td>jour</td>
<td>facultatif, dans le cas présent (type=<span class="numbers">1</span>_jour), détermine le jour à observer : <span class="numbers">0</span> pour le jour courant, <span class="numbers">1</span> pour le lendemain… La valeur par défaut est <span class="numbers">0</span>, la valeur maximale _RAINETTE_JOURS_PREVISION-<span class="numbers">1</span></td></tr>
<tr class='row_odd'>
<td><span class="numbers">4</span>.</td>
<td>sous_modele</td>
<td>facultatif, détermine la présentation des données prévisionnelles d'une journée. La valeur par défaut correspond au sous-modèle fourni par Rainette, à savoir, previsions_<span class="numbers">2</span>x<span class="numbers">12</span>h</td></tr>
</tbody>
</table>
<p><strong>Affichage des prévisions sur plusieurs jours</strong></p> <p>Rainette propose, aussi, d'afficher les prévisions météorologiques sur plusieurs jours, en utilisant également le modèle rainette_previsions. Les données sont aussi collectées par demie-journée, à savoir, « jour » et « nuit ». Cependant, l'affichage par défaut présente un résumé des informations « jour » ou « nuit ».</p> <p>En effet, dans le cas où l'on observe les prévisions du jour courant, les informations « jour » n'étant accessibles que jusqu'à <span class="numbers">14</span>h<span class="numbers">00</span>, le modèle par défaut de Rainette remplace à partir de <span class="numbers">14</span>h<span class="numbers">00</span>, les informations « jour » par les données « nuit ». Par contre, dans le cas où l'on observe les prévisions des jours suivants, seules les informations « jour » sont présentées.</p> <p>Les données collectées par demie-journée ainsi que l'affichage par défaut sont les suivants :</p>
<div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_18 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_18').slideFadeToggle( function(){ $('.spip_document_18').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/png/screenshot_10.png"><img src='http://plugins.spip.net/local/cache-vignettes/L500xH230/screenshot_10-09dbb-a1a3d.png' width='500' height='230' style='height:230px;width:500px;' /></a></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_18 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_18').slideFadeToggle( function(){ $('.spip_document_big_18').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/png/screenshot_10.png"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH92/screenshot_10-7aba6-7b6e2.png' width='200' height='92' style='height:92px;width:200px;' /></a></dt> </dl> </div>
<p>— la température (max. pour le « jour », min. pour la « nuit »),
<br />— le statut météorologique, libellé et icône,
<br />— la vitesse du vent et sa direction,
<br />— le pourcentage d'humidité et le risque de précipitation,
<br />— l'heure de lever (« jour ») ou du coucher (« nuit ») du soleil,
et la date de dernière mise à jour des données.</p> <table class="spip" summary="">
<caption>Modèle <strong>rainette_previsions</strong> sur plusieurs jours</caption>
<tbody>
<tr class='row_even'>
<td><span class="numbers">1</span>.</td>
<td>code</td>
<td>obligatoire, désigne le code météo standard de la ville</td></tr>
<tr class='row_odd'>
<td><span class="numbers">2</span>.</td>
<td>type</td>
<td>obligatoire, détermine le type de prévisions, sur une journée ou sur plusieurs jours. Dans le cas présent, type doit prendre la valeur <strong>x_jours</strong></td></tr>
<tr class='row_even'>
<td><span class="numbers">3</span>.</td>
<td>jour</td>
<td>facultatif, dans le cas présent (type=<span class="numbers">1</span>_jour), détermine le nombre de jours à observer. La valeur par défaut est la valeur maximale, soit _RAINETTE_JOURS_PREVISION-<span class="numbers">1</span></td></tr>
<tr class='row_odd'>
<td><span class="numbers">4</span>.</td>
<td>sous_modele</td>
<td>facultatif, détermine la présentation des données prévisionnelles sur plusieurs jours. La valeur par défaut correspond au sous-modèle fourni par Rainette, à savoir, previsions_<span class="numbers">24</span>h</td></tr>
</tbody>
</table>
<p><strong>Affichage des informations sur la ville observée</strong></p> <p>Rainette permet d'afficher des informations succinctes sur la ville observée, informations qui sont incluses dans les données transmises par weather.com. Ces informations peuvent être affichées, soit en utilisant le modèle rainette_infos, soit en utilisant la balise #<span class="caps">RAINETTE_INFOS</span>.</p> <p>Les données disponibles pour une ville et l'affichage du modèle par défaut sont les suivants :</p>
<div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_19 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_19').slideFadeToggle( function(){ $('.spip_document_19').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/png/screenshot_13.png"><img src='http://plugins.spip.net/local/cache-vignettes/L415xH77/screenshot_13-0dea6-6c3b2.png' width='415' height='77' style='height:77px;width:415px;' /></a></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_19 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_19').slideFadeToggle( function(){ $('.spip_document_big_19').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/png/screenshot_13.png"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH38/screenshot_13-845c6-56c91.png' width='200' height='38' style='height:38px;width:200px;' /></a></dt> </dl> </div>
<p>— le code météo et le nom standard de la ville,
<br />— sa longitude et latitude,
<br />— et la zone d'appartenance (celle des <span class="caps">DVD</span>).</p> <table class="spip" summary="">
<caption>Modèle rainette_infos</caption>
<tbody>
<tr class='row_even'>
<td><span class="numbers">1</span>.</td>
<td>code</td>
<td>obligatoire, désigne le code météo standard de la ville</td></tr>
<tr class='row_odd'>
<td><span class="numbers">2</span>.</td>
<td>sous_modele</td>
<td>facultatif, détermine la présentation des données de la ville. La valeur par défaut correspond au sous-modèle fourni par Rainette, à savoir, infos_ville</td></tr>
</tbody>
</table>
<p>Ces mêmes informations peuvent être manipulées avec la balise #<span class="caps">RAINETTE_INFOS</span>. l'intérêt de cette balise est de pouvoir introduire le nom ou les coordonnées de la ville à loisir dans les modèles météorologiques temps réel ou prévisionnels. La description de la balise est la suivante :</p> <table class="spip" summary="">
<caption>Balise #<span class="caps">RAINETTE_INFOS</span></caption>
<tbody>
<tr class='row_even'>
<td><span class="numbers">1</span>.</td>
<td>code</td>
<td>obligatoire, désigne le code météo standard de la ville</td></tr>
<tr class='row_odd'>
<td><span class="numbers">2</span>.</td>
<td>information</td>
<td>facultatif, détermine l'information requise pour la ville choisie. Les valeurs possibles sont :
code_meteo (sans intérêt, correspond déjà à l'argument <span class="numbers">1</span>), ville, longitude, latitude et zone
Si cet argument est absent, la balise retourne le tableau sérialisé des données de la ville</td></tr>
</tbody>
</table>
<h3 class="spip">Personnalisation</h3>
<p>Si l'affichage proposé par défaut par Rainette ne convient pas il existe <span class="numbers">4</span> méthodes pour le personnaliser.</p> <p><strong>Les <span class="caps">CSS</span></strong></p>
<div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_20 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_20').slideFadeToggle( function(){ $('.spip_document_20').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/png/screenshot_12.png"><img src='http://plugins.spip.net/local/cache-vignettes/L500xH356/screenshot_12-9f296-5a509.png' width='500' height='356' style='height:356px;width:500px;' /></a></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_20 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_20').slideFadeToggle( function(){ $('.spip_document_big_20').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/png/screenshot_12.png"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH143/screenshot_12-02b62-11dc8.png' width='200' height='143' style='height:143px;width:200px;' /></a></dt> </dl> </div>
<p>Si on ne souhaite pas toucher aux sous-modèles previsions_<span class="numbers">2</span>x<span class="numbers">12</span>h, previsions_<span class="numbers">24</span>h et conditions_tempsreel, il suffit de modifier les <span class="caps">CSS</span> associés à ces modèles. En effet, chaque données météo est incluse dans une structure <span class="caps">HTML</span> associée à un style précis. Il suffit donc de surcharger ces styles pour adapter l'affichage.</p> <p><strong>Les modèles</strong></p> <p>Le mode opératoire des modèles rainette_conditions, rainette_previsions et rainette_infos est le suivant :</p> <ol class="spip"><li> appeler un filtre unique appliqué à un code météorologique - rainette_croaaaaa_conditions(), rainette_croaaaaa_previsions(), rainette_croaaaaa_infos() - qui enchainera :</li><li> la récupération des données météorologiques pour la période choisie</li><li> et l'affichage des données collectées en évaluant le sous-modèle choisi.</li></ol>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#REM</span><span class="br0">&#41;</span><span style="color: #808080; font-style: italic;"></span><span class="br0">&#93;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#ENV</span><span style="color: #74B900;"><span class="br0">&#123;</span>code<span class="br0">&#125;</span></span><span style="color: #E1861A;">|rainette_croaaaaa_conditions</span><span style="color: #74B900;"><span class="br0">&#123;</span><span style="color: #CA5200;">#ENV</span><span class="br0">&#123;</span>sous_modele,conditions_tempsreel<span class="br0">&#125;</span><span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/66c1017e1ee5c7558f5c55d0960e1984.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>Il n'y a donc pas d'intérêt à modifier ces modèles sauf si l'on désire changer le contexte d'évaluation des sous-modèles (cad, la liste des informations météorologiques transmise au sous-modèle). Dans ce cas, il faudra créer un nouveau filtre et un nouveau modèle pour Rainette.</p> <p><strong>Les sous-modèles</strong></p> <dl class='spip_document_21 spip_documents spip_documents_right' style='float:right;width:120px;'>
<dt><a href="http://plugins.spip.net/IMG/pdf/rainette_filtres_env.pdf" title='PDF - 105.6 ko' type="application/pdf"><img src='http://plugins.spip.net/local/cache-vignettes/L52xH52/pdf-eb697.png' width='52' height='52' alt='PDF - 105.6 ko' style='height:52px;width:52px;' /></a></dt>
<dt class='spip_doc_titre' style='width:120px;'><strong>Description des filtres et environnements des sous-modèles</strong></dt>
</dl>
<p>Toutefois, l'affichage étant entièrement géré par les sous-modèles, les personnalisations les plus fréquentes passeront par la surcharge ou la création de sous-modèles à l'instar de previsions_conditions, previsions_<span class="numbers">24</span>h, previsions_<span class="numbers">2</span>x<span class="numbers">12</span>h et infos_ville. Ces sous-modèles gèrent l'affichage des unités, des libellés et icônes, mais aussi le fonctionnement jour/nuit.
Pour créer de nouveaux modèles, il est donc nécessaire de connaître l'environnement exact des données passé au sous-modèle (#<span class="caps">ENV</span>) et les filtres nécessaires pour présenter les informations (par exemple, les unités).</p> <p><strong>Les icônes de temps</strong></p> <p>Par défaut, Rainette utilise les icônes de temps du pack Sticker provenant du site liquidweather.net. Ces icônes sont stockés dans le répertoire img_meteo/petit/ ou img_meteo/grand/ suivant leur taille, et se nomment nn.png, où nn correspond à un numéro entre <span class="numbers">0</span> et <span class="numbers">47</span> ou à na. Les grands icônes sont utilisés dans les conditions et prévisions d'une journée tandis que les petits icônes sont utilisés dans les prévisions à plusieurs jours.</p> <p>Il est possible de personnaliser les icônes en stockant un autre jeu d'icônes dans le sous-dossier _RAINETTE_ICONES_PATH d'un squelette ou d'un plugin. Les filtres d'image de <span class="caps">SPIP</span> sont applicables (image_reduire() en particulier).</p> <p>Vous pouvez trouver de multiples jeux d'icônes en <span class="numbers">32</span>×<span class="numbers">32</span> (petit) et en <span class="numbers">110</span>×<span class="numbers">110</span> (grand) sur le site <a href='http://liquidweather.net/icons.php' class='spip_out' rel='external'>Liquid Weather ++</a> ou créer vous même de nouveaux icônes.</p> <p><strong>Les items de langue</strong></p> <p>Les libellés des statuts météorolgiques, les unités, les libellés de tendance de pression, les directions du vent… sont tous des items de langue. Il est donc possible de surcharger ces libellés par des libellés personnalisés.</p> <h3 class="spip">Recherche des codes météo standard</h3>
<p>Rainette ne propose pas d'interface pour la détermination de ces codes. Cependant il est très facile de trouver un code en faisant une interrogation au site weather.com® avec une <span class="caps">URL</span> du type :</p> <div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style="">http://xoap.weather.com/search/search?where=paris</div></li>
</ol></div></div></div>
<p>On obtient le flux xml suivant :</p> <div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><?xml version="<span style="">1.0</span>" encoding="ISO-<span style="">8859</span>-<span style="">1</span>"?></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #808080; font-style: italic;"></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><search ver="<span style="">2.0</span>"></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <loc id="USIN0471" type="<span style="">1</span>">New Paris, IN</loc></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <loc id="USOH0676" type="<span style="">1</span>">New Paris, OH</loc></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <loc id="USPA1171" type="<span style="">1</span>">New Paris, PA</loc></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <loc id="USAR0433" type="<span style="">1</span>">Paris, AR</loc></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <loc id="USID0192" type="<span style="">1</span>">Paris, ID</loc></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <loc id="FRXX0076" type="<span style="">1</span>">Paris, France</loc></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <loc id="USIL0920" type="<span style="">1</span>">Paris, IL</loc></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <loc id="USKY1218" type="<span style="">1</span>">Paris, KY</loc></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <loc id="USME0309" type="<span style="">1</span>">Paris, ME</loc></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <loc id="USMI0655" type="<span style="">1</span>">Paris, MI</loc></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""></search></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/12ec4da1cd416d6658fdd70fec4c77f4.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>On sélectionne ensuite le Paris que l'on souhaite, par exemple, la capitale de la France, soit <span class="caps">FRXX<span class="numbers">0076</span></span>. Les autres villes sont localisées aux Etats-Unis ;-). On voit donc qu'en parsant le flux <span class="caps">XML</span> il est assez simple de renvoyer les informations dans un formulaire de sélection. Une noisette en perspective…</p></div>";s:4:"lang";s:2:"fr";s:10:"enclosures";s:126:"<a rel="enclosure" href="http://files.spip.org/spip-zone/rainette.zip" type="application/zip" title="2521544">rainette.zip</a>";s:4:"item";s:39323:"
		<title>Rainette</title>
		<link>http://plugins.spip.net/Rainette</link>
		<guid isPermaLink="true">http://plugins.spip.net/Rainette</guid>
		<date>2008-08-29T20:23:39Z</date>
		<format>text/html</format>
		<language>fr</language>
		<creator>Cédric Morin, _Eric_</creator>

<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span></subject>
		<subject>Pas d'accès <span class="caps">SQL</span></subject>
		<subject>Français</subject>
		<subject>English</subject>
		<subject>Deutsch</subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton19-f80c6.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Ce plugin permet d'afficher les conditions et les prévisions météorologiques d'une ville donnée à partir du flux xml fourni par le site weather.com®.</p>
		
		
		<p><a href="http://www.spip-contrib.net/?article3133">Documentation</a></p>

<a href="http://plugins.spip.net/-informations-geographiques-" rel="directory">Informations géographiques</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton19-f80c6.png" width='64' height='64' style='height:64px;width:64px;' />
		<div class='rss_texte'><h3 class="spip">Description</h3>
<p><strong>Synopsis</strong></p> <p>Le plugin Rainette est destiné à afficher les données météorologiques d'une ville choisie par son code météo standard (<span class="caps">FRXX<span class="numbers">0076</span></span> pour Paris, par exemple). Les données météorologiques sont fournies par le site weather.com®.</p> <p>Le plugin propose d'afficher, d'une part, les conditions courantes, rafraîchies toutes les <span class="numbers">30</span>mn, et, d'autre part, les prévisions sur plusieurs jours, rafraîchies toutes les <span class="numbers">2</span>h.
L'affichage des données météorologiques se fait au travers de modèles, ce qui permet l'inclusion dans un squelette ou dans un article. Cet affichage est totalement paramétrable (icônes, libellés, unités, présentation…).</p> <p>Il est aussi possible d'afficher des informations sur la ville observée via un modèle spécifique ou une balise.</p> <p><strong>Exclusions</strong></p> <p>La recherche du code météo des villes et la gestion des dites villes ne fait pas partie du plugin. Ces fonctions doivent être développées dans les squelettes ou plugins qui utilisent Rainette.</p> <p><strong>Crédits</strong></p> <p>Rainette s'inspire dans son principe du plugin Grenouille mais ne stocke aucune information en base de données ni ne gère le choix des villes. Merci donc à Artégo et Touti pour la grenouille originelle.</p> <h3 class="spip">Installation</h3>
<p>Se référer à l'installation d'un plugin sur spip.net. L'ensemble des sources est installé dans plugins/. Rien n'est créé en base de données.</p> <h3 class="spip">Désinstallation</h3>
<p>Désactiver le plugin dans la page d'administration de l'espace privé. Ensuite supprimer le dossier du plugin Rainette dans plugins/.
Pour enlever toutes traces du plugin il est possible de supprimer aussi le cache du plugin à l'emplacement tmp/cache/rainette/.</p> <h3 class="spip">Configuration</h3>
<p>Le plugin propose des paramètres de configuration, définis dans rainette_options.php, et qui s'appliquent à l'ensemble des villes observées par Rainette (aucune configuration <span class="caps">CFG</span> n'est proposée). Ce sont :</p> <table class="spip" summary="">
<caption>Répertoire des icônes personnalisés</caption>
<tbody>
<tr class='row_even'>
<td>variable</td>
<td>_RAINETTE_ICONES_PATH</td></tr>
<tr class='row_odd'>
<td>défaut</td>
<td>'rainette/'</td></tr>
<tr class='row_even'>
<td>valeurs</td>
<td>Ce sous-répertoire est à créer dans le dossier squelettes/ ou dans le dossier du plugin utilisateur. Il accueille alors les icônes de temps personnalisés</td></tr>
</tbody>
</table>
<table class="spip" summary="">
<caption>Intervalle de mise a jour des prévisions météo</caption>
<tbody>
<tr class='row_even'>
<td>variable</td>
<td>_RAINETTE_RELOAD_TIME_PREVISIONS</td></tr>
<tr class='row_odd'>
<td>défaut</td>
<td><span class="numbers">2</span>*<span class="numbers">3600</span> (soit <span class="numbers">2</span> heures)</td></tr>
<tr class='row_even'>
<td>valeurs</td>
<td>Ce que l'on veut mais il n'y a aucun intérêt à choisir une valeur inférieure à <span class="numbers">2</span> heures car c'est la récurrence minimale de weather.com</td></tr>
</tbody>
</table>
<table class="spip" summary="">
<caption>Intervalle de mise a jour des prévisions météo</caption>
<tbody>
<tr class='row_even'>
<td>variable</td>
<td>_RAINETTE_RELOAD_TIME_CONDITIONS</td></tr>
<tr class='row_odd'>
<td>défaut</td>
<td><span class="numbers">1800</span> (soit <span class="numbers">30</span> minutes)</td></tr>
<tr class='row_even'>
<td>valeurs</td>
<td>Ce que l'on veut mais il n'y a aucun intérêt à choisir une valeur inférieure à <span class="numbers">30</span> minutes car c'est la récurrence minimale de weather.com</td></tr>
</tbody>
</table>
<table class="spip" summary="">
<caption>Nombre de jour de prévisions</caption>
<tbody>
<tr class='row_even'>
<td>variable</td>
<td>_RAINETTE_JOURS_PREVISION</td></tr>
<tr class='row_odd'>
<td>défaut</td>
<td><span class="numbers">10</span></td></tr>
<tr class='row_even'>
<td>valeurs</td>
<td>[<span class="numbers">1</span>..<span class="numbers">10</span>]</td></tr>
</tbody>
</table>
<table class="spip" summary="">
<caption>Système de mesure</caption>
<tbody>
<tr class='row_even'>
<td>variable</td>
<td>_RAINETTE_SYSTEME_MESURE</td></tr>
<tr class='row_odd'>
<td>défaut</td>
<td>'m'</td></tr>
<tr class='row_even'>
<td>valeurs</td>
<td>'m' pour métrique, 's' pour standard (impérial <span class="caps">US</span>)</td></tr>
</tbody>
</table>
<h3 class="spip">Utilisation</h3>
<p>Une page de démo rainette_demo.html est fournie avec le plugin et illustre l'ensemble des cas d'utilisation décrit ci-après. La page doit être appelée par l'url http://monsite/spip.php?page=rainette_demo<span class="amp">&</span>ville=frxxnnnn, où frxxnnnn représente le code météo de la ville observée (Paris par défaut).</p> <p><strong>Insertion de la balise #<span class="caps">INSERT_HEAD</span></strong></p> <p>Le plugin utilise des <span class="caps">CSS</span> pour personnaliser ses affichages. Pour bénéficier de ces styles il est nécessaire d'insérer la balise #<span class="caps">INSERT_HEAD</span> dans le header de vos pages. Rainette intégrera alors automatiquement les styles rainette.css dans le header.</p> <p><strong>Méthodes d'affichage des données météorologiques</strong></p> <p>Le plugin propose uniquement deux modèles à inclure dans les squelettes ou les articles. Ils permettent d'afficher l'ensemble des données météorologiques prévisionnelles ou temps réel disponibles. Les possibilités de paramétrage de ces modèles font qu'il n'est point besoin de les modifier pour personnaliser la présentation des données (cf. paragraphe Personnalisation).</p> <p>— <strong>rainette_previsions</strong> : modèle d'affichage des données prévisionnelles pour une journée ou plusieurs jours
<br />— <strong>rainette_conditions</strong> : modèle d'affichage des données temps réel</p> <p>L'intégration de ces modèles dans un squelette se fait, par exemple, de la manière suivante :</p>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#MODELE</span><span style="color: #74B900;"><span class="br0">&#123;</span>rainette_previsions, code=FRXX0023, type=1_jour, jour=1, sous_modele=previsions_2x12h<span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#MODELE</span><span style="color: #74B900;"><span class="br0">&#123;</span>rainette_previsions, code=FRXX0023, type=x_jours, jour=5, sous_modele=previsions_24h<span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#MODELE</span><span style="color: #74B900;"><span class="br0">&#123;</span>rainette_conditions, code=FRXX0023, sous_modele=conditions_tempsreel<span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/88f0bcc9e3a145a903092408347f4791.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>et dans le texte d'un article :</p>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><rainette_previsions<span style="color: #E1861A;">|code</span>=FRXX0023<span style="color: #E1861A;">|type</span>=x_jours<span style="color: #E1861A;">|jour</span>=<span style="">3</span><span style="color: #E1861A;">|sous_modele</span>=previsions_2x12h></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><rainette_conditions<span style="color: #E1861A;">|code</span>=FRXX0023<span style="color: #E1861A;">|sous_modele</span>=conditions_tempsreel></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/8ccdc805c032dce1439f97147ab82b3c.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p><strong>Méthodes d'affichage des informations d'une ville</strong></p> <p>Le plugin propose également un modèle paramétrable (cf. paragraphe Personnalisation) et une balise pour afficher les informations générales sur la ville observée.</p> <p>— <strong>rainette_infos</strong> : modèle d'affichage des informations sur une ville
<br />— <strong>#<span class="caps">RAINETTE_INFOS</span></strong> : balise d'affichage des informations sur une ville</p> <p>L'intégration du modèle ou de la balise dans un squelette se fait, par exemple, de la manière suivante :</p>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#MODELE</span><span style="color: #74B900;"><span class="br0">&#123;</span>rainette_infos, code=FRXX0023, sous_modele=infos_ville<span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #CA5200;">#RAINETTE_INFOS</span><span style="color: #74B900;"><span class="br0">&#123;</span>FRXX0023, ville<span class="br0">&#125;</span></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #CA5200;">#RAINETTE_INFOS</span><span style="color: #74B900;"><span class="br0">&#123;</span>FRXX0023, longitude<span class="br0">&#125;</span></span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/dabb5ae16cf212d0538034f0b1cdee9e.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>et dans le texte d'un article :</p>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><rainette_infos<span style="color: #E1861A;">|code</span>=FRXX0023<span style="color: #E1861A;">|sous_modele</span>=infos_ville></div></li>
</ol></div></div></div>
<p><strong>Affichage des conditions temps réel</strong></p> <p>Rainette propose en premier lieu d'afficher les données météorologiques de la journée en cours, en utilisant le modèle rainette_conditions. Les données collectées et l'affichage par défaut sont les suivants :</p>
<div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_12 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_12').slideFadeToggle( function(){ $('.spip_document_12').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/png/screenshot_06.png"><img src='http://plugins.spip.net/local/cache-vignettes/L413xH226/screenshot_06-da83b-79525.png' width='413' height='226' style='height:226px;width:413px;' /></a></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_12 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_12').slideFadeToggle( function(){ $('.spip_document_big_12').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/png/screenshot_06.png"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH110/screenshot_06-4dda6-4bd16.png' width='200' height='110' style='height:110px;width:200px;' /></a></dt> </dl> </div>
<p>— les températures, mesurée et ressentie,
<br />— le statut météorologique, libellé et icône,
<br />— la pression et sa tendance,
<br />— la vitesse du vent et sa direction,
<br />— le pourcentage d'humidité et le point de rosée,
<br />— la visibilité,
<br />— la station météorologique d'observation (qui peut différer de la ville) et la date de dernière mise à jour des données.</p> <table class="spip" summary="">
<caption>Modèle <strong>rainette_conditions</strong></caption>
<tbody>
<tr class='row_even'>
<td><span class="numbers">1</span>.</td>
<td>code</td>
<td>obligatoire, désigne le code météo standard de la ville</td></tr>
<tr class='row_odd'>
<td><span class="numbers">2</span>.</td>
<td>sous_modele</td>
<td>facultatif, détermine la présentation des données temps réel. La valeur par défaut correspond au sous-modèle fourni par Rainette, à savoir, conditions_tempsreel.</td></tr>
</tbody>
</table>
<p><strong>Affichage des prévisions sur une journée</strong></p> <p>Rainette propose, d'autre part, d'afficher les prévisions météorologiques d'une journée, en utilisant le modèle rainette_previsions. Les données sont collectées par demie-journée, à savoir, « jour » et « nuit ». L'affichage par défaut présente donc les informations dans un tableau à deux colonnes, une pour chaque demie-journée.</p> <p>Dans le cas où l'on observe les prévisions du jour courant, les informations « jour » ne sont accessibles que jusqu'à <span class="numbers">14</span>h<span class="numbers">00</span>. A partir de cette heure, les informations « jour » sont positionnées à N/D (non déterminée). Pour éviter de présenter des informations sans intérêt, le modèle par défaut de Rainette remplace à partir de <span class="numbers">14</span>h<span class="numbers">00</span>, les informations « jour » et « nuit » par les informations « nuit » et « demain matin ».</p> <p>Les données collectées par demie-journée et les affichages par défaut (jour courant et surlendemain) sont les suivants :</p>
<div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_15 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_15').slideFadeToggle( function(){ $('.spip_document_15').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/png/screenshot_04.png"><img src='http://plugins.spip.net/local/cache-vignettes/L500xH222/screenshot_04-b75ef-d3650.png' width='500' height='222' style='height:222px;width:500px;' /></a></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_15 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_15').slideFadeToggle( function(){ $('.spip_document_big_15').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/png/screenshot_04.png"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH89/screenshot_04-824dc-4c4a3.png' width='200' height='89' style='height:89px;width:200px;' /></a></dt> </dl> </div>
<div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_16 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_16').slideFadeToggle( function(){ $('.spip_document_16').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/png/screenshot_05.png"><img src='http://plugins.spip.net/local/cache-vignettes/L500xH217/screenshot_05-20b80-6effa.png' width='500' height='217' style='height:217px;width:500px;' /></a></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_16 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_16').slideFadeToggle( function(){ $('.spip_document_big_16').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/png/screenshot_05.png"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH87/screenshot_05-53657-0817a.png' width='200' height='87' style='height:87px;width:200px;' /></a></dt> </dl> </div>
<p>— la température (max. pour le « jour », min. pour la « nuit »),
<br />— le statut météorologique, libellé et icône,
<br />— la vitesse du vent et sa direction,
<br />— le pourcentage d'humidité et le risque de précipitation,
<br />— l'heure de lever (« jour ») ou du coucher (« nuit ») du soleil,
et la date de dernière mise à jour des données.</p> <table class="spip" summary="">
<caption>Modèle <strong>rainette_previsions</strong> sur une journée</caption>
<tbody>
<tr class='row_even'>
<td><span class="numbers">1</span>.</td>
<td>code</td>
<td>obligatoire, désigne le code météo standard de la ville</td></tr>
<tr class='row_odd'>
<td><span class="numbers">2</span>.</td>
<td>type</td>
<td>obligatoire, détermine le type de prévisions, sur une journée ou sur plusieurs jours. Dans le cas présent, type doit prendre la valeur <strong><span class="numbers">1</span>_jour</strong></td></tr>
<tr class='row_even'>
<td><span class="numbers">3</span>.</td>
<td>jour</td>
<td>facultatif, dans le cas présent (type=<span class="numbers">1</span>_jour), détermine le jour à observer : <span class="numbers">0</span> pour le jour courant, <span class="numbers">1</span> pour le lendemain… La valeur par défaut est <span class="numbers">0</span>, la valeur maximale _RAINETTE_JOURS_PREVISION-<span class="numbers">1</span></td></tr>
<tr class='row_odd'>
<td><span class="numbers">4</span>.</td>
<td>sous_modele</td>
<td>facultatif, détermine la présentation des données prévisionnelles d'une journée. La valeur par défaut correspond au sous-modèle fourni par Rainette, à savoir, previsions_<span class="numbers">2</span>x<span class="numbers">12</span>h</td></tr>
</tbody>
</table>
<p><strong>Affichage des prévisions sur plusieurs jours</strong></p> <p>Rainette propose, aussi, d'afficher les prévisions météorologiques sur plusieurs jours, en utilisant également le modèle rainette_previsions. Les données sont aussi collectées par demie-journée, à savoir, « jour » et « nuit ». Cependant, l'affichage par défaut présente un résumé des informations « jour » ou « nuit ».</p> <p>En effet, dans le cas où l'on observe les prévisions du jour courant, les informations « jour » n'étant accessibles que jusqu'à <span class="numbers">14</span>h<span class="numbers">00</span>, le modèle par défaut de Rainette remplace à partir de <span class="numbers">14</span>h<span class="numbers">00</span>, les informations « jour » par les données « nuit ». Par contre, dans le cas où l'on observe les prévisions des jours suivants, seules les informations « jour » sont présentées.</p> <p>Les données collectées par demie-journée ainsi que l'affichage par défaut sont les suivants :</p>
<div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_18 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_18').slideFadeToggle( function(){ $('.spip_document_18').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/png/screenshot_10.png"><img src='http://plugins.spip.net/local/cache-vignettes/L500xH230/screenshot_10-09dbb-a1a3d.png' width='500' height='230' style='height:230px;width:500px;' /></a></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_18 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_18').slideFadeToggle( function(){ $('.spip_document_big_18').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/png/screenshot_10.png"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH92/screenshot_10-7aba6-7b6e2.png' width='200' height='92' style='height:92px;width:200px;' /></a></dt> </dl> </div>
<p>— la température (max. pour le « jour », min. pour la « nuit »),
<br />— le statut météorologique, libellé et icône,
<br />— la vitesse du vent et sa direction,
<br />— le pourcentage d'humidité et le risque de précipitation,
<br />— l'heure de lever (« jour ») ou du coucher (« nuit ») du soleil,
et la date de dernière mise à jour des données.</p> <table class="spip" summary="">
<caption>Modèle <strong>rainette_previsions</strong> sur plusieurs jours</caption>
<tbody>
<tr class='row_even'>
<td><span class="numbers">1</span>.</td>
<td>code</td>
<td>obligatoire, désigne le code météo standard de la ville</td></tr>
<tr class='row_odd'>
<td><span class="numbers">2</span>.</td>
<td>type</td>
<td>obligatoire, détermine le type de prévisions, sur une journée ou sur plusieurs jours. Dans le cas présent, type doit prendre la valeur <strong>x_jours</strong></td></tr>
<tr class='row_even'>
<td><span class="numbers">3</span>.</td>
<td>jour</td>
<td>facultatif, dans le cas présent (type=<span class="numbers">1</span>_jour), détermine le nombre de jours à observer. La valeur par défaut est la valeur maximale, soit _RAINETTE_JOURS_PREVISION-<span class="numbers">1</span></td></tr>
<tr class='row_odd'>
<td><span class="numbers">4</span>.</td>
<td>sous_modele</td>
<td>facultatif, détermine la présentation des données prévisionnelles sur plusieurs jours. La valeur par défaut correspond au sous-modèle fourni par Rainette, à savoir, previsions_<span class="numbers">24</span>h</td></tr>
</tbody>
</table>
<p><strong>Affichage des informations sur la ville observée</strong></p> <p>Rainette permet d'afficher des informations succinctes sur la ville observée, informations qui sont incluses dans les données transmises par weather.com. Ces informations peuvent être affichées, soit en utilisant le modèle rainette_infos, soit en utilisant la balise #<span class="caps">RAINETTE_INFOS</span>.</p> <p>Les données disponibles pour une ville et l'affichage du modèle par défaut sont les suivants :</p>
<div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_19 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_19').slideFadeToggle( function(){ $('.spip_document_19').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/png/screenshot_13.png"><img src='http://plugins.spip.net/local/cache-vignettes/L415xH77/screenshot_13-0dea6-6c3b2.png' width='415' height='77' style='height:77px;width:415px;' /></a></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_19 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_19').slideFadeToggle( function(){ $('.spip_document_big_19').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/png/screenshot_13.png"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH38/screenshot_13-845c6-56c91.png' width='200' height='38' style='height:38px;width:200px;' /></a></dt> </dl> </div>
<p>— le code météo et le nom standard de la ville,
<br />— sa longitude et latitude,
<br />— et la zone d'appartenance (celle des <span class="caps">DVD</span>).</p> <table class="spip" summary="">
<caption>Modèle rainette_infos</caption>
<tbody>
<tr class='row_even'>
<td><span class="numbers">1</span>.</td>
<td>code</td>
<td>obligatoire, désigne le code météo standard de la ville</td></tr>
<tr class='row_odd'>
<td><span class="numbers">2</span>.</td>
<td>sous_modele</td>
<td>facultatif, détermine la présentation des données de la ville. La valeur par défaut correspond au sous-modèle fourni par Rainette, à savoir, infos_ville</td></tr>
</tbody>
</table>
<p>Ces mêmes informations peuvent être manipulées avec la balise #<span class="caps">RAINETTE_INFOS</span>. l'intérêt de cette balise est de pouvoir introduire le nom ou les coordonnées de la ville à loisir dans les modèles météorologiques temps réel ou prévisionnels. La description de la balise est la suivante :</p> <table class="spip" summary="">
<caption>Balise #<span class="caps">RAINETTE_INFOS</span></caption>
<tbody>
<tr class='row_even'>
<td><span class="numbers">1</span>.</td>
<td>code</td>
<td>obligatoire, désigne le code météo standard de la ville</td></tr>
<tr class='row_odd'>
<td><span class="numbers">2</span>.</td>
<td>information</td>
<td>facultatif, détermine l'information requise pour la ville choisie. Les valeurs possibles sont :
code_meteo (sans intérêt, correspond déjà à l'argument <span class="numbers">1</span>), ville, longitude, latitude et zone
Si cet argument est absent, la balise retourne le tableau sérialisé des données de la ville</td></tr>
</tbody>
</table>
<h3 class="spip">Personnalisation</h3>
<p>Si l'affichage proposé par défaut par Rainette ne convient pas il existe <span class="numbers">4</span> méthodes pour le personnaliser.</p> <p><strong>Les <span class="caps">CSS</span></strong></p>
<div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_20 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_20').slideFadeToggle( function(){ $('.spip_document_20').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/png/screenshot_12.png"><img src='http://plugins.spip.net/local/cache-vignettes/L500xH356/screenshot_12-9f296-5a509.png' width='500' height='356' style='height:356px;width:500px;' /></a></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_20 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_20').slideFadeToggle( function(){ $('.spip_document_big_20').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/png/screenshot_12.png"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH143/screenshot_12-02b62-11dc8.png' width='200' height='143' style='height:143px;width:200px;' /></a></dt> </dl> </div>
<p>Si on ne souhaite pas toucher aux sous-modèles previsions_<span class="numbers">2</span>x<span class="numbers">12</span>h, previsions_<span class="numbers">24</span>h et conditions_tempsreel, il suffit de modifier les <span class="caps">CSS</span> associés à ces modèles. En effet, chaque données météo est incluse dans une structure <span class="caps">HTML</span> associée à un style précis. Il suffit donc de surcharger ces styles pour adapter l'affichage.</p> <p><strong>Les modèles</strong></p> <p>Le mode opératoire des modèles rainette_conditions, rainette_previsions et rainette_infos est le suivant :</p> <ol class="spip"><li> appeler un filtre unique appliqué à un code météorologique - rainette_croaaaaa_conditions(), rainette_croaaaaa_previsions(), rainette_croaaaaa_infos() - qui enchainera :</li><li> la récupération des données météorologiques pour la période choisie</li><li> et l'affichage des données collectées en évaluant le sous-modèle choisi.</li></ol>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#REM</span><span class="br0">&#41;</span><span style="color: #808080; font-style: italic;"></span><span class="br0">&#93;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#ENV</span><span style="color: #74B900;"><span class="br0">&#123;</span>code<span class="br0">&#125;</span></span><span style="color: #E1861A;">|rainette_croaaaaa_conditions</span><span style="color: #74B900;"><span class="br0">&#123;</span><span style="color: #CA5200;">#ENV</span><span class="br0">&#123;</span>sous_modele,conditions_tempsreel<span class="br0">&#125;</span><span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/66c1017e1ee5c7558f5c55d0960e1984.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>Il n'y a donc pas d'intérêt à modifier ces modèles sauf si l'on désire changer le contexte d'évaluation des sous-modèles (cad, la liste des informations météorologiques transmise au sous-modèle). Dans ce cas, il faudra créer un nouveau filtre et un nouveau modèle pour Rainette.</p> <p><strong>Les sous-modèles</strong></p> <dl class='spip_document_21 spip_documents spip_documents_right' style='float:right;width:120px;'>
<dt><a href="http://plugins.spip.net/IMG/pdf/rainette_filtres_env.pdf" title='PDF - 105.6 ko' type="application/pdf"><img src='http://plugins.spip.net/local/cache-vignettes/L52xH52/pdf-eb697.png' width='52' height='52' alt='PDF - 105.6 ko' style='height:52px;width:52px;' /></a></dt>
<dt class='spip_doc_titre' style='width:120px;'><strong>Description des filtres et environnements des sous-modèles</strong></dt>
</dl>
<p>Toutefois, l'affichage étant entièrement géré par les sous-modèles, les personnalisations les plus fréquentes passeront par la surcharge ou la création de sous-modèles à l'instar de previsions_conditions, previsions_<span class="numbers">24</span>h, previsions_<span class="numbers">2</span>x<span class="numbers">12</span>h et infos_ville. Ces sous-modèles gèrent l'affichage des unités, des libellés et icônes, mais aussi le fonctionnement jour/nuit.
Pour créer de nouveaux modèles, il est donc nécessaire de connaître l'environnement exact des données passé au sous-modèle (#<span class="caps">ENV</span>) et les filtres nécessaires pour présenter les informations (par exemple, les unités).</p> <p><strong>Les icônes de temps</strong></p> <p>Par défaut, Rainette utilise les icônes de temps du pack Sticker provenant du site liquidweather.net. Ces icônes sont stockés dans le répertoire img_meteo/petit/ ou img_meteo/grand/ suivant leur taille, et se nomment nn.png, où nn correspond à un numéro entre <span class="numbers">0</span> et <span class="numbers">47</span> ou à na. Les grands icônes sont utilisés dans les conditions et prévisions d'une journée tandis que les petits icônes sont utilisés dans les prévisions à plusieurs jours.</p> <p>Il est possible de personnaliser les icônes en stockant un autre jeu d'icônes dans le sous-dossier _RAINETTE_ICONES_PATH d'un squelette ou d'un plugin. Les filtres d'image de <span class="caps">SPIP</span> sont applicables (image_reduire() en particulier).</p> <p>Vous pouvez trouver de multiples jeux d'icônes en <span class="numbers">32</span>×<span class="numbers">32</span> (petit) et en <span class="numbers">110</span>×<span class="numbers">110</span> (grand) sur le site <a href='http://liquidweather.net/icons.php' class='spip_out' rel='external'>Liquid Weather ++</a> ou créer vous même de nouveaux icônes.</p> <p><strong>Les items de langue</strong></p> <p>Les libellés des statuts météorolgiques, les unités, les libellés de tendance de pression, les directions du vent… sont tous des items de langue. Il est donc possible de surcharger ces libellés par des libellés personnalisés.</p> <h3 class="spip">Recherche des codes météo standard</h3>
<p>Rainette ne propose pas d'interface pour la détermination de ces codes. Cependant il est très facile de trouver un code en faisant une interrogation au site weather.com® avec une <span class="caps">URL</span> du type :</p> <div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style="">http://xoap.weather.com/search/search?where=paris</div></li>
</ol></div></div></div>
<p>On obtient le flux xml suivant :</p> <div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><?xml version="<span style="">1.0</span>" encoding="ISO-<span style="">8859</span>-<span style="">1</span>"?></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #808080; font-style: italic;"></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><search ver="<span style="">2.0</span>"></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <loc id="USIN0471" type="<span style="">1</span>">New Paris, IN</loc></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <loc id="USOH0676" type="<span style="">1</span>">New Paris, OH</loc></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <loc id="USPA1171" type="<span style="">1</span>">New Paris, PA</loc></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <loc id="USAR0433" type="<span style="">1</span>">Paris, AR</loc></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <loc id="USID0192" type="<span style="">1</span>">Paris, ID</loc></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <loc id="FRXX0076" type="<span style="">1</span>">Paris, France</loc></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <loc id="USIL0920" type="<span style="">1</span>">Paris, IL</loc></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <loc id="USKY1218" type="<span style="">1</span>">Paris, KY</loc></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <loc id="USME0309" type="<span style="">1</span>">Paris, ME</loc></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <loc id="USMI0655" type="<span style="">1</span>">Paris, MI</loc></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""></search></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/12ec4da1cd416d6658fdd70fec4c77f4.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>On sélectionne ensuite le Paris que l'on souhaite, par exemple, la capitale de la France, soit <span class="caps">FRXX<span class="numbers">0076</span></span>. Les autres villes sont localisées aux Etats-Unis ;-). On voit donc qu'en parsant le flux <span class="caps">XML</span> il est assez simple de renvoyer les informations dans un formulaire de sélection. Une noisette en perspective…</p></div>
		
		</content:encoded>

";s:4:"tags";a:2:{i:0;s:110:"<a href="http://plugins.spip.net/-informations-geographiques-" rel="directory">Informations géographiques</a>";i:1;s:98:"<a href='http://liquidweather.net/icons.php' class='spip_out' rel='external'>Liquid Weather ++</a>";}s:4:"icon";s:71:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton19-f80c6.png";}}s:53:"http://files.spip.org/spip-zone/spip-listes_1_9_3.zip";a:3:{i:0;s:17:"SPIP-listes";i:1;s:35:"http://plugins.spip.net/spip-listes";i:2;a:11:{s:3:"url";s:35:"http://plugins.spip.net/spip-listes";s:5:"titre";s:17:"SPIP-listes";s:4:"date";i:1220040449;s:10:"lesauteurs";s:13:"BoOz, paladin";s:10:"descriptif";s:820:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L50xH64/arton21-17191.jpg" width='50' height='64' style='height:64px;width:50px;' /></span>
		<p>Listes d'informations par email</p>
		
		
		<p><a href="http://www.spip-contrib.net/SPIP-Listes">Documentation</a></p>

<a href="http://plugins.spip.net/-email-listes-de-diffusion-" rel="directory">Email, listes de diffusion</a>

<subject><span class="caps">SPIP</span> <span class="numbers">1</span>.<span class="numbers">9</span>.<span class="numbers">2</span></subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span></subject>
		<subject>MySQL</subject>
		<subject>Français</subject>
		<subject>English</subject>
		<subject>Italiano</subject>
		<subject>Español</subject>
		<subject>Deutsch</subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L50xH64/arton21-17191.jpg" width='50' height='64' style='height:64px;width:50px;' /></span>
		<p>Listes d'informations par email</p>
		
		
		<p><a href="http://www.spip-contrib.net/SPIP-Listes">Documentation</a></p>

<a href="http://plugins.spip.net/-email-listes-de-diffusion-" rel="directory">Email, listes de diffusion</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L116xH150/arton21-603d4.jpg" width='116' height='150' style='height:150px;width:116px;' />
		<div class='rss_texte'><p>SPIP-listes permet la gestion et l'envoi de lettres d'information (newsletters) au moyen d'un courriel au format html ou texte. Il est possible d'envoyer des messages aux abonnés qui se sont formellement inscrits à une ou plusieurs lettres d'information via un formulaire d'inscription.</p> <p>SPIP-listes permet également d'envoyer régulièrement un email automatique, par exemple la liste des nouveautés publiées sur le site. Plus largement, vous pouvez programmer l'envoi régulier de toute sorte de données accessibles dans un squelette avec des boucles <span class="caps">SPIP</span>.</p> <p>SPIP-listes utilise les auteurs et les visiteurs comme base de contacts et propose une interface de gestion depuis l'admin spip.</p> <p><a href='http://zone.spip.org/trac/spip-zone/browser/_plugins_/_test_/spip-listes/' class='spip_out' rel='external'>Code</a></p> <p><a href='http://www.spip-contrib.net/SPIP-Listes' class='spip_out' rel='external'>Documentation</a></p></div>
		
		</content:encoded>

";s:4:"tags";a:3:{i:0;s:108:"<a href="http://plugins.spip.net/-email-listes-de-diffusion-" rel="directory">Email, listes de diffusion</a>";i:1;s:124:"<a href='http://zone.spip.org/trac/spip-zone/browser/_plugins_/_test_/spip-listes/' class='spip_out' rel='external'>Code</a>";i:2;s:103:"<a href='http://www.spip-contrib.net/SPIP-Listes' class='spip_out' rel='external'>Documentation</a>";}s:4:"icon";s:71:"http://plugins.spip.net/local/cache-vignettes/L50xH64/arton21-17191.jpg";}}s:54:"http://files.spip.org/spip-zone/Lecteur_multimedia.zip";a:3:{i:0;s:19:"Lecteur multimédia";i:1;s:42:"http://plugins.spip.net/Lecteur-multimedia";i:2;a:10:{s:3:"url";s:42:"http://plugins.spip.net/Lecteur-multimedia";s:5:"titre";s:19:"Lecteur multimédia";s:4:"date";i:1220035439;s:10:"lesauteurs";s:4:"BoOz";s:10:"descriptif";s:620:"<p>Jouer des sons, des vidéos et des <i>playlists</i> avec <span class="caps">SPIP</span></p>
		
		
		<p><a href="http://spip-zone.info">Documentation</a></p>

<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>

<span class="caps">SPIP</span> <span class="numbers">1</span>.<span class="numbers">9</span>.<span class="numbers">2</span>, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span>, 
Pas d'accès <span class="caps">SQL</span>, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>";s:7:"content";s:10339:"<div class='rss_texte'><h3 class="spip">Le plugin « lecteur multimedia »</h3>
<p>Le plugin « lecteur multimedia » permet la lecture et l'affichage de<strong> sons</strong> ou de <strong>vidéos</strong>.</p> <p>Le plugin transforme les raccourcis des documents ajoutés dans le texte <code class='spip_code' dir='ltr'><docX|player></code> et affiche des lecteurs flash adaptés aux formats .<span class="caps">MP<span class="numbers">3</span></span> et .<span class="caps">FLV</span> (respectivement sons et vidéos).</p> <p><strong><code class='spip_code' dir='ltr'><docX|player></code> dans le texte d'un article <span class="caps">SPIP</span></strong></p> <h3 class="spip">Audio</h3>
<p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> Ajouter un lecteur en écrivant <code class='spip_code' dir='ltr'><docX|player></code> ou bien <code class='spip_code' dir='ltr'><docXX|player|player=dewplayer></code> ou encore <code class='spip_code' dir='ltr'>[->http://www.monsite.net/fichier.mp3]</code>dans le texte d'un article <span class="caps">SPIP</span>.</p> <p><a href='http://spip-zone.info/spip.php?article18' class='spip_out' rel='external'>Voir une démo</a></p> <p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> Dans un squelette le plugin agit également (en javascript) sur les liens <code class='spip_code' dir='ltr'>class="enclosure"</code>.</p> <div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><a rel="enclosure" href="http://site.net/fichier.mp3"></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">mon fichier</div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""></a></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/6bb03f315603cc435cb62d528a089e66.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p><a href='http://spip-zone.info/spip.php?article18' class='spip_out' rel='external'>Voir une démo</a></p> <p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> <strong>Affichage d'un player mp<span class="numbers">3</span> dans un squelette <span class="caps">SPIP</span></strong></p> <div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #222;"><BOUCLE_ziq<span style="color: #527EE0;"><span class="br0">&#40;</span>DOCUMENTS<span class="br0">&#41;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_document<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>mode=document<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>extension=mp3<span class="br0">&#125;</span></span></span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#MODELE</span><span style="color: #74B900;"><span class="br0">&#123;</span>doc_player<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>player=neoplayer<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_document=<span style="color: #CA5200;">#ID_DOCUMENT</span><span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"></BOUCLE_ziq</span><span style="color: #222;">></span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/759d6693ac7af27017d4de26e587835e.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>On peut choisir son player flash favori sur la page de configuration du plugin. [<a href='#nb1' class='spip_note' rel='footnote' title='Le lecteur audio par défaut est le lecteur de Neolao, mais le plugin propose (...)' id='nh1'>1</a>]</p> <p><a href='http://spip-zone.info/spip.php?article18' class='spip_out' rel='external'>Voir une démo</a></p> <p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> <strong>Afficher une playliste audio dans un squelette <span class="caps">SPIP</span> avec un <i>modèle</i> . </strong></p> <p>Pour afficher la playliste des mp<span class="numbers">3</span> d'un article, ou bien des derniers mp<span class="numbers">3</span> enregistrés : utiliser le modèle <i>playliste</i> dans le texte d'un article :
<code class='spip_code' dir='ltr'><playliste|id_article></code>
<code class='spip_code' dir='ltr'><playliste|id_article=XX></code> <code class='spip_code' dir='ltr'><playliste|site></code>.</p> <p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> Appel dans un squelette (pour une playliste spécifique au document d'un article) :</p> <div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#MODELE</span><span style="color: #74B900;"><span class="br0">&#123;</span>playliste<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_article=XX<span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
</ol></div></div></div>
<p>La playlist est un fait un simple modèle <span class="caps">SPIP</span> en <span class="caps">HTML</span>/CSS</p> <p><a href='http://spip-zone.info/?page=playerblogo' class='spip_out' rel='external'>Voir une démo de modèle de playlist personalisé</a></p> <p>Il est possible de créer sa propre adaptation de la playlist en créent ses propres <i>modèles</i> <span class="caps">SPIP</span>.</p> <h3 class="spip">Vidéo</h3>
<p>Avec le <a href='http://flv-player.net/' class='spip_out' rel='external'>http://flv-player.net/</a> de Néolao.</p> <p>Le raccourci <code class='spip_code' dir='ltr'><doc184|player|center></code> affiche la vidéo du document joint d'extention <i>.flv</i>, (video au format <strong>flv</strong> + legende, , titre, vignette personnalisée). [<a href='#nb2' class='spip_note' rel='footnote' title='Note : Parfois, les documents distants au format .flv sont reconnus par (...)' id='nh2'>2</a>]</p> <p><a href='http://videos.spip.org/spip.php?article25' class='spip_out' rel='external'>Voir une démo</a></p> <p>La playliste vidéo est également disponible.</p> <p>Dans un article</p> <p><code class='spip_code' dir='ltr'><playliste|video|id_article=18></code></p> <p>Dans un squelette :</p> <div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #CA5200;">#MODELE</span><span style="color: #74B900;"><span class="br0">&#123;</span>playliste_video<span class="br0">&#125;</span></span></div></li>
</ol></div></div></div>
<p><a href='http://spip-zone.info/?page=neo' class='spip_out' rel='external'>Voir une démo</a></p> <p>Le <a href='http://zone.spip.org/trac/spip-zone/browser/_plugins_/_test_/Lecteur_multimedia' class='spip_out' rel='external'>code source du plugin <i>Lecteur multimedia</i></a> est disponible sur spip-zone</p> <h3 class="spip">Télécharger <a href='http://zone.spip.org/files/spip-zone/Lecteur_multimedia.zip' class='spip_out' rel='external'>le plugin Lecteur_multimedia</a> </h3>
<p>Une fois que vous avez décompressé le fichier, renommez le repertoire "Lecteur_multimedia", puis placez le dans le répertoire <i>/plugins</i> à la racine du <span class="caps">SPIP</span>, et activez le plugin dans l'espace privé.</p></div>
		<hr />
		<div class='rss_notes'><p><span class='ouvre_note'>[<a href='#nh1' id='nb1' class='spip_note' title='Notes 1' rev='footnote'>1</a>]</span> Le lecteur audio par défaut est le lecteur de <a href='http://resources.neolao.com/flash/components' class='spip_out' rel='external'>Neolao</a>, mais le plugin propose également de choisir un lecteur audio alternatif parmi Dewplayer, one pixel out player (celui qui se déplie) et eraplayer.</p> <p>éventuellement, il peut être utile d'afficher plusieurs lecteurs</p> <div style='text-align: left;' class='spip_code' dir='ltr'><code><docXX|player|player=pixplayer><br /> <docXX|player|player=neoplayer><br /> <docXX|player|player=dewplayer><br /> <docXX|player|player=eraplayer></code></div>
<p><span class='ouvre_note'>[<a href='#nh2' id='nb2' class='spip_note' title='Notes 2' rev='footnote'>2</a>]</span>Note : Parfois, les documents distants au format .flv sont reconnus par spip en tant que fichier texte, vous saurez ici <a href='http://www.guiderdoni.net/FLV-et-MP3-distants-non-reconnus.html' class='spip_out' rel='external'>pourquoi, et quoi faire</a></p> <p><a href='http://www.paris-beyrouth.org/Un-video-suedoise-dans-vos' class='spip_out' rel='external'>Comme l'explique Arno*</a>, il est également possible d'ajouter une video format .swf (comme sur utube par exemple) , avec l'habituel <code class='spip_code' dir='ltr'><embX></code> en précisant la largeur et la hauteur du document (<span class="numbers">425</span> et <span class="numbers">350</span> ici).</p> <p><code class='spip_code' dir='ltr'><embX></code> fonctionne également avec des videos au format m<span class="numbers">4</span>v, .mov, .avi, mpeg, wmv, etc</p></div>";s:4:"lang";s:2:"fr";s:10:"enclosures";s:145:"<a rel="enclosure" href="http://files.spip.org/spip-zone/Lecteur_multimedia.zip" type="application/zip" title="227036">Lecteur_multimedia.zip</a>";s:4:"item";s:11898:"
		<title>Lecteur multimédia</title>
		<link>http://plugins.spip.net/Lecteur-multimedia</link>
		<guid isPermaLink="true">http://plugins.spip.net/Lecteur-multimedia</guid>
		<date>2008-08-29T18:43:59Z</date>
		<format>text/html</format>
		<language>fr</language>
		<creator>BoOz</creator>

<description>
		<p>Jouer des sons, des vidéos et des <i>playlists</i> avec <span class="caps">SPIP</span></p>
		
		
		<p><a href="http://spip-zone.info">Documentation</a></p>

<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>

</description>

<content:encoded><div class='rss_texte'><h3 class="spip">Le plugin « lecteur multimedia »</h3>
<p>Le plugin « lecteur multimedia » permet la lecture et l'affichage de<strong> sons</strong> ou de <strong>vidéos</strong>.</p> <p>Le plugin transforme les raccourcis des documents ajoutés dans le texte <code class='spip_code' dir='ltr'><docX|player></code> et affiche des lecteurs flash adaptés aux formats .<span class="caps">MP<span class="numbers">3</span></span> et .<span class="caps">FLV</span> (respectivement sons et vidéos).</p> <p><strong><code class='spip_code' dir='ltr'><docX|player></code> dans le texte d'un article <span class="caps">SPIP</span></strong></p> <h3 class="spip">Audio</h3>
<p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> Ajouter un lecteur en écrivant <code class='spip_code' dir='ltr'><docX|player></code> ou bien <code class='spip_code' dir='ltr'><docXX|player|player=dewplayer></code> ou encore <code class='spip_code' dir='ltr'>[->http://www.monsite.net/fichier.mp3]</code>dans le texte d'un article <span class="caps">SPIP</span>.</p> <p><a href='http://spip-zone.info/spip.php?article18' class='spip_out' rel='external'>Voir une démo</a></p> <p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> Dans un squelette le plugin agit également (en javascript) sur les liens <code class='spip_code' dir='ltr'>class="enclosure"</code>.</p> <div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><a rel="enclosure" href="http://site.net/fichier.mp3"></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">mon fichier</div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""></a></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/6bb03f315603cc435cb62d528a089e66.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p><a href='http://spip-zone.info/spip.php?article18' class='spip_out' rel='external'>Voir une démo</a></p> <p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> <strong>Affichage d'un player mp<span class="numbers">3</span> dans un squelette <span class="caps">SPIP</span></strong></p> <div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #222;"><BOUCLE_ziq<span style="color: #527EE0;"><span class="br0">&#40;</span>DOCUMENTS<span class="br0">&#41;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_document<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>mode=document<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>extension=mp3<span class="br0">&#125;</span></span></span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#MODELE</span><span style="color: #74B900;"><span class="br0">&#123;</span>doc_player<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>player=neoplayer<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_document=<span style="color: #CA5200;">#ID_DOCUMENT</span><span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"></BOUCLE_ziq</span><span style="color: #222;">></span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/759d6693ac7af27017d4de26e587835e.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>On peut choisir son player flash favori sur la page de configuration du plugin. [<a href='#nb1' class='spip_note' rel='footnote' title='Le lecteur audio par défaut est le lecteur de Neolao, mais le plugin propose (...)' id='nh1'>1</a>]</p> <p><a href='http://spip-zone.info/spip.php?article18' class='spip_out' rel='external'>Voir une démo</a></p> <p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> <strong>Afficher une playliste audio dans un squelette <span class="caps">SPIP</span> avec un <i>modèle</i> . </strong></p> <p>Pour afficher la playliste des mp<span class="numbers">3</span> d'un article, ou bien des derniers mp<span class="numbers">3</span> enregistrés : utiliser le modèle <i>playliste</i> dans le texte d'un article :
<code class='spip_code' dir='ltr'><playliste|id_article></code>
<code class='spip_code' dir='ltr'><playliste|id_article=XX></code> <code class='spip_code' dir='ltr'><playliste|site></code>.</p> <p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> Appel dans un squelette (pour une playliste spécifique au document d'un article) :</p> <div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#MODELE</span><span style="color: #74B900;"><span class="br0">&#123;</span>playliste<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_article=XX<span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
</ol></div></div></div>
<p>La playlist est un fait un simple modèle <span class="caps">SPIP</span> en <span class="caps">HTML</span>/CSS</p> <p><a href='http://spip-zone.info/?page=playerblogo' class='spip_out' rel='external'>Voir une démo de modèle de playlist personalisé</a></p> <p>Il est possible de créer sa propre adaptation de la playlist en créent ses propres <i>modèles</i> <span class="caps">SPIP</span>.</p> <h3 class="spip">Vidéo</h3>
<p>Avec le <a href='http://flv-player.net/' class='spip_out' rel='external'>http://flv-player.net/</a> de Néolao.</p> <p>Le raccourci <code class='spip_code' dir='ltr'><doc184|player|center></code> affiche la vidéo du document joint d'extention <i>.flv</i>, (video au format <strong>flv</strong> + legende, , titre, vignette personnalisée). [<a href='#nb2' class='spip_note' rel='footnote' title='Note : Parfois, les documents distants au format .flv sont reconnus par (...)' id='nh2'>2</a>]</p> <p><a href='http://videos.spip.org/spip.php?article25' class='spip_out' rel='external'>Voir une démo</a></p> <p>La playliste vidéo est également disponible.</p> <p>Dans un article</p> <p><code class='spip_code' dir='ltr'><playliste|video|id_article=18></code></p> <p>Dans un squelette :</p> <div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #CA5200;">#MODELE</span><span style="color: #74B900;"><span class="br0">&#123;</span>playliste_video<span class="br0">&#125;</span></span></div></li>
</ol></div></div></div>
<p><a href='http://spip-zone.info/?page=neo' class='spip_out' rel='external'>Voir une démo</a></p> <p>Le <a href='http://zone.spip.org/trac/spip-zone/browser/_plugins_/_test_/Lecteur_multimedia' class='spip_out' rel='external'>code source du plugin <i>Lecteur multimedia</i></a> est disponible sur spip-zone</p> <h3 class="spip">Télécharger <a href='http://zone.spip.org/files/spip-zone/Lecteur_multimedia.zip' class='spip_out' rel='external'>le plugin Lecteur_multimedia</a> </h3>
<p>Une fois que vous avez décompressé le fichier, renommez le repertoire "Lecteur_multimedia", puis placez le dans le répertoire <i>/plugins</i> à la racine du <span class="caps">SPIP</span>, et activez le plugin dans l'espace privé.</p></div>
		<hr />
		<div class='rss_notes'><p><span class='ouvre_note'>[<a href='#nh1' id='nb1' class='spip_note' title='Notes 1' rev='footnote'>1</a>]</span> Le lecteur audio par défaut est le lecteur de <a href='http://resources.neolao.com/flash/components' class='spip_out' rel='external'>Neolao</a>, mais le plugin propose également de choisir un lecteur audio alternatif parmi Dewplayer, one pixel out player (celui qui se déplie) et eraplayer.</p> <p>éventuellement, il peut être utile d'afficher plusieurs lecteurs</p> <div style='text-align: left;' class='spip_code' dir='ltr'><code><docXX|player|player=pixplayer><br /> <docXX|player|player=neoplayer><br /> <docXX|player|player=dewplayer><br /> <docXX|player|player=eraplayer></code></div>
<p><span class='ouvre_note'>[<a href='#nh2' id='nb2' class='spip_note' title='Notes 2' rev='footnote'>2</a>]</span>Note : Parfois, les documents distants au format .flv sont reconnus par spip en tant que fichier texte, vous saurez ici <a href='http://www.guiderdoni.net/FLV-et-MP3-distants-non-reconnus.html' class='spip_out' rel='external'>pourquoi, et quoi faire</a></p> <p><a href='http://www.paris-beyrouth.org/Un-video-suedoise-dans-vos' class='spip_out' rel='external'>Comme l'explique Arno*</a>, il est également possible d'ajouter une video format .swf (comme sur utube par exemple) , avec l'habituel <code class='spip_code' dir='ltr'><embX></code> en précisant la largeur et la hauteur du document (<span class="numbers">425</span> et <span class="numbers">350</span> ici).</p> <p><code class='spip_code' dir='ltr'><embX></code> fonctionne également avec des videos au format m<span class="numbers">4</span>v, .mov, .avi, mpeg, wmv, etc</p></div>
		
		</content:encoded>

";s:4:"tags";a:16:{i:0;s:98:"<a href="http://plugins.spip.net/-Affichage-multimedia-" rel="directory">Affichage multimédia</a>";i:1;s:101:"<a href='http://spip-zone.info/spip.php?article18' class='spip_out' rel='external'>Voir une démo</a>";i:2;s:227:"<a rel="enclosure" href="http://site.net/fichier.mp3"></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">mon fichier</div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""></a>";i:3;s:101:"<a href='http://spip-zone.info/spip.php?article18' class='spip_out' rel='external'>Voir une démo</a>";i:4;s:154:"<a href='#nb1' class='spip_note' rel='footnote' title='Le lecteur audio par défaut est le lecteur de Neolao, mais le plugin propose (...)' id='nh1'>1</a>";i:5;s:101:"<a href='http://spip-zone.info/spip.php?article18' class='spip_out' rel='external'>Voir une démo</a>";i:6;s:136:"<a href='http://spip-zone.info/?page=playerblogo' class='spip_out' rel='external'>Voir une démo de modèle de playlist personalisé</a>";i:7;s:91:"<a href='http://flv-player.net/' class='spip_out' rel='external'>http://flv-player.net/</a>";i:8;s:152:"<a href='#nb2' class='spip_note' rel='footnote' title='Note : Parfois, les documents distants au format .flv sont reconnus par (...)' id='nh2'>2</a>";i:9;s:102:"<a href='http://videos.spip.org/spip.php?article25' class='spip_out' rel='external'>Voir une démo</a>";i:10;s:92:"<a href='http://spip-zone.info/?page=neo' class='spip_out' rel='external'>Voir une démo</a>";i:11;s:173:"<a href='http://zone.spip.org/trac/spip-zone/browser/_plugins_/_test_/Lecteur_multimedia' class='spip_out' rel='external'>code source du plugin <i>Lecteur multimedia</i></a>";i:12;s:137:"<a href='http://zone.spip.org/files/spip-zone/Lecteur_multimedia.zip' class='spip_out' rel='external'>le plugin Lecteur_multimedia</a>";i:13;s:97:"<a href='http://resources.neolao.com/flash/components' class='spip_out' rel='external'>Neolao</a>";i:14;s:133:"<a href='http://www.guiderdoni.net/FLV-et-MP3-distants-non-reconnus.html' class='spip_out' rel='external'>pourquoi, et quoi faire</a>";i:15;s:125:"<a href='http://www.paris-beyrouth.org/Un-video-suedoise-dans-vos' class='spip_out' rel='external'>Comme l'explique Arno*</a>";}}}s:50:"http://files.spip.org/spip-zone/table_matieres.zip";a:3:{i:0;s:19:"Table des Matières";i:1;s:42:"http://plugins.spip.net/table-des-matieres";i:2;a:10:{s:3:"url";s:42:"http://plugins.spip.net/table-des-matieres";s:5:"titre";s:19:"Table des Matières";s:4:"date";i:1218264979;s:10:"lesauteurs";s:5:"James";s:10:"descriptif";s:900:"<p>Introduit une ancre translitterée pour chaque intertitre du champ #<span class="caps">TEXTE</span> des <span class="caps">ARTICLES</span>, ainsi qu'une balise #<span class="caps">TABLE_MATIERES</span> (facultative) associée à placer, bien sûr, dans une boucle <span class="caps">ARTICLES</span>.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Table-des-Matieres">Documentation</a></p>

<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>

<description>
		<p>Introduit une ancre translitterée pour chaque intertitre du champ #<span class="caps">TEXTE</span> des <span class="caps">ARTICLES</span>, ainsi qu'une balise #<span class="caps">TABLE_MATIERES</span> (facultative) associée à placer, bien sûr, dans une boucle <span class="caps">ARTICLES</span>.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Table-des-Matieres">Documentation</a></p>

<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>

</description>

<content:encoded>
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:105:"<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>";}}}s:56:"http://files.spip.org/spip-zone/selection_d_articles.zip";a:3:{i:0;s:21:"Sélection d'articles";i:1;s:44:"http://plugins.spip.net/selection-d-articles";i:2;a:10:{s:3:"url";s:44:"http://plugins.spip.net/selection-d-articles";s:5:"titre";s:21:"Sélection d'articles";s:4:"date";i:1217852502;s:10:"lesauteurs";s:5:"ARNO*";s:10:"descriptif";s:745:"<p>Le plugin « Sélection d'articles » permet de créer des sélections d'articles dans les rubriques. Il ne doit être utilisé que ponctuellement, pour réaliser par exemple des pages de Une (là où, auparavant, on utilisait des mots-clés du type Une<span class="numbers">1</span>, Une<span class="numbers">2</span>…).</p>

<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>

<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span>, 
MySQL, 
SQLite <span class="numbers">3</span>, 
Français, 
Fonctions génériques, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>";s:7:"content";s:6456:"<div class='rss_texte'><p>C'est un besoin que je rencontre sur à peu près tous les sites sur lesquels j'interviens : contrairement à la méthode « tout automatique » que privilégie <span class="caps">SPIP</span> pour réaliser les pages de « Une », le webmestre veut pouvoir contrôler <i>à la main</i> la sélection d'articles qui apparaît sur sa page d'accueil, et parfois dans des rubriques spécifiques.</p> <p>Il s'agit donc de pouvoir réaliser une page de « Une », en sélectionnant et classant manuellement les articles qui sont mis en vedette. Il y a deux techniques pour réaliser une telle sélection :</p> <ul class="spip"><li> créer des articles virtuels, classés par leur numéro de titre, éventuellement en créant des « fausses » rubriques pour cela (une rubrique « #Une » contenant des articles virtuels, rubrique qui n'apparaît pas telle quelle dans la navigation du site, mais dont on va chercher la liste d'articles pour fabriquer la Une) ; c'est la solution que je privilégie habituellement, mais elle est assez lourde, notamment parce qu'il faut réinstaller des logos pour les articles virtuels) ;</li><li> utiliser des mots-clés techniques, intitulés « Une<span class="numbers">1</span> », « Une<span class="numbers">2</span> », « Une<span class="numbers">3</span> »… c'est une solution que, personnellement, je déconseille vivement : d'abord parce qu'il faut à tout prix éviter d'utiliser les mots-clés pour des besoins techniques (ça tourne <i>toujours</i> à l'usine à gaz), surtout parce que c'est d'une lourdeur épouvantable (pour remplacer le premier article de Une, il faut attribuer « Une<span class="numbers">1</span> » à un nouvel article, et changer le mot-clé « Une<span class="numbers">1</span> » de l'ancien article en « Une<span class="numbers">2</span> », et ainsi de suite…, par ailleurs il faut multiplier les mots-clés si on veut réaliser plusieurs pages de Une).</li></ul>
<p>Bref, je n'ai jamais trouvé de solution réellement satisfaisante pour répondre à ce besoin.</p> <p>Le plugin « Sélection d'articles » est conçu exactement pour cela.</p> <p>Une fois activé, il ne nécessite aucune configuration ; il ajoute un pavé « Sélection d'articles » dans toutes les pages de rubrique (<code class='spip_code' dir='ltr'>naviguer</code>), y compris pour la racine du site :</p> <p><span class='spip_document_2 spip_documents spip_documents_right' style='float:right; width:400px;'>
<img src='http://plugins.spip.net/local/cache-vignettes/L400xH334/selection_articles-2-79162.jpg' width='400' height='334' alt="" style='height:334px;width:400px;' /></span>Sur l'image ci-contre, j'ai déjà ajouté une sélection de <span class="numbers">6</span> articles.</p> <p>Pour ajouter un article à la sélection, il suffit d'indiquer le numéro d'un article dans la case « Sélectionner l'article numéro… ». Le liste se recharge en <span class="caps">AJAX</span>, et l'article apparaît. Pour les besoins de cette fonction, j'utilise une présentation beaucoup plus détaillée que les habituelles listes d'articles de l'espace privé : grand logo, surtitre, titre et soustitre de l'article.</p> <p>Notez qu'il est parfaitement possible de sélectionner des articles qui ne font pas partie de la branche des sous-rubriques de la rubrique en cours.</p> <p>Lorsque la liste comporte plusieurs articles, il est possible d'en modifier l'ordre en utilisant des petites flèches vertes (haut et bas). La petite croix rouge à droite de chaque article permet de supprimer un article de la liste.</p> <p>Il faut ensuite modifier vos squelettes pour afficher les éléments de la sélection d'une rubrique. La boucle est relativement simple ; sa particularité est d'utiliser un « jointure », d'où son code assez spécifique :</p> <div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #222;"><BOUCLE_principale<span style="color: #527EE0;"><span class="br0">&#40;</span>RUBRIQUES<span class="br0">&#41;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_rubrique<span class="br0">&#125;</span></span></span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><h1><span style="color: #CA5200;">#TITRE</span></h1></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #222;"><BOUCLE_selection<span style="color: #527EE0;"><span class="br0">&#40;</span>ARTICLES pb_selection<span class="br0">&#41;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>par ordre<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>spip_pb_selection.id_rubrique=<span style="color: #CA5200;">#ID_RUBRIQUE</span><span class="br0">&#125;</span></span></span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><div><span style="color: #CA5200;">#TITRE</span></div></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #222;"></BOUCLE_selection</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #222;"></BOUCLE_principale</span><span style="color: #222;">></span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/91d80dfab3145b2b446c78d7ab6d5503.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>Bien entendu, on pourra compléter avec des critères permettant de limiter le nombre d'affichages (afficher d'abord le premier article de Une d'une certaine façon, puis les autres avec une autre présentation), ainsi que des doublons.</p> <p>Il me semble important d'indiquer que cette méthode n'interdit absolument pas d'afficher à la fois la sélection d'articles « manuelle », puis des articles extraits selon des règles automatiques (les plus récents, les plus populaires…). Il suffit de bien gérer ses doublons.</p></div>";s:4:"lang";s:2:"fr";s:10:"enclosures";s:147:"<a rel="enclosure" href="http://files.spip.org/spip-zone/selection_d_articles.zip" type="application/zip" title="8267">selection_d_articles.zip</a>";s:4:"item";s:8099:"
		<title>Sélection d'articles</title>
		<link>http://plugins.spip.net/selection-d-articles</link>
		<guid isPermaLink="true">http://plugins.spip.net/selection-d-articles</guid>
		<date>2008-08-04T12:21:42Z</date>
		<format>text/html</format>
		<language>fr</language>
		<creator>ARNO*</creator>

<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span></subject>
		<subject>MySQL</subject>
		<subject>SQLite <span class="numbers">3</span></subject>
		<subject>Français</subject>
		<subject>Fonctions génériques</subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<description>
		<p>Le plugin « Sélection d'articles » permet de créer des sélections d'articles dans les rubriques. Il ne doit être utilisé que ponctuellement, pour réaliser par exemple des pages de Une (là où, auparavant, on utilisait des mots-clés du type Une<span class="numbers">1</span>, Une<span class="numbers">2</span>…).</p>

<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>

</description>

<content:encoded><div class='rss_texte'><p>C'est un besoin que je rencontre sur à peu près tous les sites sur lesquels j'interviens : contrairement à la méthode « tout automatique » que privilégie <span class="caps">SPIP</span> pour réaliser les pages de « Une », le webmestre veut pouvoir contrôler <i>à la main</i> la sélection d'articles qui apparaît sur sa page d'accueil, et parfois dans des rubriques spécifiques.</p> <p>Il s'agit donc de pouvoir réaliser une page de « Une », en sélectionnant et classant manuellement les articles qui sont mis en vedette. Il y a deux techniques pour réaliser une telle sélection :</p> <ul class="spip"><li> créer des articles virtuels, classés par leur numéro de titre, éventuellement en créant des « fausses » rubriques pour cela (une rubrique « #Une » contenant des articles virtuels, rubrique qui n'apparaît pas telle quelle dans la navigation du site, mais dont on va chercher la liste d'articles pour fabriquer la Une) ; c'est la solution que je privilégie habituellement, mais elle est assez lourde, notamment parce qu'il faut réinstaller des logos pour les articles virtuels) ;</li><li> utiliser des mots-clés techniques, intitulés « Une<span class="numbers">1</span> », « Une<span class="numbers">2</span> », « Une<span class="numbers">3</span> »… c'est une solution que, personnellement, je déconseille vivement : d'abord parce qu'il faut à tout prix éviter d'utiliser les mots-clés pour des besoins techniques (ça tourne <i>toujours</i> à l'usine à gaz), surtout parce que c'est d'une lourdeur épouvantable (pour remplacer le premier article de Une, il faut attribuer « Une<span class="numbers">1</span> » à un nouvel article, et changer le mot-clé « Une<span class="numbers">1</span> » de l'ancien article en « Une<span class="numbers">2</span> », et ainsi de suite…, par ailleurs il faut multiplier les mots-clés si on veut réaliser plusieurs pages de Une).</li></ul>
<p>Bref, je n'ai jamais trouvé de solution réellement satisfaisante pour répondre à ce besoin.</p> <p>Le plugin « Sélection d'articles » est conçu exactement pour cela.</p> <p>Une fois activé, il ne nécessite aucune configuration ; il ajoute un pavé « Sélection d'articles » dans toutes les pages de rubrique (<code class='spip_code' dir='ltr'>naviguer</code>), y compris pour la racine du site :</p> <p><span class='spip_document_2 spip_documents spip_documents_right' style='float:right; width:400px;'>
<img src='http://plugins.spip.net/local/cache-vignettes/L400xH334/selection_articles-2-79162.jpg' width='400' height='334' alt="" style='height:334px;width:400px;' /></span>Sur l'image ci-contre, j'ai déjà ajouté une sélection de <span class="numbers">6</span> articles.</p> <p>Pour ajouter un article à la sélection, il suffit d'indiquer le numéro d'un article dans la case « Sélectionner l'article numéro… ». Le liste se recharge en <span class="caps">AJAX</span>, et l'article apparaît. Pour les besoins de cette fonction, j'utilise une présentation beaucoup plus détaillée que les habituelles listes d'articles de l'espace privé : grand logo, surtitre, titre et soustitre de l'article.</p> <p>Notez qu'il est parfaitement possible de sélectionner des articles qui ne font pas partie de la branche des sous-rubriques de la rubrique en cours.</p> <p>Lorsque la liste comporte plusieurs articles, il est possible d'en modifier l'ordre en utilisant des petites flèches vertes (haut et bas). La petite croix rouge à droite de chaque article permet de supprimer un article de la liste.</p> <p>Il faut ensuite modifier vos squelettes pour afficher les éléments de la sélection d'une rubrique. La boucle est relativement simple ; sa particularité est d'utiliser un « jointure », d'où son code assez spécifique :</p> <div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #222;"><BOUCLE_principale<span style="color: #527EE0;"><span class="br0">&#40;</span>RUBRIQUES<span class="br0">&#41;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_rubrique<span class="br0">&#125;</span></span></span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><h1><span style="color: #CA5200;">#TITRE</span></h1></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #222;"><BOUCLE_selection<span style="color: #527EE0;"><span class="br0">&#40;</span>ARTICLES pb_selection<span class="br0">&#41;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>par ordre<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>spip_pb_selection.id_rubrique=<span style="color: #CA5200;">#ID_RUBRIQUE</span><span class="br0">&#125;</span></span></span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><div><span style="color: #CA5200;">#TITRE</span></div></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #222;"></BOUCLE_selection</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #222;"></BOUCLE_principale</span><span style="color: #222;">></span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/91d80dfab3145b2b446c78d7ab6d5503.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>Bien entendu, on pourra compléter avec des critères permettant de limiter le nombre d'affichages (afficher d'abord le premier article de Une d'une certaine façon, puis les autres avec une autre présentation), ainsi que des doublons.</p> <p>Il me semble important d'indiquer que cette méthode n'interdit absolument pas d'afficher à la fois la sélection d'articles « manuelle », puis des articles extraits selon des règles automatiques (les plus récents, les plus populaires…). Il suffit de bien gérer ses doublons.</p></div>
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:105:"<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>";}}}s:44:"http://files.spip.org/spip-zone/autorite.zip";a:3:{i:0;s:9:"Autorité";i:1;s:32:"http://plugins.spip.net/autorite";i:2;a:11:{s:3:"url";s:32:"http://plugins.spip.net/autorite";s:5:"titre";s:9:"Autorité";s:4:"date";i:1217785723;s:10:"lesauteurs";s:10:"Fil, James";s:10:"descriptif";s:873:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton12-a7542.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Autorité ajoute un certain nombre d'options de réglage, permettant d'affiner les autorisations de <span class="caps">SPIP</span>.</p>
		
		
		<p><a href="http://www.spip-contrib.net/-Autorite-">Documentation</a></p>

<a href="http://plugins.spip.net/-configuration-et-autorisations-" rel="directory">Configuration & autorisations</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton12-a7542.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Autorité ajoute un certain nombre d'options de réglage, permettant d'affiner les autorisations de <span class="caps">SPIP</span>.</p>
		
		
		<p><a href="http://www.spip-contrib.net/-Autorite-">Documentation</a></p>

<a href="http://plugins.spip.net/-configuration-et-autorisations-" rel="directory">Configuration & autorisations</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L128xH128/arton12-10920.png" width='128' height='128' style='height:128px;width:128px;' />
		<div class='rss_texte'><p>Autorité ajoute les réglages suivants à <span class="caps">SPIP</span> :</p> <p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> <strong>droits des auteurs</strong></p> <ul class="spip"><li> auteur modifie article</li><li> auteur modère forum</li><li> auteur modère pétition</li></ul>
<p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> <strong>droits des rédacteurs</strong></p> <ul class="spip"><li> rédacteur modifie email</li><li> rédacteurs modifie articles proposés</li><li> mots clés : qui peut créer et éditer les mots-clés</li><li> rédacteur voit stats</li></ul>
<p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> <strong>crayons :</strong> ces réglages ne peuvent fonctionner que si l'on utilise le plugin [Crayons-<span class="numbers">24</span>] et permettent de régler très finement les autorisations d'édition directement sur le site public.</p></div>
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:116:"<a href="http://plugins.spip.net/-configuration-et-autorisations-" rel="directory">Configuration & autorisations</a>";}s:4:"icon";s:71:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton12-a7542.png";}}s:39:"http://files.spip.org/spip-zone/cfg.zip";a:3:{i:0;s:3:"CFG";i:1;s:27:"http://plugins.spip.net/CFG";i:2;a:11:{s:3:"url";s:27:"http://plugins.spip.net/CFG";s:5:"titre";s:3:"CFG";s:4:"date";i:1217785710;s:10:"lesauteurs";s:26:"Matthieu Marcillaud, toggg";s:10:"descriptif";s:1004:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton11-77534.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Ce plugin permet de gérer très simplement des interfaces de configuration pour différents modules.</p> <p>Il est utilisé par de nombreux plugins, mais il peut aussi avoir d'autres usages comme le paramétrage de squelettes.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Config-CFG">Documentation</a></p>

<a href="http://plugins.spip.net/-configuration-et-autorisations-" rel="directory">Configuration & autorisations</a>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L64xH64/arton11-77534.png" width='64' height='64' style='height:64px;width:64px;' /></span>
		<p>Ce plugin permet de gérer très simplement des interfaces de configuration pour différents modules.</p> <p>Il est utilisé par de nombreux plugins, mais il peut aussi avoir d'autres usages comme le paramétrage de squelettes.</p>
		
		
		<p><a href="http://www.spip-contrib.net/Config-CFG">Documentation</a></p>

<a href="http://plugins.spip.net/-configuration-et-autorisations-" rel="directory">Configuration & autorisations</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L128xH128/arton11-36181.png" width='128' height='128' style='height:128px;width:128px;' />
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:116:"<a href="http://plugins.spip.net/-configuration-et-autorisations-" rel="directory">Configuration & autorisations</a>";}s:4:"icon";s:71:"http://plugins.spip.net/local/cache-vignettes/L64xH64/arton11-77534.png";}}s:52:"http://files.spip.org/spip-zone/couleur_rubrique.zip";a:3:{i:0;s:19:"Couleur de rubrique";i:1;s:43:"http://plugins.spip.net/Couleur-de-rubrique";i:2;a:11:{s:3:"url";s:43:"http://plugins.spip.net/Couleur-de-rubrique";s:5:"titre";s:19:"Couleur de rubrique";s:4:"date";i:1217785632;s:10:"lesauteurs";s:5:"ARNO*";s:10:"descriptif";s:711:"<span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L45xH64/arton10-45feb.jpg" width='45' height='64' style='height:64px;width:45px;' /></span>
		<p>Ce plugin permet de choisir une couleur pour chaque rubrique du site, au travers d'une roue chromatique accessible dans l'espace privé.</p>

<a href="http://plugins.spip.net/-graphisme-du-site-public-" rel="directory">Graphisme du site public</a>

<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span>, 
Pas d'accès <span class="caps">SQL</span>, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>";s:7:"content";s:16169:"http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L104xH150/arton10-d3024.jpg" width='104' height='150' style='height:150px;width:104px;' />
		<div class='rss_texte'><p>[<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span>] Ce plugin répond à un besoin extrêmement fréquent (en tout cas pour moi) de la manière la plus simple possible : il s'agit de pouvoir indiquer une couleur différente pour chaque rubrique (en général : pour les grands secteurs du site).</p> <p>Jusqu'à présent, je m'en sortais en ajoutant un champ <code class='spip_code' dir='ltr'>#EXTRA</code> aux rubriques : solution parfaitement fonctionnelle, mais pas très amusante au niveau de l'interface…</p> <h3 class="spip">Fonctionnement général</h3>
<div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_26 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_26').slideFadeToggle( function(){ $('.spip_document_26').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/couleur_1.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L450xH298/couleur_1-d73d4-42913.jpg' width='450' height='298' style='height:298px;width:450px;' /></a></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_26 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_26').slideFadeToggle( function(){ $('.spip_document_big_26').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/couleur_1.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH133/couleur_1-dc894-5cae8.jpg' width='200' height='133' style='height:133px;width:200px;' /></a></dt> </dl> </div>
<p>Une fois activé, ce plugin ne demande aucune configuration supplémentaire. Il ajoute simplement un pavé supplémentaire dans la colonne de gauche des pages des rubriques (<code class='spip_code' dir='ltr'>naviguer</code>) :</p> <p>La roue chromatique permet de sélectionner directement la couleur. La valeur hexadécimale de cette couleur apparaît alors dans une case juste en dessous.</p> <div class="spip_documents_deplier"> <dl class='spip_document_27 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><img src='http://plugins.spip.net/local/cache-vignettes/L200xH290/couleur_2-da5ef-fc758.jpg' width='200' height='290' style='height:290px;width:200px;' /></dt> </dl> </div>
<p>On peut modifier la couleur de deux façons :
<br />— visuellement, en cliquant et glissant dans la roue chromatique ; la valeur hexadécimale est immédiatement reportée dans le champ texte en dessous ;
<br />— en modifiant directement la valeur hexadécimale dans le champ texte (par exemple pour recopier une valeur récupérée depuis Photoshop ou The Gimp) ; la roue chromatique change immédiatement.</p> <p>Une fois la couleur correctement sélectionnée, il suffit de cliquer « Enregistrer ». (Cette fonction n'est pas <span class="caps">AJAX</span> : enregistrer provoque le rechargement de la page.)</p> <h3 class="spip">Utilisation dans les squelettes</h3>
<p>Pour récupérer la couleur d'une rubrique, il suffit d'indiquer dans le squelette :</p>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#ID_RUBRIQUE</span><span style="color: #E1861A;">|couleur_rubrique</span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
</ol></div></div></div>
<p>On peut utiliser, évidemment, cette fonction :
<br />— dans les feuilles de style, <br />— dans les filtres d'images (par exemple coloriser une image en gris <span class="numbers">50</span>% avec <code class='spip_code' dir='ltr'>image_sepia</code>) et d'images typographiques (fixer la couleur de l'image typo).</p> <p>Il faut bien noter que ce filtre retourne la valeur hexadécimale sans le dièse qui accompagne habituellement de telles valeurs. En effet, les filtres d'image, les filtres typo et les filtres de couleurs de <span class="caps">SPIP</span> fonctionnent sans le dièse.</p> <p>Si l'on veut utiliser cette fonction pour régler les <span class="caps">CSS</span>, il faut donc penser à ajouter le dièse. Ce qui donne par exemple :</p> <div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span>color: <span style="color: #CA5200;">#</span><span class="br0">&#40;</span><span style="color: #CA5200;">#ID_RUBRIQUE</span><span style="color: #E1861A;">|couleur_rubrique</span><span class="br0">&#41;</span>;<span class="br0">&#93;</span></div></li>
</ol></div></div></div>
<h3 class="spip">Rubrique sans couleur</h3>
<p>Par défaut, une rubrique n'a pas de couleur. Dans ce cas, le pavé de la roue chromatique apparaît plié. Quand une rubrique est dotée d'une couleur, le pavé apparaît déplié.</p> <p>Une fois qu'on a fixé une couleur à une rubrique, on peut la supprimer en cliquant, sous la roue chromatique, sur « Supprimer la couleur ».</p> <p>Si une rubrique n'a pas de couleur, le filtre <code class='spip_code' dir='ltr'>couleur_rubrique</code> ne retourne rien (chaîne vide). Cela permet d'utiliser toutes les subtilités habituelles des filtres <span class="caps">SPIP</span> : ajouter un filtre <code class='spip_code' dir='ltr'>|sinon</code> pour indiquer une couleur par défaut, ou jouer avec les éléments conditionnels des balises.</p> <p>L'intérêt de cette fonction est, évidemment, de ne pas avoir à fixer une couleur pour toutes les rubriques et sous-rubriques du site. Le cas typique consiste à fixer des couleurs pour les secteurs du site, les sous-rubriques héritant de la couleur du secteur dans lequel elles se trouvent.</p> <p>Ce plugin ne propose pas de fonction pour qu'une sous-rubrique « hérite » de la couleur d'une rubrique parente. Cependant, cela se réalise facilement avec une boucle :</p> <div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#SET</span><span style="color: #74B900;"><span class="br0">&#123;</span>couleur,<span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#VAL</span><span class="br0">&#123;</span><span style="">0</span><span class="br0">&#125;</span><span style="color: #E1861A;">|couleur_rubrique</span><span class="br0">&#41;</span><span class="br0">&#93;</span><span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #222;"><BOUCLE_principale<span style="color: #527EE0;"><span class="br0">&#40;</span>RUBRIQUES<span class="br0">&#41;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_rubrique<span class="br0">&#125;</span></span></span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"><BOUCLE_hier_couleur<span style="color: #527EE0;"><span class="br0">&#40;</span>HIERARCHIE<span class="br0">&#41;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_rubrique<span class="br0">&#125;</span></span></span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"><BOUCLE_couleur_rubrique<span style="color: #527EE0;"><span class="br0">&#40;</span>RUBRIQUES<span class="br0">&#41;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_rubrique<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>doublons gauche<span class="br0">&#125;</span></span></span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#SET</span><span style="color: #74B900;"><span class="br0">&#123;</span>couleur,<span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#ID_RUBRIQUE</span><span style="color: #E1861A;">|couleur_rubrique</span><span style="color: #E1861A;">|sinon</span><span class="br0">&#123;</span><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#GET</span><span class="br0">&#123;</span>couleur<span class="br0">&#125;</span><span class="br0">&#41;</span><span class="br0">&#93;</span><span class="br0">&#125;</span><span class="br0">&#41;</span><span class="br0">&#93;</span><span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"></BOUCLE_couleur_rubrique</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"></BOUCLE_hier_couleur</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#SET</span><span style="color: #74B900;"><span class="br0">&#123;</span>couleur,<span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#ID_RUBRIQUE</span><span style="color: #E1861A;">|couleur_rubrique</span><span style="color: #E1861A;">|sinon</span><span class="br0">&#123;</span><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#GET</span><span class="br0">&#123;</span>couleur<span class="br0">&#125;</span><span class="br0">&#41;</span><span class="br0">&#93;</span><span class="br0">&#125;</span><span class="br0">&#41;</span><span class="br0">&#93;</span><span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">Couleur: <span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#GET</span><span style="color: #74B900;"><span class="br0">&#123;</span>couleur<span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #222;"></BOUCLE_principale</span><span style="color: #222;">></span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/73090068fdcf13aeeb52a68f8f841a49.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>(Vraiment, j'adore les boucles de <span class="caps">SPIP</span> : il y a toujours des bidouilles sympathiques à trouver pour éviter de coder en <span class="caps">PHP</span>.)</p> <p>Note : en règle générale, lorsqu'on commence à jouer avec des couleurs, je recommande fortement d'utiliser les variables <span class="caps">SPIP</span> avec <code class='spip_code' dir='ltr'>#GET</code>, cela rend le code beaucoup plus facile à maintenir. C'est d'ailleurs ce que nous faisons pour les feuilles de style de la <code class='spip_code' dir='ltr'>dist</code>.</p> <h3 class="spip">Pourquoi une seule couleur ?</h3>
<p>J'ai déjà vu quelques outils pour choisir des couleurs dans <span class="caps">SPIP</span>, et tous permettent de sélectionner plusieurs couleurs. Autant dire que j'ai préféré prendre le contre-pied avec ce plugin : ici, on ne peut attribuer qu'une seule couleur à une rubrique.</p> <p>Pourquoi ?</p> <p>— D'abord parce que je suis un adepte forcené de la technologie <span class="caps">KISS</span>. C'est-à-dire : « <i>Keep it simple, stupid !</i> ». Je pense que plus une fonction est simple, plus elle sera utile. L'interface doit être <strong>évidente</strong>.</p> <p>— Parce que, dans tous les sites sur lesquels je suis intervenu, le besoin est de changer une seule couleur pour chaque rubrique. D'abord par besoin de cohérence : généralement la charte de couleur est globalement fixe, et une seule couleur change. Ensuite, si j'ai besoin de plus de couleurs, je les calcule automatiquement à partir de ma couleur de base.</p> <p>Exemple type : je souhaite écrire du texte dans un pavé dont le fond est la couleur. Inutile de régler la couleur du texte (contraste maximum) à la main, il suffit de faire :</p> <div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #00AA00;">&#91;</span><span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> #<span style="color: #00AA00;">&#40;</span><span style="color: #cc00cc;">#GET</span><span style="color: #00AA00;">&#123;</span>couleur<span style="color: #00AA00;">&#125;</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#93;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #00AA00;">&#91;</span><span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> #<span style="color: #00AA00;">&#40;</span><span style="color: #cc00cc;">#GET</span><span style="color: #00AA00;">&#123;</span>couleur<span style="color: #00AA00;">&#125;</span>|couleur_extreme|couleur_inverser<span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#93;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/14af0ca92321bddc7fb10ddf8acee2f6.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>Ainsi, si la couleur du fond est foncée, le texte apparaîtra en blanc ; si la couleur est claire, le texte apparaîtra en noir.</p> <h3 class="spip">Versions</h3>
<p><strong><span class="numbers">1</span>.<span class="numbers">5</span> :</strong> La fonction <code class='spip_code' dir='ltr'>pb_couleur_rubrique</code> devient <code class='spip_code' dir='ltr'>couleur_rubrique</code>. La roue chromatique est désormais présente à la racine du site, permettant de sélectionner la « couleur principale du site », que l'on récupère avec :</p>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#VAL</span><span style="color: #74B900;"><span class="br0">&#123;</span>0<span class="br0">&#125;</span></span><span style="color: #E1861A;">|couleur_rubrique</span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
</ol></div></div></div>
<p><strong><span class="numbers">1</span>.<span class="numbers">6</span> :</strong> L'extension jQuery Farbtastic devient une librairie, de façon à faciliter le partage avec d'autres plugins. Pour permettre l'installation automatique, penser à créer un dossier <code class='spip_code' dir='ltr'></lib</code> à la racine du site.</p></div>";s:4:"lang";s:2:"fr";s:10:"enclosures";s:140:"<a rel="enclosure" href="http://files.spip.org/spip-zone/couleur_rubrique.zip" type="application/zip" title="23953">couleur_rubrique.zip</a>";s:4:"item";s:17671:"
		<title>Couleur de rubrique</title>
		<link>http://plugins.spip.net/Couleur-de-rubrique</link>
		<guid isPermaLink="true">http://plugins.spip.net/Couleur-de-rubrique</guid>
		<date>2008-08-03T17:47:12Z</date>
		<format>text/html</format>
		<language>fr</language>
		<creator>ARNO*</creator>

<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span></subject>
		<subject>Pas d'accès <span class="caps">SQL</span></subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<description><span class='spip_documents_right'><img class='spip_logos' alt="" src="http://plugins.spip.net/local/cache-vignettes/L45xH64/arton10-45feb.jpg" width='45' height='64' style='height:64px;width:45px;' /></span>
		<p>Ce plugin permet de choisir une couleur pour chaque rubrique du site, au travers d'une roue chromatique accessible dans l'espace privé.</p>

<a href="http://plugins.spip.net/-graphisme-du-site-public-" rel="directory">Graphisme du site public</a>

</description>

<content:encoded>http://plugins.spip.net/<img class='spip_logos' alt="" align="right" src="http://plugins.spip.net/local/cache-vignettes/L104xH150/arton10-d3024.jpg" width='104' height='150' style='height:150px;width:104px;' />
		<div class='rss_texte'><p>[<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span>] Ce plugin répond à un besoin extrêmement fréquent (en tout cas pour moi) de la manière la plus simple possible : il s'agit de pouvoir indiquer une couleur différente pour chaque rubrique (en général : pour les grands secteurs du site).</p> <p>Jusqu'à présent, je m'en sortais en ajoutant un champ <code class='spip_code' dir='ltr'>#EXTRA</code> aux rubriques : solution parfaitement fonctionnelle, mais pas très amusante au niveau de l'interface…</p> <h3 class="spip">Fonctionnement général</h3>
<div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_26 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_26').slideFadeToggle( function(){ $('.spip_document_26').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/couleur_1.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L450xH298/couleur_1-d73d4-42913.jpg' width='450' height='298' style='height:298px;width:450px;' /></a></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_26 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_26').slideFadeToggle( function(){ $('.spip_document_big_26').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/couleur_1.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH133/couleur_1-dc894-5cae8.jpg' width='200' height='133' style='height:133px;width:200px;' /></a></dt> </dl> </div>
<p>Une fois activé, ce plugin ne demande aucune configuration supplémentaire. Il ajoute simplement un pavé supplémentaire dans la colonne de gauche des pages des rubriques (<code class='spip_code' dir='ltr'>naviguer</code>) :</p> <p>La roue chromatique permet de sélectionner directement la couleur. La valeur hexadécimale de cette couleur apparaît alors dans une case juste en dessous.</p> <div class="spip_documents_deplier"> <dl class='spip_document_27 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><img src='http://plugins.spip.net/local/cache-vignettes/L200xH290/couleur_2-da5ef-fc758.jpg' width='200' height='290' style='height:290px;width:200px;' /></dt> </dl> </div>
<p>On peut modifier la couleur de deux façons :
<br />— visuellement, en cliquant et glissant dans la roue chromatique ; la valeur hexadécimale est immédiatement reportée dans le champ texte en dessous ;
<br />— en modifiant directement la valeur hexadécimale dans le champ texte (par exemple pour recopier une valeur récupérée depuis Photoshop ou The Gimp) ; la roue chromatique change immédiatement.</p> <p>Une fois la couleur correctement sélectionnée, il suffit de cliquer « Enregistrer ». (Cette fonction n'est pas <span class="caps">AJAX</span> : enregistrer provoque le rechargement de la page.)</p> <h3 class="spip">Utilisation dans les squelettes</h3>
<p>Pour récupérer la couleur d'une rubrique, il suffit d'indiquer dans le squelette :</p>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#ID_RUBRIQUE</span><span style="color: #E1861A;">|couleur_rubrique</span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
</ol></div></div></div>
<p>On peut utiliser, évidemment, cette fonction :
<br />— dans les feuilles de style, <br />— dans les filtres d'images (par exemple coloriser une image en gris <span class="numbers">50</span>% avec <code class='spip_code' dir='ltr'>image_sepia</code>) et d'images typographiques (fixer la couleur de l'image typo).</p> <p>Il faut bien noter que ce filtre retourne la valeur hexadécimale sans le dièse qui accompagne habituellement de telles valeurs. En effet, les filtres d'image, les filtres typo et les filtres de couleurs de <span class="caps">SPIP</span> fonctionnent sans le dièse.</p> <p>Si l'on veut utiliser cette fonction pour régler les <span class="caps">CSS</span>, il faut donc penser à ajouter le dièse. Ce qui donne par exemple :</p> <div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span>color: <span style="color: #CA5200;">#</span><span class="br0">&#40;</span><span style="color: #CA5200;">#ID_RUBRIQUE</span><span style="color: #E1861A;">|couleur_rubrique</span><span class="br0">&#41;</span>;<span class="br0">&#93;</span></div></li>
</ol></div></div></div>
<h3 class="spip">Rubrique sans couleur</h3>
<p>Par défaut, une rubrique n'a pas de couleur. Dans ce cas, le pavé de la roue chromatique apparaît plié. Quand une rubrique est dotée d'une couleur, le pavé apparaît déplié.</p> <p>Une fois qu'on a fixé une couleur à une rubrique, on peut la supprimer en cliquant, sous la roue chromatique, sur « Supprimer la couleur ».</p> <p>Si une rubrique n'a pas de couleur, le filtre <code class='spip_code' dir='ltr'>couleur_rubrique</code> ne retourne rien (chaîne vide). Cela permet d'utiliser toutes les subtilités habituelles des filtres <span class="caps">SPIP</span> : ajouter un filtre <code class='spip_code' dir='ltr'>|sinon</code> pour indiquer une couleur par défaut, ou jouer avec les éléments conditionnels des balises.</p> <p>L'intérêt de cette fonction est, évidemment, de ne pas avoir à fixer une couleur pour toutes les rubriques et sous-rubriques du site. Le cas typique consiste à fixer des couleurs pour les secteurs du site, les sous-rubriques héritant de la couleur du secteur dans lequel elles se trouvent.</p> <p>Ce plugin ne propose pas de fonction pour qu'une sous-rubrique « hérite » de la couleur d'une rubrique parente. Cependant, cela se réalise facilement avec une boucle :</p> <div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#SET</span><span style="color: #74B900;"><span class="br0">&#123;</span>couleur,<span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#VAL</span><span class="br0">&#123;</span><span style="">0</span><span class="br0">&#125;</span><span style="color: #E1861A;">|couleur_rubrique</span><span class="br0">&#41;</span><span class="br0">&#93;</span><span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #222;"><BOUCLE_principale<span style="color: #527EE0;"><span class="br0">&#40;</span>RUBRIQUES<span class="br0">&#41;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_rubrique<span class="br0">&#125;</span></span></span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"><BOUCLE_hier_couleur<span style="color: #527EE0;"><span class="br0">&#40;</span>HIERARCHIE<span class="br0">&#41;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_rubrique<span class="br0">&#125;</span></span></span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"><BOUCLE_couleur_rubrique<span style="color: #527EE0;"><span class="br0">&#40;</span>RUBRIQUES<span class="br0">&#41;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_rubrique<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>doublons gauche<span class="br0">&#125;</span></span></span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#SET</span><span style="color: #74B900;"><span class="br0">&#123;</span>couleur,<span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#ID_RUBRIQUE</span><span style="color: #E1861A;">|couleur_rubrique</span><span style="color: #E1861A;">|sinon</span><span class="br0">&#123;</span><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#GET</span><span class="br0">&#123;</span>couleur<span class="br0">&#125;</span><span class="br0">&#41;</span><span class="br0">&#93;</span><span class="br0">&#125;</span><span class="br0">&#41;</span><span class="br0">&#93;</span><span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"></BOUCLE_couleur_rubrique</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"></BOUCLE_hier_couleur</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#SET</span><span style="color: #74B900;"><span class="br0">&#123;</span>couleur,<span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#ID_RUBRIQUE</span><span style="color: #E1861A;">|couleur_rubrique</span><span style="color: #E1861A;">|sinon</span><span class="br0">&#123;</span><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#GET</span><span class="br0">&#123;</span>couleur<span class="br0">&#125;</span><span class="br0">&#41;</span><span class="br0">&#93;</span><span class="br0">&#125;</span><span class="br0">&#41;</span><span class="br0">&#93;</span><span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">Couleur: <span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#GET</span><span style="color: #74B900;"><span class="br0">&#123;</span>couleur<span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #222;"></BOUCLE_principale</span><span style="color: #222;">></span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/73090068fdcf13aeeb52a68f8f841a49.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>(Vraiment, j'adore les boucles de <span class="caps">SPIP</span> : il y a toujours des bidouilles sympathiques à trouver pour éviter de coder en <span class="caps">PHP</span>.)</p> <p>Note : en règle générale, lorsqu'on commence à jouer avec des couleurs, je recommande fortement d'utiliser les variables <span class="caps">SPIP</span> avec <code class='spip_code' dir='ltr'>#GET</code>, cela rend le code beaucoup plus facile à maintenir. C'est d'ailleurs ce que nous faisons pour les feuilles de style de la <code class='spip_code' dir='ltr'>dist</code>.</p> <h3 class="spip">Pourquoi une seule couleur ?</h3>
<p>J'ai déjà vu quelques outils pour choisir des couleurs dans <span class="caps">SPIP</span>, et tous permettent de sélectionner plusieurs couleurs. Autant dire que j'ai préféré prendre le contre-pied avec ce plugin : ici, on ne peut attribuer qu'une seule couleur à une rubrique.</p> <p>Pourquoi ?</p> <p>— D'abord parce que je suis un adepte forcené de la technologie <span class="caps">KISS</span>. C'est-à-dire : « <i>Keep it simple, stupid !</i> ». Je pense que plus une fonction est simple, plus elle sera utile. L'interface doit être <strong>évidente</strong>.</p> <p>— Parce que, dans tous les sites sur lesquels je suis intervenu, le besoin est de changer une seule couleur pour chaque rubrique. D'abord par besoin de cohérence : généralement la charte de couleur est globalement fixe, et une seule couleur change. Ensuite, si j'ai besoin de plus de couleurs, je les calcule automatiquement à partir de ma couleur de base.</p> <p>Exemple type : je souhaite écrire du texte dans un pavé dont le fond est la couleur. Inutile de régler la couleur du texte (contraste maximum) à la main, il suffit de faire :</p> <div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #00AA00;">&#91;</span><span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> #<span style="color: #00AA00;">&#40;</span><span style="color: #cc00cc;">#GET</span><span style="color: #00AA00;">&#123;</span>couleur<span style="color: #00AA00;">&#125;</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#93;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #00AA00;">&#91;</span><span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> #<span style="color: #00AA00;">&#40;</span><span style="color: #cc00cc;">#GET</span><span style="color: #00AA00;">&#123;</span>couleur<span style="color: #00AA00;">&#125;</span>|couleur_extreme|couleur_inverser<span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#93;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/14af0ca92321bddc7fb10ddf8acee2f6.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>Ainsi, si la couleur du fond est foncée, le texte apparaîtra en blanc ; si la couleur est claire, le texte apparaîtra en noir.</p> <h3 class="spip">Versions</h3>
<p><strong><span class="numbers">1</span>.<span class="numbers">5</span> :</strong> La fonction <code class='spip_code' dir='ltr'>pb_couleur_rubrique</code> devient <code class='spip_code' dir='ltr'>couleur_rubrique</code>. La roue chromatique est désormais présente à la racine du site, permettant de sélectionner la « couleur principale du site », que l'on récupère avec :</p>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#VAL</span><span style="color: #74B900;"><span class="br0">&#123;</span>0<span class="br0">&#125;</span></span><span style="color: #E1861A;">|couleur_rubrique</span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
</ol></div></div></div>
<p><strong><span class="numbers">1</span>.<span class="numbers">6</span> :</strong> L'extension jQuery Farbtastic devient une librairie, de façon à faciliter le partage avec d'autres plugins. Pour permettre l'installation automatique, penser à créer un dossier <code class='spip_code' dir='ltr'></lib</code> à la racine du site.</p></div>
		
		</content:encoded>

";s:4:"tags";a:1:{i:0;s:105:"<a href="http://plugins.spip.net/-graphisme-du-site-public-" rel="directory">Graphisme du site public</a>";}s:4:"icon";s:71:"http://plugins.spip.net/local/cache-vignettes/L45xH64/arton10-45feb.jpg";}}s:42:"http://files.spip.org/spip-zone/cesure.zip";a:3:{i:0;s:19:"Césure automatique";i:1;s:42:"http://plugins.spip.net/cesure-automatique";i:2;a:10:{s:3:"url";s:42:"http://plugins.spip.net/cesure-automatique";s:5:"titre";s:19:"Césure automatique";s:4:"date";i:1217747938;s:10:"lesauteurs";s:5:"ARNO*";s:10:"descriptif";s:813:"<p>Ce plugin permet d'insérer les indications de césure optionnelle dans les textes traités par <span class="caps">SPIP</span>. Les textes ainsi traités bénéficient d'une césure automatique en <span class="caps">HTML</span>. Il est actif pour l'allemand, l'anglais et le français.</p>

<a href="http://plugins.spip.net/-Typographie-raccourcis-" rel="directory">Typographie & raccourcis</a>

<subject><span class="caps">SPIP</span> <span class="numbers">1</span>.<span class="numbers">9</span>.<span class="numbers">2</span></subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span></subject>
		<subject>Pas d'accès <span class="caps">SQL</span></subject>
		<subject>Français</subject>
		<subject>English</subject>
		<subject>Deutsch</subject>
		<subject><span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span></subject>

<description>
		<p>Ce plugin permet d'insérer les indications de césure optionnelle dans les textes traités par <span class="caps">SPIP</span>. Les textes ainsi traités bénéficient d'une césure automatique en <span class="caps">HTML</span>. Il est actif pour l'allemand, l'anglais et le français.</p>

<a href="http://plugins.spip.net/-Typographie-raccourcis-" rel="directory">Typographie & raccourcis</a>

</description>

<content:encoded><div class='rss_texte'><p>Très intéressant article sur la lisibilité à l'écran d'Olivier Marcellin, publié sur <a href='http://www.objetslivres.fr/La-lisibilite-du-contenu-Web.html' class='spip_out' rel='external'>Objets livres</a>. Une petite erreur a pourtant retenu mon attention :</p> <blockquote class="spip">
<p>La composition au fer à gauche est à privilégier, plutôt que justifiée, afin de contourner la limitation actuelle concernant l'impossibilité de générer des césures automatiques en fin de lignes.</p>
</blockquote>
<p>« l'impossibilité de générer des césures automatiques en fin de lignes », cela n'est pas exactement vrai…</p> <p>Fil a signalé il y a quelques jours sur spip-dev <a href='http://embruns.net/logbook/2008/06/17.html#006594' class='spip_out' rel='external'>une entrée de forum</a>, qui explique qu'il existe des caractères Unicode permettant d'indiquer au butineur les endroits où il a le droit d'effectuer des césures discrètes (c'est-à-dire quand il en a besoin).</p> <p>Illico, cela m'a fait penser aux règles de césure de TeX : ce système de composition propose (depuis plus de vingt ans) des règles pour effectuer les césures. Car la difficulté pour nous n'est pas seulement d'insérer ces caractères autorisant les césures, mais de savoir où les insérer et de les insérer <i>automatiquement</i>.</p> <p>En cherchant un peu, je suis tombé sur <a href='http://yellowgreen.de/hyphenation-in-web' class='spip_out' rel='external'>cette page de YellowGreen</a> qui fournit, notamment, un script <span class="caps">PHP</span> automatisant l'insertion des caractères de césure discrète pour le français, l'anglais et l'allemand, en se basant sur les règles de TeX.</p> <p>C'est ce qu'automatise ce plugin.</p> <p>Pour l'utiliser, il faut modifier vos squelettes là où voulez utiliser les césures. Cela se fait très simplement ainsi :</p> <div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#TEXTE</span><span style="color: #E1861A;">|cesure</span><span style="color: #74B900;"><span class="br0">&#123;</span><span style="color: #CA5200;">#LANG</span><span class="br0">&#125;</span></span><span class="br0">&#41;</span><span class="br0">&#93;</span></div></li>
</ol></div></div></div>
<p><span class='spip_document_4 spip_documents spip_documents_right' style='float:right; width:295px;'>
<img src='http://plugins.spip.net/local/cache-vignettes/L295xH90/Image_4-2-67ac3.png' width='295' height='90' alt="" style='height:90px;width:295px;' /></span>Conseil d'utilisation : les césures réduisent la lisibilité d'un paragraphe ; il n'est donc pas conseillé de les utiliser systématiquement. Je suggère d'utiliser ce filtre uniquement dans les largeurs de textes très faibles (<span class="numbers">200</span> pixels et moins) ; je déconseille en particulier d'utiliser les césures sur les colonnes très larges, où la dégradation de la lisibilité est plus importante. L'effet est également plus élégant en texte justifié (c'est-à-dire aligné à gauche et à droite).</p> <p>Pour éviter de couper dans les éléments tels que les encadrés et les intertitres, le plugin ne s'applique qu'à l'intérieur des paragraphes générés par <span class="caps">SPIP</span>. Si le texte ne contient pas de paragraphes, alors il s'applique à l'intégralité du texte.</p></div>
		
		</content:encoded>

";s:4:"tags";a:4:{i:0;s:103:"<a href="http://plugins.spip.net/-Typographie-raccourcis-" rel="directory">Typographie & raccourcis</a>";i:1;s:120:"<a href='http://www.objetslivres.fr/La-lisibilite-du-contenu-Web.html' class='spip_out' rel='external'>Objets livres</a>";i:2;s:116:"<a href='http://embruns.net/logbook/2008/06/17.html#006594' class='spip_out' rel='external'>une entrée de forum</a>";i:3;s:112:"<a href='http://yellowgreen.de/hyphenation-in-web' class='spip_out' rel='external'>cette page de YellowGreen</a>";}}}s:49:"http://files.spip.org/spip-zone/css_imbriques.zip";a:3:{i:0;s:14:"CSS imbriqués";i:1;s:37:"http://plugins.spip.net/CSS-imbriques";i:2;a:10:{s:3:"url";s:37:"http://plugins.spip.net/CSS-imbriques";s:5:"titre";s:14:"CSS imbriqués";s:4:"date";i:1217747928;s:10:"lesauteurs";s:5:"ARNO*";s:10:"descriptif";s:363:"<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>

<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span>, 
Pas d'accès <span class="caps">SQL</span>, 
<b>Pas de texte</b>, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>";s:7:"content";s:43333:"<div class='rss_texte'><p>Voici un plugin destiné aux webmestres qui manipulent des fichiers <span class="caps">CSS</span> particulièrement complexes, avec des imbrications à la chaîne.</p> <p>Une des difficultés des <span class="caps">CSS</span>, lorsque l'on commence à entrer dans les plus petits détails de l'interface d'un site Web et que l'on veut donc créer des classes très discriminées selon les endroits, est que l'on se retrouve alors avec des listes interminables de classes aux noms de plus en plus longs.</p> <p>Une idée qui circule sur le Web (par exemple sur le site de <a href='http://shauninman.com/archive/2007/06/27/css_server_side_pre_processor' class='spip_out' rel='external'>Shaun Inman</a>) consiste à écrire ses styles selon une méthode contenant des enrichissements par rapport à la norme, puis à faire passer ces fichiers par un pré-processeur qui les transforme en fichiers <span class="caps">CSS</span> standards.</p> <p><span class="caps">SPIP</span> propose déjà quelques solutions pour aller dans ce sens :
<br />— en passant une feuille de style par le filtre <code class='spip_code' dir='ltr'>direction_css</code>, on peut l'adapter automatiquement aux langues qui s'écrivent de droite à gauche, l'interface étant intégralement inversée ;
<br />— avec les balises <code class='spip_code' dir='ltr'>#SET</code> et <code class='spip_code' dir='ltr'>#GET</code>, si l'on réalise ses styles sous forme de squelettes, on a un système de variables très pratique (par exemple : définir une seule fois la valeur d'une couleur puis l'utiliser dans plusieurs classes ; par la suite, pour changer la couleur de l'ensemble, il suffit d'intervenir uniquement dans la définition de la variable).</p> <p>Il manque, à mon avis, une autre possibilité offerte par le pré-processeur de Shaun Inman : pouvoir écrire ses définitions de classes sous forme imbriquée (<i>nested</i>), pour en clarifier la lecture.</p> <p>C'est l'objet du présent plugin.</p> <p>Voici un court morceau de code <span class="caps">CSS</span> standard :</p> <div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style="">ul<span style="color: #cc00cc;">#principal</span> <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #993333;">red</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">200px</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#aaaaaa</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #00AA00;">&#125;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">ul<span style="color: #cc00cc;">#principal</span> li <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">red</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #00AA00;">&#125;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">ul<span style="color: #cc00cc;">#principal</span> li a <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">black</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #00AA00;">&#125;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">ul<span style="color: #cc00cc;">#principal</span> li<span style="color: #6666ff;">.on</span> <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">red</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">white</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #00AA00;">&#125;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">ul<span style="color: #cc00cc;">#principal</span> li<span style="color: #6666ff;">.on</span> a <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#ffaaaa</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #00AA00;">&#125;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/64c4a600016afa766eb14b45a0a545e4.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>On peut considérer que ce code est artificiellement compliqué, mais en réalité, quand on entre dans les détails d'une mise en page, on se retrouve rapidement avec des systèmes d'héritages beaucoup plus complexe.</p> <p>L'idée de la méthode des <span class="caps">CSS</span> imbriqués est de saisir une classe qui dépend d'une autre classe <i>à l'intérieur</i> de sa définition, sans répéter la hiérarchie des intitulés.</p> <p>Ainsi le code précédent s'écrit :</p> <div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style="">ul<span style="color: #cc00cc;">#principal</span> <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #993333;">red</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">200px</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#aaaaaa</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> li <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">red</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> </div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> a <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">black</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #00AA00;">&#125;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #00AA00;">&#125;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> li<span style="color: #6666ff;">.on</span> <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">red</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">white</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> </div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> a <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#ffaaaa</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #00AA00;">&#125;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #00AA00;">&#125;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #00AA00;">&#125;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/da1059b5d2da49adda199903b78e89a5.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>Il existe une autre subtilité : la possibilité, dans une classe imbriquée, de faire précéder le nom de la classe imbriquée par un point suivi d'un espace ; cela indique que cette classe est une variante de la précédente (plus simplement : on « colle » les deux noms). Voici par exemple une manière de code <code class='spip_code' dir='ltr'>a.spip_in</code>, <code class='spip_code' dir='ltr'>a.spip_out</code> :</p> <div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style="">a <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> . <span style="color: #6666ff;">.spip_in</span> <span style="color: #00AA00;">&#123;</span>...<span style="color: #00AA00;">&#125;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> . <span style="color: #6666ff;">.spip_out</span> <span style="color: #00AA00;">&#123;</span>...<span style="color: #00AA00;">&#125;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #00AA00;">&#125;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/fddb72c8389c53dbdc1b1e48f087dd90.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>et avec des variantes de survol :</p>
<div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style="">a <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> . <span style="color: #6666ff;">.spip_in</span> <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> ...</div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> . <span style="color: #3333ff;">:hover </span><span style="color: #00AA00;">&#123;</span>...<span style="color: #00AA00;">&#125;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #00AA00;">&#125;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> . <span style="color: #6666ff;">.spip_out</span> <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> ...</div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> . <span style="color: #3333ff;">:hover </span><span style="color: #00AA00;">&#123;</span>...<span style="color: #00AA00;">&#125;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #00AA00;">&#125;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #00AA00;">&#125;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/ebbebc7564097e2783ce3f6623f26921.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>Notez bien : cette notation n'est pas standard et ne correspond pas à la norme des <span class="caps">CSS</span>. Il s'agit d'un système de notation qui doit être impérativement traduit de manière logicielle (par le présent plugin) pour qu'un fichier <span class="caps">CSS</span> standard soit envoyé au visiteur.</p> <p>Remarque : l'utilisation du plugin ne vous interdit pas d'utiliser la notation d'une manière respectant la norme : le plugin admet des fichiers totalement standards, ou totalement imbriqués, ou utilisant les deux notations (la méthode imbriquée n'étant qu'une extension de la norme).</p> <p>Pour que ce plugin traite votre fichier <span class="caps">CSS</span>, il faut l'utiliser de la même façon qu'on utilise <code class='spip_code' dir='ltr'>direction_css</code>, ou en complément de ce dernier, en passant le fichier par <code class='spip_code' dir='ltr'>css_imbriques</code> :</p> <div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><link rel="stylesheet" href="<span class="br0">&#40;</span><span style="color: #CA5200;">#CHEMIN</span><span style="color: #74B900;"><span class="br0">&#123;</span>monstyle.css<span class="br0">&#125;</span></span><span style="color: #E1861A;">|direction_css</span><span style="color: #E1861A;">|css_imbriques</span><span class="br0">&#41;</span>" type="text/css" /><span class="br0">&#93;</span></div></li>
</ol></div></div></div>
<p>Si vous réalisez votre feuille de style sous forme de squelette (ma méthode préférée), il suffit d'ajouter, en fin de squelettes (par exemple « css.html »), la balise :</p>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #CA5200;">#FILTRE</span><span style="color: #74B900;"><span class="br0">&#123;</span>css_imbriques_decouper<span class="br0">&#125;</span></span></div></li>
</ol></div></div></div>
<p>Une autre méthode pour utiliser des <span class="caps">CSS</span> imbriqués dans une feuille de style sous forme de squelette (ici, <code class='spip_code' dir='ltr'>couleur.html</code>) consiste à l'appeler ainsi :</p>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><link </div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> rel="stylesheet" </div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> href="<span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#URL_PAGE</span><span style="color: #74B900;"><span class="br0">&#123;</span>couleur<span class="br0">&#125;</span></span><span style="color: #E1861A;">|direction_css</span><span style="color: #E1861A;">|css_imbriques</span><span class="br0">&#41;</span><span class="br0">&#93;</span>" </div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> type="text/css" /></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/a9c5e8912e906064fc768d7a22281012.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>Cette dernière méthode est particulièrement compatible avec la fonction de <span class="caps">SPIP</span> qui regroupe différents fichiers <span class="caps">CSS</span> dans un même fichier compacté.</p> <p>Notez enfin que ces fonctions, contrairement à <code class='spip_code' dir='ltr'>direction_css</code>, ne traitent pas les <code class='spip_code' dir='ltr'>@import</code> présents à l'intérieur des fichiers <span class="caps">CSS</span>. Dans la version actuelle, il y a des chances que ces <code class='spip_code' dir='ltr'>@import</code> disparaissent (bug à corriger pour une prochaine version).</p> <h3 class="spip">Pseudo-styles</h3>
<p>La version <span class="numbers">1</span>.<span class="numbers">2</span> du plugin introduit des pseudo-styles, non standards, permettant de coder facilement des fonctionnalités des <span class="caps">CSS</span> (généralement qualifiées de « <span class="caps">CSS</span> <span class="numbers">3</span> ») qui demandent habituellement plusieurs lignes de code, voire des codes très farfelus pour assurer une compatibilité maximale pour le webkit (Safari, Chrome), Mozilla, Opera et <span class="caps">MSIE</span>.</p> <p>Ces pseudo-styles, à l'image des raccourcis propres à Mozilla (styles commençant par <code class='spip_code' dir='ltr'>-moz</code>) ou le webkit (<code class='spip_code' dir='ltr'>-webkit</code>), commencent ici par le <code class='spip_code' dir='ltr'>-spip</code>. Il permettent en une seule ligne, assez simple, de produire automatique les différents codes nécessaires à l'affichage cohérent sur les différents navigateurs.</p> <p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> <strong>Opacité</strong></p> <p>Voici le pseudo-style pour gérer l'opacité :</p>
<div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #6666ff;">.exemple</span> <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> -spip-opacity<span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0.4</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #00AA00;">&#125;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/7d9643267a49063e5e45c33f33f0f250.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>Ce <code class='spip_code' dir='ltr'>-spip-opacity</code> est ainsi transformé par le plugin :</p> <div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #6666ff;">.exemple</span> <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> -webkit-opacity<span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0.4</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> -moz-opacity<span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0.4</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> opacity<span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0.4</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> -ms-filter<span style="color: #00AA00;">:</span><span style="color: #ff0000;">"progid:DXImageTransform.Microsoft.Alpha(opacity=40)"</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> zoom<span style="color: #00AA00;">:</span><span style="color: #cc66cc;">1</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #00AA00;">&#125;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/de538269d5328a91c5673f3d9665cfad.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>À partir d'une seule déclaration (<code class='spip_code' dir='ltr'>-spip-opacity</code>), on obtient ainsi automatiquement le code fonctionnant sous d'anciennes versions de Safari, sous Mozilla <span class="numbers">3</span>.<span class="numbers">5</span>, sous Chrome et Safari, ainsi que sous Internet Explorer (notez l'utilisation d'un « filtre » <span class="caps">MSIE</span> et la valeur d'opacité adaptée.</p> <p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> <strong>Coins arrondis</strong></p> <p>Le code de base arrondi d'un coup tous les coins :</p>
<div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style="">-spip-border-radius<span style="color: #00AA00;">:</span> <span style="color: #933;">6px</span><span style="color: #00AA00;">;</span></div></li>
</ol></div></div></div>
<p>On peut préciser une valeur pour chacun des coins du pavé :</p>
<div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style="">-spip-border-top-right-radius<span style="color: #00AA00;">:</span> <span style="color: #933;">0px</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">-spip-border-top-left-radius<span style="color: #00AA00;">:</span> <span style="color: #933;">3px</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">-spip-border-bottom-right-radius<span style="color: #00AA00;">:</span> <span style="color: #933;">14px</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">-spip-border-bottom-left-radius<span style="color: #00AA00;">:</span> <span style="color: #933;">2px</span><span style="color: #00AA00;">;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/c6c6709eee7c959d28f998bbac7eec97.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> <strong>Ombre de boîte</strong></p> <div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style="">-spip-box-shadow<span style="color: #00AA00;">:</span> <span style="color: #933;">3px</span> <span style="color: #933;">2px</span> <span style="color: #933;">10px</span> <span style="color: #cc00cc;">#666666</span><span style="color: #00AA00;">;</span></div></li>
</ol></div></div></div>
<p>La première valeur (<code class='spip_code' dir='ltr'>3px</code>) est le décalage de l'ombre portée vers la droite. La seconde (<code class='spip_code' dir='ltr'>2px</code>) est le décalage vers le bas. La troisième (<code class='spip_code' dir='ltr'>10px</code>) est l'intensité du floutage de l'ombre. La dernière valeur est la couleur.</p> <p>En mettant les deux premières valeurs à zéro, on obtient assez classiquement un halo autour de la boîte, et non une ombre portée.</p> <p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> <strong>Dégradé</strong></p>
<div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style="">-spip-gradient<span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">,</span> <span style="color: #cc00cc;">#f0f0f0</span><span style="color: #00AA00;">,</span> <span style="color: #cc00cc;">#bbbbbb</span><span style="color: #00AA00;">;</span></div></li>
</ol></div></div></div>
<p>Je n'ai pas trouvé de consensus sur la syntaxe exacte d'un dégradé de fond, aussi je me suis inspiré de ce que propose le <span class="caps">W<span class="numbers">3</span>C</span>, en essayant de faire aussi simple que possible. À noter : les différents navigateurs ont de puissantes particularités, mais la méthode proposée est simple et le rendu est très proche sous Mozilla, Safari, Chrome et… Internet Explorer (même de vieilles versions !).</p> <p>Le code produit est assez farfelu :</p>
<div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #000000; font-weight: bold;">background</span><span style="color: #3333ff;">:-webkit-</span>gradient<span style="color: #00AA00;">&#40;</span>linear<span style="color: #00AA00;">,</span><span style="color: #000000; font-weight: bold;">left</span> <span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">,</span><span style="color: #000000; font-weight: bold;">left</span> <span style="color: #000000; font-weight: bold;">bottom</span><span style="color: #00AA00;">,</span>from<span style="color: #00AA00;">&#40;</span><span style="color: #cc00cc;">#f0f0f0</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">,</span>to<span style="color: #00AA00;">&#40;</span><span style="color: #cc00cc;">#bbbbbb</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #000000; font-weight: bold;">background-image</span><span style="color: #3333ff;">:-moz-linear-</span>gradient<span style="color: #00AA00;">&#40;</span><span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">,</span><span style="color: #cc00cc;">#f0f0f0</span><span style="color: #00AA00;">,</span><span style="color: #cc00cc;">#bbbbbb</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">filter<span style="color: #3333ff;">:progid</span><span style="color: #3333ff;">:DXImageTransform</span><span style="color: #6666ff;">.Microsoft</span>.gradient<span style="color: #00AA00;">&#40;</span>GradientType<span style="color: #00AA00;">=</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">,</span>startColorstr<span style="color: #00AA00;">=</span><span style="color: #ff0000;">'#f0f0f0'</span><span style="color: #00AA00;">,</span>endColorstr<span style="color: #00AA00;">=</span><span style="color: #ff0000;">'#bbbbbb'</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/e1323fab76ea3e204a3274a4d7b21738.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>La syntaxe de notre pseudo-style est la suivante :
<br />— « top » l'orientation du dégradé (de haut en bas) ; l'autre valeur possible est « left » (de gauche à droite) ; il n'est pas possible de faire un dégradé en biais (<span class="caps">MSIE</span> ne sait pas le faire, et les dégradés verticaux et horizontaux représentent en pratique un bonne partie des besoins) ;
<br />— la première couleur est la couleur de départ (ici, la couleur du haut),
<br />— la seconde est la couleur d'arrivée (ici, en bas).</p> <p>Pour assurer la compatibilité avec les navigateurs qui ne gèrent pas les dégradés, on pensera à indiquer, dans la feuille de style, la couleur de fond que l'on souhaite. Notez bien : il faut impérative indiquer cette valeur <i>avant</i> le dégradé, sinon on écrase le dégradé :</p>
<div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#dddddd</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">-spip-gradient<span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">,</span> <span style="color: #cc00cc;">#f0f0f0</span><span style="color: #00AA00;">,</span> <span style="color: #cc00cc;">#bbbbbb</span><span style="color: #00AA00;">;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/c0d9c060ee9da56938364df43dbe6093.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p><i>Important :</i> les couleurs de dégradé doivent être indiquées sous forme hexadécimale « classique » à six lettres (pour la compatibilité du code pour <span class="caps">MSIE</span>) ; par ailleurs, l'actuel compacteur de <span class="caps">CSS</span> livré avec <span class="caps">SPIP</span> est en effet un peu trop « efficace », et transforme les codes couleurs composés de trois paires de lettres identiques (du genre <code class='spip_code' dir='ltr'>#ff0066</code> transformé en <code class='spip_code' dir='ltr'>#f06</code>) d'une façon qui ne permet plus au dégradé <span class="caps">MSIE</span> de fonctionner. Si vous utilisez le compactage des <span class="caps">CSS</span> (et vous devriez le faire…), choisissez des couleurs qui n'ont pas d'équivalent à trois lettres (tel que <code class='spip_code' dir='ltr'>#ff0066</code>).</p> <p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> <strong>Fond de bloc semi-transparent</strong></p> <p>Pour réaliser des fonds de bloc colorés semi-transparents, dans les navigateurs modernes, il suffit de définir la couleur de fond en <code class='spip_code' dir='ltr'>rgba</code> (on code les <span class="numbers">3</span> composantes de couleurs, suivies d'une valeur d'opacité).</p> <p>Évidemment, pas sous <span class="caps">MSIE</span>.</p> <p>Le pseudo-raccourci suivant transforme les valeurs pour qu'elles fonctionnent « normalement » en <span class="caps">RGBA</span>, et fabriquent le filtre approprié pour <span class="caps">MSIE</span>.</p> <div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""> -spip-<span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> rgba <span style="color: #00AA00;">&#40;</span><span style="color: #cc66cc;">255</span><span style="color: #00AA00;">,</span> <span style="color: #cc66cc;">255</span><span style="color: #00AA00;">,</span> <span style="color: #cc66cc;">127</span><span style="color: #00AA00;">,</span> <span style="color: #cc66cc;">0.5</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span></div></li>
</ol></div></div></div>
<p>On peut aussi utiliser des pourcentages :</p>
<div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""> -spip-<span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> rgba <span style="color: #00AA00;">&#40;</span><span style="color: #933;">100%</span><span style="color: #00AA00;">,</span> <span style="color: #933;">100%</span><span style="color: #00AA00;">,</span> <span style="color: #933;">50%</span><span style="color: #00AA00;">,</span> <span style="color: #cc66cc;">0.5</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span></div></li>
</ol></div></div></div>
<p>Notez bien : n'insérez pas de <code class='spip_code' dir='ltr'>background-color</code> traditionnel avec ce style, sinon il écrasera l'effet de transparence sous <span class="caps">MSIE</span>.</p> <p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> <strong>Transitions</strong></p> <p>La versions <span class="numbers">1</span>.<span class="numbers">3</span> du plugin traite les transitions <span class="caps">CSS</span> :</p>
<div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style="">-spip-transition</div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">-spip-transition-property</div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">-spip-transition-duration</div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">-spip-transition-timing-function</div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">-spip-transition-delay</div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/125077729ab5297f97248fe29b474eda.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>Par exemple, pour effectuer une transition sur la couleur du fond, on peut coder ainsi :</p> <div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style="">a <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#eeeeeee</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> -spip-transition-property<span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> -spip-transition-duration<span style="color: #00AA00;">:</span> 0.1s<span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #00AA00;">&#125;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">a<span style="color: #3333ff;">:hover </span><span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#cccccc</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #00AA00;">&#125;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/2db3eff6e99a7dea3475536a05d49545.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> <strong>Text shadow</strong></p> <p>L'ombre portée du texte se code avec <code class='spip_code' dir='ltr'>-spip-text-shadow</code>.</p> <p>Son intérêt à limité à une situation (qui n'est cependant pas inutile du tout) : lorsque les décalages horizontal et vertical sont nuls, c'est qu'on souhaite réaliser un halo autour du texte.</p> <p>Dans ce cas, le plugin insère un code compatible <span class="caps">MSIE</span>.</p> <div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style="">-spip-<span style="color: #000000; font-weight: bold;">text-shadow</span><span style="color: #00AA00;">:</span> <span style="color: #933;">0px</span> <span style="color: #933;">0px</span> <span style="color: #933;">3px</span> <span style="color: #cc00cc;">#000000</span><span style="color: #00AA00;">;</span></div></li>
</ol></div></div></div>
<p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> <strong>Compatibilité</strong></p> <p>D'après mes essais, la compatibilité est assez bonne, y compris avec <span class="caps">MSIE</span>. Habituellement, ces effets se dégradent bien, visuellement, lorsqu'ils ne sont pas actifs. On perd des effets de relief, mais la page n'est pas « déformée » (trucs qui dépassent partout) et le texte reste lisible.</p> <p>Sous <span class="caps">MSIE</span>, on pourra être amené à changer l'ordre des différents styles, certains ayant tendance à en désactiver d'autres (il semble par exemple que l'opacité, placée après la dégradé, annule le dégradé).</p> <p>Les deux choses à surveiller principalement sont :
<br />— la dégradation de l'opacité ; <br />— la mention explicite d'une couleur de fond avant la définition d'un dégradé de fond.</p> <h3 class="spip">Mise à jour</h3>
<p><strong><span class="numbers">1</span>.<span class="numbers">0</span>.</strong> Accepter les critères sur plusieurs lignes, du style :</p> <div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style="">a<span style="color: #00AA00;">,</span> </div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">a<span style="color: #6666ff;">.spip_in</span><span style="color: #00AA00;">,</span> </div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">a<span style="color: #6666ff;">.spip_out</span> <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">text-decoration</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">none</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#ff0000</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #00AA00;">&#125;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/4b94c8a8bf6e9cc60758760ba71e91bd.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p><strong><span class="numbers">1</span>.<span class="numbers">1</span>.</strong> Les <code class='spip_code' dir='ltr'>ereg</code> sont remplacés par des <code class='spip_code' dir='ltr'>mb_ereg</code> (compatibilité <span class="caps">PHP</span> <span class="numbers">5</span>.<span class="numbers">3</span>).</p> <p><strong><span class="numbers">1</span>.<span class="numbers">2</span>.</strong> Introduction de pseudo-styles <code class='spip_code' dir='ltr'>-spip...</code> permettant de créer automatiquement des styles compatibles Webkit, <span class="caps">CSS<span class="numbers">3</span></span>, Mozilla et <span class="caps">MSIE</span>. Tous les <code class='spip_code' dir='ltr'>mb_ereg</code> sont remplacés par des <code class='spip_code' dir='ltr'>preg</code> plus classiques.</p> <p><strong><span class="numbers">1</span>.<span class="numbers">3</span>.</strong> Introduction des pseudo-styles pour les transitions <span class="caps">CSS</span>.</p> <p><strong><span class="numbers">1</span>.<span class="numbers">4</span>.</strong> Introduction du pseudo-style <code class='spip_code' dir='ltr'>-spip-background-color</code>.</p> <p><strong><span class="numbers">1</span>.<span class="numbers">5</span>.</strong> Introduction de <code class='spip_code' dir='ltr'>-spip-text-shadow</code>.</p> <p><strong><span class="numbers">1</span>.<span class="numbers">6</span>.</strong> Introduction de la fonction <code class='spip_code' dir='ltr'>couleur_rgba($couleur, $alpha)</code> qui permet de fabriquer une couleur <span class="caps">RGBA</span> à partir d'un code hexadécimal.</p></div>";s:4:"lang";s:2:"fr";s:10:"enclosures";s:133:"<a rel="enclosure" href="http://files.spip.org/spip-zone/css_imbriques.zip" type="application/zip" title="3098">css_imbriques.zip</a>";s:4:"item";s:44521:"
		<title>CSS imbriqués</title>
		<link>http://plugins.spip.net/CSS-imbriques</link>
		<guid isPermaLink="true">http://plugins.spip.net/CSS-imbriques</guid>
		<date>2008-08-03T07:18:48Z</date>
		<format>text/html</format>
		<language>fr</language>
		<creator>ARNO*</creator>

<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>

</description>

<content:encoded><div class='rss_texte'><p>Voici un plugin destiné aux webmestres qui manipulent des fichiers <span class="caps">CSS</span> particulièrement complexes, avec des imbrications à la chaîne.</p> <p>Une des difficultés des <span class="caps">CSS</span>, lorsque l'on commence à entrer dans les plus petits détails de l'interface d'un site Web et que l'on veut donc créer des classes très discriminées selon les endroits, est que l'on se retrouve alors avec des listes interminables de classes aux noms de plus en plus longs.</p> <p>Une idée qui circule sur le Web (par exemple sur le site de <a href='http://shauninman.com/archive/2007/06/27/css_server_side_pre_processor' class='spip_out' rel='external'>Shaun Inman</a>) consiste à écrire ses styles selon une méthode contenant des enrichissements par rapport à la norme, puis à faire passer ces fichiers par un pré-processeur qui les transforme en fichiers <span class="caps">CSS</span> standards.</p> <p><span class="caps">SPIP</span> propose déjà quelques solutions pour aller dans ce sens :
<br />— en passant une feuille de style par le filtre <code class='spip_code' dir='ltr'>direction_css</code>, on peut l'adapter automatiquement aux langues qui s'écrivent de droite à gauche, l'interface étant intégralement inversée ;
<br />— avec les balises <code class='spip_code' dir='ltr'>#SET</code> et <code class='spip_code' dir='ltr'>#GET</code>, si l'on réalise ses styles sous forme de squelettes, on a un système de variables très pratique (par exemple : définir une seule fois la valeur d'une couleur puis l'utiliser dans plusieurs classes ; par la suite, pour changer la couleur de l'ensemble, il suffit d'intervenir uniquement dans la définition de la variable).</p> <p>Il manque, à mon avis, une autre possibilité offerte par le pré-processeur de Shaun Inman : pouvoir écrire ses définitions de classes sous forme imbriquée (<i>nested</i>), pour en clarifier la lecture.</p> <p>C'est l'objet du présent plugin.</p> <p>Voici un court morceau de code <span class="caps">CSS</span> standard :</p> <div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style="">ul<span style="color: #cc00cc;">#principal</span> <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #993333;">red</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">200px</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#aaaaaa</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #00AA00;">&#125;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">ul<span style="color: #cc00cc;">#principal</span> li <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">red</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #00AA00;">&#125;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">ul<span style="color: #cc00cc;">#principal</span> li a <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">black</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #00AA00;">&#125;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">ul<span style="color: #cc00cc;">#principal</span> li<span style="color: #6666ff;">.on</span> <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">red</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">white</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #00AA00;">&#125;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">ul<span style="color: #cc00cc;">#principal</span> li<span style="color: #6666ff;">.on</span> a <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#ffaaaa</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #00AA00;">&#125;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/64c4a600016afa766eb14b45a0a545e4.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>On peut considérer que ce code est artificiellement compliqué, mais en réalité, quand on entre dans les détails d'une mise en page, on se retrouve rapidement avec des systèmes d'héritages beaucoup plus complexe.</p> <p>L'idée de la méthode des <span class="caps">CSS</span> imbriqués est de saisir une classe qui dépend d'une autre classe <i>à l'intérieur</i> de sa définition, sans répéter la hiérarchie des intitulés.</p> <p>Ainsi le code précédent s'écrit :</p> <div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style="">ul<span style="color: #cc00cc;">#principal</span> <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #993333;">red</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">200px</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#aaaaaa</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> li <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">red</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> </div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> a <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">black</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #00AA00;">&#125;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #00AA00;">&#125;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> li<span style="color: #6666ff;">.on</span> <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">red</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">white</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> </div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> a <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#ffaaaa</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #00AA00;">&#125;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #00AA00;">&#125;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #00AA00;">&#125;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/da1059b5d2da49adda199903b78e89a5.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>Il existe une autre subtilité : la possibilité, dans une classe imbriquée, de faire précéder le nom de la classe imbriquée par un point suivi d'un espace ; cela indique que cette classe est une variante de la précédente (plus simplement : on « colle » les deux noms). Voici par exemple une manière de code <code class='spip_code' dir='ltr'>a.spip_in</code>, <code class='spip_code' dir='ltr'>a.spip_out</code> :</p> <div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style="">a <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> . <span style="color: #6666ff;">.spip_in</span> <span style="color: #00AA00;">&#123;</span>...<span style="color: #00AA00;">&#125;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> . <span style="color: #6666ff;">.spip_out</span> <span style="color: #00AA00;">&#123;</span>...<span style="color: #00AA00;">&#125;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #00AA00;">&#125;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/fddb72c8389c53dbdc1b1e48f087dd90.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>et avec des variantes de survol :</p>
<div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style="">a <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> . <span style="color: #6666ff;">.spip_in</span> <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> ...</div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> . <span style="color: #3333ff;">:hover </span><span style="color: #00AA00;">&#123;</span>...<span style="color: #00AA00;">&#125;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #00AA00;">&#125;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> . <span style="color: #6666ff;">.spip_out</span> <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> ...</div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> . <span style="color: #3333ff;">:hover </span><span style="color: #00AA00;">&#123;</span>...<span style="color: #00AA00;">&#125;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #00AA00;">&#125;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #00AA00;">&#125;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/ebbebc7564097e2783ce3f6623f26921.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>Notez bien : cette notation n'est pas standard et ne correspond pas à la norme des <span class="caps">CSS</span>. Il s'agit d'un système de notation qui doit être impérativement traduit de manière logicielle (par le présent plugin) pour qu'un fichier <span class="caps">CSS</span> standard soit envoyé au visiteur.</p> <p>Remarque : l'utilisation du plugin ne vous interdit pas d'utiliser la notation d'une manière respectant la norme : le plugin admet des fichiers totalement standards, ou totalement imbriqués, ou utilisant les deux notations (la méthode imbriquée n'étant qu'une extension de la norme).</p> <p>Pour que ce plugin traite votre fichier <span class="caps">CSS</span>, il faut l'utiliser de la même façon qu'on utilise <code class='spip_code' dir='ltr'>direction_css</code>, ou en complément de ce dernier, en passant le fichier par <code class='spip_code' dir='ltr'>css_imbriques</code> :</p> <div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span class="br0">&#91;</span><link rel="stylesheet" href="<span class="br0">&#40;</span><span style="color: #CA5200;">#CHEMIN</span><span style="color: #74B900;"><span class="br0">&#123;</span>monstyle.css<span class="br0">&#125;</span></span><span style="color: #E1861A;">|direction_css</span><span style="color: #E1861A;">|css_imbriques</span><span class="br0">&#41;</span>" type="text/css" /><span class="br0">&#93;</span></div></li>
</ol></div></div></div>
<p>Si vous réalisez votre feuille de style sous forme de squelette (ma méthode préférée), il suffit d'ajouter, en fin de squelettes (par exemple « css.html »), la balise :</p>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #CA5200;">#FILTRE</span><span style="color: #74B900;"><span class="br0">&#123;</span>css_imbriques_decouper<span class="br0">&#125;</span></span></div></li>
</ol></div></div></div>
<p>Une autre méthode pour utiliser des <span class="caps">CSS</span> imbriqués dans une feuille de style sous forme de squelette (ici, <code class='spip_code' dir='ltr'>couleur.html</code>) consiste à l'appeler ainsi :</p>
<div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><link </div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> rel="stylesheet" </div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> href="<span class="br0">&#91;</span><span class="br0">&#40;</span><span style="color: #CA5200;">#URL_PAGE</span><span style="color: #74B900;"><span class="br0">&#123;</span>couleur<span class="br0">&#125;</span></span><span style="color: #E1861A;">|direction_css</span><span style="color: #E1861A;">|css_imbriques</span><span class="br0">&#41;</span><span class="br0">&#93;</span>" </div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> type="text/css" /></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/a9c5e8912e906064fc768d7a22281012.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>Cette dernière méthode est particulièrement compatible avec la fonction de <span class="caps">SPIP</span> qui regroupe différents fichiers <span class="caps">CSS</span> dans un même fichier compacté.</p> <p>Notez enfin que ces fonctions, contrairement à <code class='spip_code' dir='ltr'>direction_css</code>, ne traitent pas les <code class='spip_code' dir='ltr'>@import</code> présents à l'intérieur des fichiers <span class="caps">CSS</span>. Dans la version actuelle, il y a des chances que ces <code class='spip_code' dir='ltr'>@import</code> disparaissent (bug à corriger pour une prochaine version).</p> <h3 class="spip">Pseudo-styles</h3>
<p>La version <span class="numbers">1</span>.<span class="numbers">2</span> du plugin introduit des pseudo-styles, non standards, permettant de coder facilement des fonctionnalités des <span class="caps">CSS</span> (généralement qualifiées de « <span class="caps">CSS</span> <span class="numbers">3</span> ») qui demandent habituellement plusieurs lignes de code, voire des codes très farfelus pour assurer une compatibilité maximale pour le webkit (Safari, Chrome), Mozilla, Opera et <span class="caps">MSIE</span>.</p> <p>Ces pseudo-styles, à l'image des raccourcis propres à Mozilla (styles commençant par <code class='spip_code' dir='ltr'>-moz</code>) ou le webkit (<code class='spip_code' dir='ltr'>-webkit</code>), commencent ici par le <code class='spip_code' dir='ltr'>-spip</code>. Il permettent en une seule ligne, assez simple, de produire automatique les différents codes nécessaires à l'affichage cohérent sur les différents navigateurs.</p> <p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> <strong>Opacité</strong></p> <p>Voici le pseudo-style pour gérer l'opacité :</p>
<div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #6666ff;">.exemple</span> <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> -spip-opacity<span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0.4</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #00AA00;">&#125;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/7d9643267a49063e5e45c33f33f0f250.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>Ce <code class='spip_code' dir='ltr'>-spip-opacity</code> est ainsi transformé par le plugin :</p> <div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #6666ff;">.exemple</span> <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> -webkit-opacity<span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0.4</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> -moz-opacity<span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0.4</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> opacity<span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0.4</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> -ms-filter<span style="color: #00AA00;">:</span><span style="color: #ff0000;">"progid:DXImageTransform.Microsoft.Alpha(opacity=40)"</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> zoom<span style="color: #00AA00;">:</span><span style="color: #cc66cc;">1</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #00AA00;">&#125;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/de538269d5328a91c5673f3d9665cfad.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>À partir d'une seule déclaration (<code class='spip_code' dir='ltr'>-spip-opacity</code>), on obtient ainsi automatiquement le code fonctionnant sous d'anciennes versions de Safari, sous Mozilla <span class="numbers">3</span>.<span class="numbers">5</span>, sous Chrome et Safari, ainsi que sous Internet Explorer (notez l'utilisation d'un « filtre » <span class="caps">MSIE</span> et la valeur d'opacité adaptée.</p> <p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> <strong>Coins arrondis</strong></p> <p>Le code de base arrondi d'un coup tous les coins :</p>
<div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style="">-spip-border-radius<span style="color: #00AA00;">:</span> <span style="color: #933;">6px</span><span style="color: #00AA00;">;</span></div></li>
</ol></div></div></div>
<p>On peut préciser une valeur pour chacun des coins du pavé :</p>
<div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style="">-spip-border-top-right-radius<span style="color: #00AA00;">:</span> <span style="color: #933;">0px</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">-spip-border-top-left-radius<span style="color: #00AA00;">:</span> <span style="color: #933;">3px</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">-spip-border-bottom-right-radius<span style="color: #00AA00;">:</span> <span style="color: #933;">14px</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">-spip-border-bottom-left-radius<span style="color: #00AA00;">:</span> <span style="color: #933;">2px</span><span style="color: #00AA00;">;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/c6c6709eee7c959d28f998bbac7eec97.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> <strong>Ombre de boîte</strong></p> <div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style="">-spip-box-shadow<span style="color: #00AA00;">:</span> <span style="color: #933;">3px</span> <span style="color: #933;">2px</span> <span style="color: #933;">10px</span> <span style="color: #cc00cc;">#666666</span><span style="color: #00AA00;">;</span></div></li>
</ol></div></div></div>
<p>La première valeur (<code class='spip_code' dir='ltr'>3px</code>) est le décalage de l'ombre portée vers la droite. La seconde (<code class='spip_code' dir='ltr'>2px</code>) est le décalage vers le bas. La troisième (<code class='spip_code' dir='ltr'>10px</code>) est l'intensité du floutage de l'ombre. La dernière valeur est la couleur.</p> <p>En mettant les deux premières valeurs à zéro, on obtient assez classiquement un halo autour de la boîte, et non une ombre portée.</p> <p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> <strong>Dégradé</strong></p>
<div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style="">-spip-gradient<span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">,</span> <span style="color: #cc00cc;">#f0f0f0</span><span style="color: #00AA00;">,</span> <span style="color: #cc00cc;">#bbbbbb</span><span style="color: #00AA00;">;</span></div></li>
</ol></div></div></div>
<p>Je n'ai pas trouvé de consensus sur la syntaxe exacte d'un dégradé de fond, aussi je me suis inspiré de ce que propose le <span class="caps">W<span class="numbers">3</span>C</span>, en essayant de faire aussi simple que possible. À noter : les différents navigateurs ont de puissantes particularités, mais la méthode proposée est simple et le rendu est très proche sous Mozilla, Safari, Chrome et… Internet Explorer (même de vieilles versions !).</p> <p>Le code produit est assez farfelu :</p>
<div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #000000; font-weight: bold;">background</span><span style="color: #3333ff;">:-webkit-</span>gradient<span style="color: #00AA00;">&#40;</span>linear<span style="color: #00AA00;">,</span><span style="color: #000000; font-weight: bold;">left</span> <span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">,</span><span style="color: #000000; font-weight: bold;">left</span> <span style="color: #000000; font-weight: bold;">bottom</span><span style="color: #00AA00;">,</span>from<span style="color: #00AA00;">&#40;</span><span style="color: #cc00cc;">#f0f0f0</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">,</span>to<span style="color: #00AA00;">&#40;</span><span style="color: #cc00cc;">#bbbbbb</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #000000; font-weight: bold;">background-image</span><span style="color: #3333ff;">:-moz-linear-</span>gradient<span style="color: #00AA00;">&#40;</span><span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">,</span><span style="color: #cc00cc;">#f0f0f0</span><span style="color: #00AA00;">,</span><span style="color: #cc00cc;">#bbbbbb</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">filter<span style="color: #3333ff;">:progid</span><span style="color: #3333ff;">:DXImageTransform</span><span style="color: #6666ff;">.Microsoft</span>.gradient<span style="color: #00AA00;">&#40;</span>GradientType<span style="color: #00AA00;">=</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">,</span>startColorstr<span style="color: #00AA00;">=</span><span style="color: #ff0000;">'#f0f0f0'</span><span style="color: #00AA00;">,</span>endColorstr<span style="color: #00AA00;">=</span><span style="color: #ff0000;">'#bbbbbb'</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/e1323fab76ea3e204a3274a4d7b21738.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>La syntaxe de notre pseudo-style est la suivante :
<br />— « top » l'orientation du dégradé (de haut en bas) ; l'autre valeur possible est « left » (de gauche à droite) ; il n'est pas possible de faire un dégradé en biais (<span class="caps">MSIE</span> ne sait pas le faire, et les dégradés verticaux et horizontaux représentent en pratique un bonne partie des besoins) ;
<br />— la première couleur est la couleur de départ (ici, la couleur du haut),
<br />— la seconde est la couleur d'arrivée (ici, en bas).</p> <p>Pour assurer la compatibilité avec les navigateurs qui ne gèrent pas les dégradés, on pensera à indiquer, dans la feuille de style, la couleur de fond que l'on souhaite. Notez bien : il faut impérative indiquer cette valeur <i>avant</i> le dégradé, sinon on écrase le dégradé :</p>
<div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#dddddd</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">-spip-gradient<span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">,</span> <span style="color: #cc00cc;">#f0f0f0</span><span style="color: #00AA00;">,</span> <span style="color: #cc00cc;">#bbbbbb</span><span style="color: #00AA00;">;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/c0d9c060ee9da56938364df43dbe6093.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p><i>Important :</i> les couleurs de dégradé doivent être indiquées sous forme hexadécimale « classique » à six lettres (pour la compatibilité du code pour <span class="caps">MSIE</span>) ; par ailleurs, l'actuel compacteur de <span class="caps">CSS</span> livré avec <span class="caps">SPIP</span> est en effet un peu trop « efficace », et transforme les codes couleurs composés de trois paires de lettres identiques (du genre <code class='spip_code' dir='ltr'>#ff0066</code> transformé en <code class='spip_code' dir='ltr'>#f06</code>) d'une façon qui ne permet plus au dégradé <span class="caps">MSIE</span> de fonctionner. Si vous utilisez le compactage des <span class="caps">CSS</span> (et vous devriez le faire…), choisissez des couleurs qui n'ont pas d'équivalent à trois lettres (tel que <code class='spip_code' dir='ltr'>#ff0066</code>).</p> <p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> <strong>Fond de bloc semi-transparent</strong></p> <p>Pour réaliser des fonds de bloc colorés semi-transparents, dans les navigateurs modernes, il suffit de définir la couleur de fond en <code class='spip_code' dir='ltr'>rgba</code> (on code les <span class="numbers">3</span> composantes de couleurs, suivies d'une valeur d'opacité).</p> <p>Évidemment, pas sous <span class="caps">MSIE</span>.</p> <p>Le pseudo-raccourci suivant transforme les valeurs pour qu'elles fonctionnent « normalement » en <span class="caps">RGBA</span>, et fabriquent le filtre approprié pour <span class="caps">MSIE</span>.</p> <div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""> -spip-<span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> rgba <span style="color: #00AA00;">&#40;</span><span style="color: #cc66cc;">255</span><span style="color: #00AA00;">,</span> <span style="color: #cc66cc;">255</span><span style="color: #00AA00;">,</span> <span style="color: #cc66cc;">127</span><span style="color: #00AA00;">,</span> <span style="color: #cc66cc;">0.5</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span></div></li>
</ol></div></div></div>
<p>On peut aussi utiliser des pourcentages :</p>
<div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""> -spip-<span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> rgba <span style="color: #00AA00;">&#40;</span><span style="color: #933;">100%</span><span style="color: #00AA00;">,</span> <span style="color: #933;">100%</span><span style="color: #00AA00;">,</span> <span style="color: #933;">50%</span><span style="color: #00AA00;">,</span> <span style="color: #cc66cc;">0.5</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span></div></li>
</ol></div></div></div>
<p>Notez bien : n'insérez pas de <code class='spip_code' dir='ltr'>background-color</code> traditionnel avec ce style, sinon il écrasera l'effet de transparence sous <span class="caps">MSIE</span>.</p> <p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> <strong>Transitions</strong></p> <p>La versions <span class="numbers">1</span>.<span class="numbers">3</span> du plugin traite les transitions <span class="caps">CSS</span> :</p>
<div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style="">-spip-transition</div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">-spip-transition-property</div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">-spip-transition-duration</div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">-spip-transition-timing-function</div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">-spip-transition-delay</div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/125077729ab5297f97248fe29b474eda.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>Par exemple, pour effectuer une transition sur la couleur du fond, on peut coder ainsi :</p> <div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style="">a <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#eeeeeee</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> -spip-transition-property<span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> -spip-transition-duration<span style="color: #00AA00;">:</span> 0.1s<span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #00AA00;">&#125;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">a<span style="color: #3333ff;">:hover </span><span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#cccccc</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #00AA00;">&#125;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/2db3eff6e99a7dea3475536a05d49545.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> <strong>Text shadow</strong></p> <p>L'ombre portée du texte se code avec <code class='spip_code' dir='ltr'>-spip-text-shadow</code>.</p> <p>Son intérêt à limité à une situation (qui n'est cependant pas inutile du tout) : lorsque les décalages horizontal et vertical sont nuls, c'est qu'on souhaite réaliser un halo autour du texte.</p> <p>Dans ce cas, le plugin insère un code compatible <span class="caps">MSIE</span>.</p> <div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style="">-spip-<span style="color: #000000; font-weight: bold;">text-shadow</span><span style="color: #00AA00;">:</span> <span style="color: #933;">0px</span> <span style="color: #933;">0px</span> <span style="color: #933;">3px</span> <span style="color: #cc00cc;">#000000</span><span style="color: #00AA00;">;</span></div></li>
</ol></div></div></div>
<p><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> <strong>Compatibilité</strong></p> <p>D'après mes essais, la compatibilité est assez bonne, y compris avec <span class="caps">MSIE</span>. Habituellement, ces effets se dégradent bien, visuellement, lorsqu'ils ne sont pas actifs. On perd des effets de relief, mais la page n'est pas « déformée » (trucs qui dépassent partout) et le texte reste lisible.</p> <p>Sous <span class="caps">MSIE</span>, on pourra être amené à changer l'ordre des différents styles, certains ayant tendance à en désactiver d'autres (il semble par exemple que l'opacité, placée après la dégradé, annule le dégradé).</p> <p>Les deux choses à surveiller principalement sont :
<br />— la dégradation de l'opacité ; <br />— la mention explicite d'une couleur de fond avant la définition d'un dégradé de fond.</p> <h3 class="spip">Mise à jour</h3>
<p><strong><span class="numbers">1</span>.<span class="numbers">0</span>.</strong> Accepter les critères sur plusieurs lignes, du style :</p> <div class="coloration_code"><div class="spip_css cadre"><div class="css"><ol><li style="font-weight: normal; vertical-align:top;"><div style="">a<span style="color: #00AA00;">,</span> </div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">a<span style="color: #6666ff;">.spip_in</span><span style="color: #00AA00;">,</span> </div></li>
<li style="font-weight: normal; vertical-align:top;"><div style="">a<span style="color: #6666ff;">.spip_out</span> <span style="color: #00AA00;">&#123;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">text-decoration</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">none</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#ff0000</span><span style="color: #00AA00;">;</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #00AA00;">&#125;</span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/4b94c8a8bf6e9cc60758760ba71e91bd.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p><strong><span class="numbers">1</span>.<span class="numbers">1</span>.</strong> Les <code class='spip_code' dir='ltr'>ereg</code> sont remplacés par des <code class='spip_code' dir='ltr'>mb_ereg</code> (compatibilité <span class="caps">PHP</span> <span class="numbers">5</span>.<span class="numbers">3</span>).</p> <p><strong><span class="numbers">1</span>.<span class="numbers">2</span>.</strong> Introduction de pseudo-styles <code class='spip_code' dir='ltr'>-spip...</code> permettant de créer automatiquement des styles compatibles Webkit, <span class="caps">CSS<span class="numbers">3</span></span>, Mozilla et <span class="caps">MSIE</span>. Tous les <code class='spip_code' dir='ltr'>mb_ereg</code> sont remplacés par des <code class='spip_code' dir='ltr'>preg</code> plus classiques.</p> <p><strong><span class="numbers">1</span>.<span class="numbers">3</span>.</strong> Introduction des pseudo-styles pour les transitions <span class="caps">CSS</span>.</p> <p><strong><span class="numbers">1</span>.<span class="numbers">4</span>.</strong> Introduction du pseudo-style <code class='spip_code' dir='ltr'>-spip-background-color</code>.</p> <p><strong><span class="numbers">1</span>.<span class="numbers">5</span>.</strong> Introduction de <code class='spip_code' dir='ltr'>-spip-text-shadow</code>.</p> <p><strong><span class="numbers">1</span>.<span class="numbers">6</span>.</strong> Introduction de la fonction <code class='spip_code' dir='ltr'>couleur_rgba($couleur, $alpha)</code> qui permet de fabriquer une couleur <span class="caps">RGBA</span> à partir d'un code hexadécimal.</p></div>
		
		</content:encoded>

";s:4:"tags";a:2:{i:0;s:106:"<a href="http://plugins.spip.net/-outils-pour-developpeurs-" rel="directory">Outils pour développeurs</a>";i:1;s:128:"<a href='http://shauninman.com/archive/2007/06/27/css_server_side_pre_processor' class='spip_out' rel='external'>Shaun Inman</a>";}}}s:46:"http://files.spip.org/spip-zone/lire_aussi.zip";a:3:{i:0;s:10:"Lire aussi";i:1;s:34:"http://plugins.spip.net/lire-aussi";i:2;a:10:{s:3:"url";s:34:"http://plugins.spip.net/lire-aussi";s:5:"titre";s:10:"Lire aussi";s:4:"date";i:1217691450;s:10:"lesauteurs";s:5:"ARNO*";s:10:"descriptif";s:529:"<p>Ce plugin permet de grouper des articles, afin de proposer ponctuellement des articles en "lire aussi…" sans avoir à créer des mots-clés à chaque occasion.</p>

<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>

<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">0</span>, 
Français, 
Fonctions génériques, 
<span class="caps">SPIP</span> <span class="numbers">2</span>.<span class="numbers">1</span>";s:7:"content";s:14328:"<div class='rss_texte'><p>Certains sites ont besoin de lier ponctuellement des articles par petits groupes, de façon à pouvoir présenter des liens de type « Lire aussi… » entre ces articles.</p> <p>On trouve cela désormais de manière systématique sur les sites des quotidiens. Par exemple, dans une page de rubrique du Guardian, on trouve ceci :</p> <dl class='spip_document_58 spip_documents spip_documents_center'>
<dt><img src='http://plugins.spip.net/local/cache-vignettes/L308xH325/lire_aussi1-2b93b.jpg' width='308' height='325' alt='JPEG - 31 ko' style='height:325px;width:308px;' /></dt>
</dl>
<p>L'article principal est complété ici par deux « petits » articles qui lui sont liés.</p> <p>Sur Libération, cela donnera par exemple :</p> <dl class='spip_document_59 spip_documents spip_documents_center'>
<dt><img src='http://plugins.spip.net/local/cache-vignettes/L398xH223/lire_aussi2-ff042.jpg' width='398' height='223' alt='JPEG - 31.4 ko' style='height:223px;width:398px;' /></dt>
</dl>
<p>Bien sûr, dans <span class="caps">SPIP</span>, on peut réaliser cela en regroupant ces articles dans une rubrique. D'accord, mais on peut très bien imaginer que ces articles n'ont pas vocation, malgré leur thème commun, à se trouver dans la même rubrique (par exemple un site structuré non selon les sujets, mais selon les contributeurs ou les types de médias). Dans ce cas, difficile de créer de tels liens.</p> <p>La solution qui ne convient absolument pas, ici, consiste à créer un mot-clé pour ce petit groupe d'articles. Au niveau de la gestion du site, cela donne (j'en ai déjà vu malheureusement) des sites dotés de quelques centaines de mots-clés dont l'usage est systématiquement ponctuel. Rapidement ingérable. J'ai donc réalisé ce plugin qui permet de créer des liens entre plusieurs articles (un peu sur le modèle des liens de traduction, d'ailleurs) : c'est le plugin « Lire aussi ».</p> <p><b>Attention : ce plugin ne fonctionne que sur l'actuelle version en développement de <span class="caps">SPIP</span>, accessible par <span class="caps">SVN</span>.</b></p> <div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_60 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_60').slideFadeToggle( function(){ $('.spip_document_60').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/lire_aussi3.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L400xH315/lire_aussi3-f30bc-352b5.jpg' width='400' height='315' style='height:315px;width:400px;' /></a></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_60 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_60').slideFadeToggle( function(){ $('.spip_document_big_60').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/lire_aussi3.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH158/lire_aussi3-b0f64-b50bc.jpg' width='200' height='158' style='height:158px;width:200px;' /></a></dt> </dl> </div>
<p>Une fois installé et activé, le plugin ne nécessite aucune configuration ; en revanche, il faut modifier ses squelettes pour afficher ces nouvelles relations entre articles. Il devient immédiatement actif en ajoutant un pavé dans les pages d'articles.</p> <p>Zoomons sur ce bloc :</p>
<dl class='spip_document_61 spip_documents spip_documents_center'>
<dt><img src='http://plugins.spip.net/local/cache-vignettes/L400xH55/lire_aussi4-5befd.jpg' width='400' height='55' alt='JPEG - 5.3 ko' style='height:55px;width:400px;' /></dt>
</dl>
<p>Ici, j'entre le numéro d'un autre article, et je valide. Je réalise si nécessaire cette opération plusieurs fois, de façon à lier d'autres articles. J'obtiens ceci :</p>
<dl class='spip_document_62 spip_documents spip_documents_center'>
<dt><img src='http://plugins.spip.net/local/cache-vignettes/L400xH127/lire_aussi5-418d9.jpg' width='400' height='127' alt='JPEG - 14 ko' style='height:127px;width:400px;' /></dt>
</dl>
<p>Dans la liste, il y a deux options pour chaque entrée :
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> en colonne de gauche, les petites icônes permettent de changer l'« article de référence » (comme pour les liens de traduction) ; l'article de référence est l'article principal du groupe d'articles, destiné à servir de point d'entrée ;
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> en colonne de droite, la petite croix rouge pour retirer un élément de la liste.</p> <p>Notez que l'interface est en <span class="caps">AJAX</span> et ne provoque pas de rechargement de la page lorsqu'on ajoute ou supprime des articles liés.</p> <h3 class="spip">N'utilisez pas ce plugin</h3>
<p>En règle générale, je conseille d'utiliser le moins de plugins possibles. Je déconseille particulièrement d'utiliser celui-ci. C'est typiquement le genre de plugin qui vous transforme un site en usine à gaz ingérable si les administrateurs ne sont pas extrêmement rigoureux.</p> <p>Commencez par voir s'il n'est pas possible de réaliser ces groupes d'articles plus simplement : en croisant des mots-clés thématiques, ou en concevant la structure avec des sous-rubriques pertinentes. Dans <span class="numbers">90</span>% des cas, je suis certain que cela suffit largement.</p> <p>Dans les <span class="numbers">10</span>% qui restent, commencez par essayer de vous convaincre que, de toute façon, vous n'avez pas besoin d'une telle fonctionnalité.</p> <h3 class="spip">Les boucles</h3>
<p>Le principe est similaire aux liens de traduction. Si un article appartient à un groupe d'articles, alors tous ces articles partagent un même champ <code class='spip_code' dir='ltr'>id_lire</code>, égal à l'<code class='spip_code' dir='ltr'>id_article</code> de l'article principal. Un article qui n'appartient pas à un groupe d'articles a simplement un <code class='spip_code' dir='ltr'>id_lire</code> de <span class="numbers">0</span>.</p> <p>Voici comment simplement afficher les articles en « lire aussi » :</p> <div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #222;"><BOUCLE_principale<span style="color: #527EE0;"><span class="br0">&#40;</span>ARTICLES<span class="br0">&#41;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_article<span class="br0">&#125;</span></span></span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"><B_lire_aussi</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <ul></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"><BOUCLE_lire_aussi<span style="color: #527EE0;"><span class="br0">&#40;</span>ARTICLES<span class="br0">&#41;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_lire=<span style="color: #CA5200;">#ID_LIRE</span><span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_lire > 0<span class="br0">&#125;</span></span></span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <li><a href="<span style="color: #CA5200;">#URL_ARTICLE</span>"><span style="color: #CA5200;">#TITRE</span></a></li></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"></BOUCLE_lire_aussi</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> </ul></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"></B_lire_aussi</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><h1><span style="color: #CA5200;">#TITRE</span></h1></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #CA5200;">#TEXTE</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #222;"></BOUCLE_principale</span><span style="color: #222;">></span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/2d5d85cc6d0c2137ee50d59b55f1f04c.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>C'est tout simple. Pour ne pas afficher l'article en cours, ou pour l'afficher sans lien, ce sont les critères habituels de ce genre de boucle, je vous laisse faire.</p> <p>Voici maintenant une façon de présenter la liste des articles des rubriques, en n'affichant que les articles qui sont les principaux articles de leur groupe, ou alors qui n'appartiennent pas un groupe.</p> <div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #222;"><BOUCLE_principale<span style="color: #527EE0;"><span class="br0">&#40;</span>RUBRIQUES<span class="br0">&#41;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_rubrique<span class="br0">&#125;</span></span></span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><h1><span style="color: #CA5200;">#TITRE</span></h1></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"><BOUCLE_articles<span style="color: #527EE0;"><span class="br0">&#40;</span>ARTICLES<span class="br0">&#41;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_rubrique<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>par num titre<span class="br0">&#125;</span></span></span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"><BOUCLE_test_lire<span style="color: #527EE0;"><span class="br0">&#40;</span>ARTICLES<span class="br0">&#41;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_article<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_lire==^<span class="br0">&#40;</span><span style="">0</span>|<span style="color: #CA5200;">#ID_ARTICLE</span><span class="br0">&#41;</span>$<span class="br0">&#125;</span></span></span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <div><span style="color: #222;"><b><span style="color: #CA5200;">#ID_ARTICLE</span>.</b> <span style="color: #CA5200;">#TITRE</span> <span class="br0">&#40;</span><span style="color: #CA5200;">#ID_LIRE</span><span class="br0">&#41;</span></div</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> </div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"><B_lire_aussi</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <ul></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"><BOUCLE_lire_aussi<span style="color: #527EE0;"><span class="br0">&#40;</span>ARTICLES<span class="br0">&#41;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_lire > 0<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_lire=<span style="color: #CA5200;">#ID_LIRE</span><span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>par num titre<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>exclus<span class="br0">&#125;</span></span></span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <li><span style="color: #222;"><b><span style="color: #CA5200;">#ID_ARTICLE</span>.</b> <span style="color: #CA5200;">#TITRE</span> <span class="br0">&#40;</span><span style="color: #CA5200;">#ID_LIRE</span><span class="br0">&#41;</span></li</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"></BOUCLE_lire_aussi</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> </ul></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"></B_lire_aussi</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"></BOUCLE_test_lire</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"></BOUCLE_articles</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #222;"></BOUCLE_principale</span><span style="color: #222;">></span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/03f7a563dc21efca85ce232309eeae69.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div></div>";s:4:"lang";s:2:"fr";s:10:"enclosures";s:127:"<a rel="enclosure" href="http://files.spip.org/spip-zone/lire_aussi.zip" type="application/zip" title="5031">lire_aussi.zip</a>";s:4:"item";s:15647:"
		<title>Lire aussi</title>
		<link>http://plugins.spip.net/lire-aussi</link>
		<guid isPermaLink="true">http://plugins.spip.net/lire-aussi</guid>
		<date>2008-08-02T15:37:30Z</date>
		<format>text/html</format>
		<language>fr</language>
		<creator>ARNO*</creator>

<description>
		<p>Ce plugin permet de grouper des articles, afin de proposer ponctuellement des articles en "lire aussi…" sans avoir à créer des mots-clés à chaque occasion.</p>

<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>

</description>

<content:encoded><div class='rss_texte'><p>Certains sites ont besoin de lier ponctuellement des articles par petits groupes, de façon à pouvoir présenter des liens de type « Lire aussi… » entre ces articles.</p> <p>On trouve cela désormais de manière systématique sur les sites des quotidiens. Par exemple, dans une page de rubrique du Guardian, on trouve ceci :</p> <dl class='spip_document_58 spip_documents spip_documents_center'>
<dt><img src='http://plugins.spip.net/local/cache-vignettes/L308xH325/lire_aussi1-2b93b.jpg' width='308' height='325' alt='JPEG - 31 ko' style='height:325px;width:308px;' /></dt>
</dl>
<p>L'article principal est complété ici par deux « petits » articles qui lui sont liés.</p> <p>Sur Libération, cela donnera par exemple :</p> <dl class='spip_document_59 spip_documents spip_documents_center'>
<dt><img src='http://plugins.spip.net/local/cache-vignettes/L398xH223/lire_aussi2-ff042.jpg' width='398' height='223' alt='JPEG - 31.4 ko' style='height:223px;width:398px;' /></dt>
</dl>
<p>Bien sûr, dans <span class="caps">SPIP</span>, on peut réaliser cela en regroupant ces articles dans une rubrique. D'accord, mais on peut très bien imaginer que ces articles n'ont pas vocation, malgré leur thème commun, à se trouver dans la même rubrique (par exemple un site structuré non selon les sujets, mais selon les contributeurs ou les types de médias). Dans ce cas, difficile de créer de tels liens.</p> <p>La solution qui ne convient absolument pas, ici, consiste à créer un mot-clé pour ce petit groupe d'articles. Au niveau de la gestion du site, cela donne (j'en ai déjà vu malheureusement) des sites dotés de quelques centaines de mots-clés dont l'usage est systématiquement ponctuel. Rapidement ingérable. J'ai donc réalisé ce plugin qui permet de créer des liens entre plusieurs articles (un peu sur le modèle des liens de traduction, d'ailleurs) : c'est le plugin « Lire aussi ».</p> <p><b>Attention : ce plugin ne fonctionne que sur l'actuelle version en développement de <span class="caps">SPIP</span>, accessible par <span class="caps">SVN</span>.</b></p> <div class="spip_documents_deplier_haut"> <dl style="display: none;" class='spip_document_big_60 spip_documents spip_documents_center spip_lien_ok'> <dt><a style="cursor: url(squelettes/imgs/reduce.cur), pointer;" onclick="$('.spip_document_big_60').slideFadeToggle( function(){ $('.spip_document_60').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/lire_aussi3.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L400xH315/lire_aussi3-f30bc-352b5.jpg' width='400' height='315' style='height:315px;width:400px;' /></a></dt> </dl> </div> <div class="spip_documents_deplier"> <dl class='spip_document_60 spip_documents spip_documents_right spip_lien_ok' style='float:right; width:200px;'> <dt><a style="cursor: url(squelettes/imgs/loupe.cur), pointer;" onclick="$('.spip_document_60').slideFadeToggle( function(){ $('.spip_document_big_60').slideFadeToggle();}); return false;" href="http://plugins.spip.net/IMG/jpg/lire_aussi3.jpg"><img src='http://plugins.spip.net/local/cache-vignettes/L200xH158/lire_aussi3-b0f64-b50bc.jpg' width='200' height='158' style='height:158px;width:200px;' /></a></dt> </dl> </div>
<p>Une fois installé et activé, le plugin ne nécessite aucune configuration ; en revanche, il faut modifier ses squelettes pour afficher ces nouvelles relations entre articles. Il devient immédiatement actif en ajoutant un pavé dans les pages d'articles.</p> <p>Zoomons sur ce bloc :</p>
<dl class='spip_document_61 spip_documents spip_documents_center'>
<dt><img src='http://plugins.spip.net/local/cache-vignettes/L400xH55/lire_aussi4-5befd.jpg' width='400' height='55' alt='JPEG - 5.3 ko' style='height:55px;width:400px;' /></dt>
</dl>
<p>Ici, j'entre le numéro d'un autre article, et je valide. Je réalise si nécessaire cette opération plusieurs fois, de façon à lier d'autres articles. J'obtiens ceci :</p>
<dl class='spip_document_62 spip_documents spip_documents_center'>
<dt><img src='http://plugins.spip.net/local/cache-vignettes/L400xH127/lire_aussi5-418d9.jpg' width='400' height='127' alt='JPEG - 14 ko' style='height:127px;width:400px;' /></dt>
</dl>
<p>Dans la liste, il y a deux options pour chaque entrée :
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> en colonne de gauche, les petites icônes permettent de changer l'« article de référence » (comme pour les liens de traduction) ; l'article de référence est l'article principal du groupe d'articles, destiné à servir de point d'entrée ;
<br /><img src="http://plugins.spip.net/local/cache-vignettes/L8xH11/puce-32883.gif" width='8' height='11' class='puce' alt="-" style='height:11px;width:8px;' /> en colonne de droite, la petite croix rouge pour retirer un élément de la liste.</p> <p>Notez que l'interface est en <span class="caps">AJAX</span> et ne provoque pas de rechargement de la page lorsqu'on ajoute ou supprime des articles liés.</p> <h3 class="spip">N'utilisez pas ce plugin</h3>
<p>En règle générale, je conseille d'utiliser le moins de plugins possibles. Je déconseille particulièrement d'utiliser celui-ci. C'est typiquement le genre de plugin qui vous transforme un site en usine à gaz ingérable si les administrateurs ne sont pas extrêmement rigoureux.</p> <p>Commencez par voir s'il n'est pas possible de réaliser ces groupes d'articles plus simplement : en croisant des mots-clés thématiques, ou en concevant la structure avec des sous-rubriques pertinentes. Dans <span class="numbers">90</span>% des cas, je suis certain que cela suffit largement.</p> <p>Dans les <span class="numbers">10</span>% qui restent, commencez par essayer de vous convaincre que, de toute façon, vous n'avez pas besoin d'une telle fonctionnalité.</p> <h3 class="spip">Les boucles</h3>
<p>Le principe est similaire aux liens de traduction. Si un article appartient à un groupe d'articles, alors tous ces articles partagent un même champ <code class='spip_code' dir='ltr'>id_lire</code>, égal à l'<code class='spip_code' dir='ltr'>id_article</code> de l'article principal. Un article qui n'appartient pas à un groupe d'articles a simplement un <code class='spip_code' dir='ltr'>id_lire</code> de <span class="numbers">0</span>.</p> <p>Voici comment simplement afficher les articles en « lire aussi » :</p> <div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #222;"><BOUCLE_principale<span style="color: #527EE0;"><span class="br0">&#40;</span>ARTICLES<span class="br0">&#41;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_article<span class="br0">&#125;</span></span></span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"><B_lire_aussi</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <ul></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"><BOUCLE_lire_aussi<span style="color: #527EE0;"><span class="br0">&#40;</span>ARTICLES<span class="br0">&#41;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_lire=<span style="color: #CA5200;">#ID_LIRE</span><span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_lire > 0<span class="br0">&#125;</span></span></span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <li><a href="<span style="color: #CA5200;">#URL_ARTICLE</span>"><span style="color: #CA5200;">#TITRE</span></a></li></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"></BOUCLE_lire_aussi</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> </ul></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"></B_lire_aussi</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><h1><span style="color: #CA5200;">#TITRE</span></h1></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #CA5200;">#TEXTE</span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #222;"></BOUCLE_principale</span><span style="color: #222;">></span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/2d5d85cc6d0c2137ee50d59b55f1f04c.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div>
<p>C'est tout simple. Pour ne pas afficher l'article en cours, ou pour l'afficher sans lien, ce sont les critères habituels de ce genre de boucle, je vous laisse faire.</p> <p>Voici maintenant une façon de présenter la liste des articles des rubriques, en n'affichant que les articles qui sont les principaux articles de leur groupe, ou alors qui n'appartiennent pas un groupe.</p> <div class="coloration_code"><div class="spip_spip2 cadre"><div class="spip2"><ol><li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #222;"><BOUCLE_principale<span style="color: #527EE0;"><span class="br0">&#40;</span>RUBRIQUES<span class="br0">&#41;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_rubrique<span class="br0">&#125;</span></span></span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><h1><span style="color: #CA5200;">#TITRE</span></h1></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"><BOUCLE_articles<span style="color: #527EE0;"><span class="br0">&#40;</span>ARTICLES<span class="br0">&#41;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_rubrique<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>par num titre<span class="br0">&#125;</span></span></span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"><BOUCLE_test_lire<span style="color: #527EE0;"><span class="br0">&#40;</span>ARTICLES<span class="br0">&#41;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_article<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_lire==^<span class="br0">&#40;</span><span style="">0</span>|<span style="color: #CA5200;">#ID_ARTICLE</span><span class="br0">&#41;</span>$<span class="br0">&#125;</span></span></span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <div><span style="color: #222;"><b><span style="color: #CA5200;">#ID_ARTICLE</span>.</b> <span style="color: #CA5200;">#TITRE</span> <span class="br0">&#40;</span><span style="color: #CA5200;">#ID_LIRE</span><span class="br0">&#41;</span></div</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> </div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"><B_lire_aussi</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <ul></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"><BOUCLE_lire_aussi<span style="color: #527EE0;"><span class="br0">&#40;</span>ARTICLES<span class="br0">&#41;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_lire > 0<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>id_lire=<span style="color: #CA5200;">#ID_LIRE</span><span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>par num titre<span class="br0">&#125;</span></span><span style="color: #74B900;"><span class="br0">&#123;</span>exclus<span class="br0">&#125;</span></span></span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <li><span style="color: #222;"><b><span style="color: #CA5200;">#ID_ARTICLE</span>.</b> <span style="color: #CA5200;">#TITRE</span> <span class="br0">&#40;</span><span style="color: #CA5200;">#ID_LIRE</span><span class="br0">&#41;</span></li</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"></BOUCLE_lire_aussi</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> </ul></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"></B_lire_aussi</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"></BOUCLE_test_lire</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""> <span style="color: #222;"></BOUCLE_articles</span><span style="color: #222;">></span></div></li>
<li style="font-weight: normal; vertical-align:top;"><div style=""><span style="color: #222;"></BOUCLE_principale</span><span style="color: #222;">></span></div></li>
</ol></div></div><div class='cadre_download' style='text-align: right;'> <a href='http://plugins.spip.net/local/cache-code/03f7a563dc21efca85ce232309eeae69.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'>Télécharger</a></div></div></div>
		
		</content:encoded>

</channel>

</rss>";s:4:"tags";a:1:{i:0;s:105:"<a href="http://plugins.spip.net/-Ergonomie-du-site-public-" rel="directory">Ergonomie du site public</a>";}}}}

/home/etiennec/www/oldsite/../oldsite/tmp/syndic_plug_c9a1cebf009c91e6a2b99ec6a5d35a04.txt