<?xml version="1.0" encoding="utf-8"?> Min egen webbsajt. http://www.cronberg.se/ sv SPIP - www.spip.net Arbete pågår. http://cronberg.se/om-sajten/article/om-det-ser-lite-underligt-ut-har http://cronberg.se/om-sajten/article/om-det-ser-lite-underligt-ut-har 2017-08-16T16:35:05Z text/html sv Rolf Cronberg <span class="caps">EDITO</span> <p>Om det ser lite underligt ut så är det för att jag håller på att testa lite nya saker.</p> - <a href="http://cronberg.se/om-sajten/" rel="directory">Om sajten</a> / <a href="http://cronberg.se/mot/edito" rel="tag">EDITO</a> <div class='rss_texte'><p>Om det ser lite underligt ut så är det för att jag håller på att testa lite nya saker. Att det står lite på franska här och var får du leva med ett tag.</p> <dl class='spip_document_39 spip_documents spip_documents_center'> <dt><img src='http://cronberg.se/local/cache-vignettes/L500xH310/memphis1979-cb794.png?1502904634' width='500' height='310' alt="Vi arbetar hårt för att skapa en bra sajt. - PNG - 1.9 Mb" /></dt> <dd class="crayon document-titre-39 spip_doc_titre" style="width:350px;"><strong>Vi arbetar hårt för att skapa en bra sajt. </strong></dd> </dl></div> Raccourcis Typographiques de SPIP, mode d'emploi http://cronberg.se/fourre-tout/article/raccourcis-typographiques-de-spip-mode-d-emploi http://cronberg.se/fourre-tout/article/raccourcis-typographiques-de-spip-mode-d-emploi 2017-08-16T14:58:59Z text/html sv Rolf Cronberg ALaUne Courrier_libre Sommaire <p>Un préalable important : la mise en page d'un texte est au service du sens de celui-ci, pas du goût personnel de celui qui se trouve devant l'écran! Or, les raccourcis typographiques de <span class="caps">SPIP</span> portent en eux-mêmes du sens. Il est important d'avoir une correspondance entre le sens typographique et le sens du texte. Par exemple, un titre du point de vue du texte doit aussi l'être du point de vue typographique. N'oubliez pas non plus que votre site sera lu par des visiteurs pouvant être dans des (…)</p> - <a href="http://cronberg.se/fourre-tout/" rel="directory">Fourre-tout</a> / <a href="http://cronberg.se/mot/alaune" rel="tag">ALaUne</a>, <a href="http://cronberg.se/mot/courrier_libre" rel="tag">Courrier_libre</a>, <a href="http://cronberg.se/mot/sommaire" rel="tag">Sommaire</a> <img class='spip_logo spip_logo_right spip_logos' alt="" style='float:right' src='http://cronberg.se/local/cache-vignettes/L150xH89/arton8-7f491.png?1502904634' width='150' height='89' /> <div class='rss_chapo'><p><strong>Un préalable important</strong> : la mise en page d'un texte est au service du <strong>sens</strong> de celui-ci, pas du goût personnel de celui qui se trouve devant l'écran! Or, les raccourcis typographiques de <span class="caps"><abbr title="Système de Publication pour un Internet Participatif">SPIP</abbr></span> portent en eux-mêmes du <strong>sens</strong>. Il est <strong>important</strong> d'avoir une correspondance entre le <strong>sens</strong> typographique et le <strong>sens</strong> du texte. Par exemple, un titre du point de vue du texte doit aussi l'être du point de vue typographique.</p> <p>N'oubliez pas non plus que votre site sera lu par des visiteurs pouvant être dans des résolutions d'écran différentes de la vôtre et qu'une «belle» mise en page chez vous pourrait être complètement différente pour le visiteur.</p> <p>Avant d'aller plus loin, vous pouvez lire avec profit : <a href="http://www.pyrat.net/452" class='spip_out' rel='external'>Raccourcis typographiques indispensables de <span class="caps">SPIP</span></a>.</p></div> <div class='rss_texte'><h2 class='h3 spip'>Le texte préexiste à la mise en page</h2> <p>C'est peut-être une évidence, mais pour mettre en page un texte, il faut que le texte existe.</p> <p>Dans le cas de <span class="caps"><abbr title="Système de Publication pour un Internet Participatif">SPIP</abbr></span>, ça veut dire qu'il vaut mieux (au moins dans un premier temps):</p> <ul class="spip"><li> disposer de tout le texte sans aucun raccourci typographique,</li><li> sauter une ligne à chaque changement d'idée (ce qui donne un changement de paragraphe, voire un titre),</li><li> faire un retour à la ligne avant chaque élément d'une énumération.</li></ul> <p>Ce n'est qu'ensuite que les raccourcis typographiques de <span class="caps">SPIP</span> pourront être appliqués avec discernement.</p> <h2 class='h3 spip'>Distinction entre paragraphes et caractères</h2> <p>Certains attributs typographiques ne peuvent s'appliquer qu'à des paragraphes entiers, d'autres doivent être appliqués à des caractères dans le <strong>même</strong> paragraphe.</p> <p>Dans la Barre Typographique de <span class="caps">SPIP</span>, les attributs de caractères forment le premier groupe sur la gauche, les attributs typographiques de paragraphes le deuxième.<a id="definition_ancre"></a></p> <h3 class="spip">Paragraphes</h3> <p>Un paragraphe dans <span class="caps">SPIP</span> est précédé d'une ligne vide et suivi d'une ligne vide<span class="spip_note_ref"> [<a href='#nb2-1' class='spip_note' rel='footnote' title='Sauf les listes à puce et les tableaux' id='nh2-1'>1</a>]</span>.</p> <p>Une règle générale est de ne mettre qu'un attribut de paragraphe par paragraphe.</p> <p>Si deux paragraphes de suite ont le même attribut, il faut appliquer <strong>deux</strong> fois l'attribut, une fois pour chaque paragraphe.</p> <p>Les attributs de paragraphe ne sont pas disponibles dans les champs de <span class="caps">SPIP</span> n'ayant qu'une ligne.</p> <p>Les attributs de paragraphe sont :</p> <ul class="spip"><li> les titres <code class='spip_code' dir='ltr'>{{{</code>Paragraphe du titre<code class='spip_code' dir='ltr'>}}}</code> et sous-titres <code class='spip_code' dir='ltr'>{{{*</code>Texte du titre<code class='spip_code' dir='ltr'>}}}</code>, avec un nombre d'* (étoiles) variant de 2 à 5, la barre de raccourcis ne proposant que 2 et 3.<br class='manualbr' /><strong class="caractencadre-spip spip">Attention</strong>: il est essentiel de respecter la <strong>hiérarchie</strong> de la titraille et de ne pas commencer par un élément sans qu'il soit précédé de son niveau supérieur (on ne doit pas commencer à 2 !). Voir les exemples de <a href="#titraille" class='spip_ancre'>titraille</a><br class='manualbr' /><strong class="caractencadre-spip spip">Remarque</strong> : <code class='spip_code' dir='ltr'>{{{</code>Titre de premier niveau<code class='spip_code' dir='ltr'>}}}</code> est strictement équivalent à <code class='spip_code' dir='ltr'>{{{*</code>Titre de premier niveau<code class='spip_code' dir='ltr'>}}}</code>.</li></ul><ul class="spip"><li> centrer <code class='spip_code' dir='ltr'>[|</code>Paragraphe centré<code class='spip_code' dir='ltr'>|]</code> : à n'utiliser que de manière <strong>exceptionnelle</strong><span class="spip_note_ref"> [<a href='#nb2-2' class='spip_note' rel='footnote' title='J'avais mis ça en place à l'époque de la version 1.7 de SPIP qui gérait mal le (...)' id='nh2-2'>2</a>]</span> !</li></ul> <div class="spip" style="text-align:center;">Paragraphe centré</div><ul class="spip"><li> aligner à droite <code class='spip_code' dir='ltr'>[/</code>Paragraphe aligné à droite<code class='spip_code' dir='ltr'>/]</code> : essentiellement pour mettre la signature d'un auteur</li></ul> <div class="spip" style="text-align:right;">Paragraphe aligné à droite</div><ul class="spip"><li> encadrer <code class='spip_code' dir='ltr'>[(</code>Paragraphe à encadrer<code class='spip_code' dir='ltr'>)]</code></li></ul> <div class="texteencadre-spip spip">Paragraphe à encadrer</div> <p>Certains attributs sont un peu spéciaux :</p> <ul class="spip"><li> Poésie <code class='spip_code' dir='ltr'><poesie></code>Le texte de la poésie, sur plusieurs lignes, les retour à la ligne simple <strong>étant</strong> pris en compte<code class='spip_code' dir='ltr'></poesie></code></li></ul><blockquote class="spip_poesie"><div>Le geai gélatineux gégnait dans le jasmin</div> <div>Voici mes infins le plus beau vers de la langue française.</div> </blockquote><ul class="spip"><li> Cadre <code class='spip_code' dir='ltr'><cadre></code>Texte qui apparaitra dans une zone de formulaire facilitant le copier/coller<span class="spip_note_ref"> [<a href='#nb2-3' class='spip_note' rel='footnote' title='Essentiellement utilisé sur spip-contrib pour donner des exemples de (...)' id='nh2-3'>3</a>]</span><code class='spip_code' dir='ltr'></cadre></code></li></ul> <textarea readonly='readonly' cols='40' rows='3' class='spip_cadre' dir='ltr'>Ceci est du texte dans un cadre. les espaces en début de ligne comptent ! Les retours à la ligne simples aussi !</textarea><h4 class="spip">Citation</h4> <p>Soit à l'intérieur d'un paragraphe :<code class='spip_code' dir='ltr'><quote></code>Texte d'une citation<code class='spip_code' dir='ltr'></quote></code></p> <p>Proverbe connu : <q>C'est en forgeant que l'on devient forgeron.</q></p> <p>Soit formant un bloc :</p> <div style='text-align: left;' class='spip_code' dir='ltr'><code><quote><br /> L'amour naît d'un cœur déchiré tant il s'est agrandi.<br /> </quote></code></div><blockquote class="spip"> <p> L'amour naît d'un cœur déchiré tant il s'est agrandi.</p> </blockquote><h3 class="spip">Caractères</h3> <p>Les attributs de caractères <strong>doivent</strong> être ouverts et fermés à l'intérieur du même paragraphe (pas question de débuter le gras sur un premier paragraphe et de le terminer sur un deuxième).</p> <p>Ils peuvent être utilisés dans <strong>tous</strong> les champs de <span class="caps">SPIP</span>.</p> <h4 class="spip">Mise en forme</h4><ul class="spip"><li> gras : <code class='spip_code' dir='ltr'>{{</code>texte en gras<code class='spip_code' dir='ltr'>}}</code>; à utiliser pour un élément que l'on souhaite appuyer (sera prononcé plus fort dans un logiciel de lecture vocal) : <strong>texte en gras</strong></li><li> italique : <code class='spip_code' dir='ltr'>{</code>italique<code class='spip_code' dir='ltr'>}</code>; à utiliser pour une élément sur lequel on veut insister (sera prononcé avec emphase) : <em class="spip">italique</em></li><li> mise en évidence <code class='spip_code' dir='ltr'>[*</code>texte en évidence<code class='spip_code' dir='ltr'>*]</code> : élément que l'on souhaite appuyer en attirant le regard par un changement de couleur : <strong class="caractencadre-spip spip">texte en évidence</strong></li><li> mise en exposant : <code class='spip_code' dir='ltr'><sup></code>texte en exposant<code class='spip_code' dir='ltr'></sup></code> : pour l'abréviation de saint : S<sup>t</sup></li><li> petites capitales : <code class='spip_code' dir='ltr'><sc></code>texte en petite capitales<code class='spip_code' dir='ltr'></sc></code> : à utiliser essentiellement pour les noms propres : Charles <span class="smallcaps">de Gaulle</span></li><li> code : <tt><code></tt>du code (raccourcis typographiques, html…)<tt></code></tt> que l'on ne souhaite pas que <span class="caps">SPIP</span> interprète</li><li> biffé : <code class='spip_code' dir='ltr'><del></code>texte biffé<code class='spip_code' dir='ltr'></del></code> : pour indiquer qu'on avait pensé à un autre mot et que l'on a changé d'avis : <span class="caps">SPIP</span>, c'est <del>bien</del> fantastique!</li></ul><h4 class="spip">Comportement spécifique</h4><h5 class="spip">Aides à la compréhension du texte</h5><ul class="spip"><li> bulle d'aide : <code class='spip_code' dir='ltr'>[GPL|Gnu Public Licence]</code> : pour donner la signification d'un terme ou d'une abréviation : <acronym title='Gnu Public Licence'>GPL</acronym><br class='manualbr' />Ce raccourcis est beaucoup moins nécessaire depuis que vous disposez de <a href='http://cronberg.se/spip.php?page=article&#38;id_article=444'>article 444</a> automatiques.</li></ul><h5 class="spip">Liens internes et externes</h5><ul class="spip"><li> lien : <code class='spip_code' dir='ltr'>[texte du lien->https://www.spip.net/]</code> : lien : <a href="https://www.spip.net/" class='spip_out' rel='external'>texte du lien</a><br class='manualbr' />À noter qu'il est possible de faire des liens à l'intérieur du site <span class="caps">SPIP</span> à l'aide des <strong>numéros</strong> des éléments et de leur type (se reporter à l'aide en ligne fournie par <span class="caps">SPIP</span>).</li><li> lien avec bulle d'aide : <code class='spip_code' dir='ltr'>[texte du lien|Le site officiel de SPIP->https://www.spip.net/]</code> : <a href="https://www.spip.net/" class='spip_out' title="Le site officiel de SPIP" rel='external'>texte du lien</a></li><li> lien avec langue de destination (non visible sur Internet Explorer) : <code class='spip_code' dir='ltr'>[texte du lien|{fr}->https://www.spip.net/]</code> : <a href="https://www.spip.net/" class='spip_out' hreflang='fr' rel='external'>texte du lien</a></li><li> lien avec bulle d'aide et langue de destination : <code class='spip_code' dir='ltr'>[texte du lien|Le site officiel de SPIP{fr}->https://www.spip.net/]</code> : <a href="https://www.spip.net/" class='spip_out' hreflang='fr' title="Le site officiel de SPIP" rel='external'>texte du lien</a></li><li> ancre et retour à l'ancre : <code class='spip_code' dir='ltr'>[definition_ancre<-]</code> et <code class='spip_code' dir='ltr'>[retour à l'ancre->#definition_ancre]</code> : <a href="#definition_ancre" class='spip_ancre'>retour à l'ancre</a></li><li> définition dans Wikipedia : <code class='spip_code' dir='ltr'>[?GPL]</code> : appelle l'encyclopédie libre Wkipedia pour obtenir la définition du mot<span class="spip_note_ref"> [<a href='#nb2-4' class='spip_note' rel='footnote' title='Si le mot n'existe pas, vous pouvez le créer vous-même!' id='nh2-4'>4</a>]</span> : <a href="http://sv.wikipedia.org/wiki/GPL" class='spip_glossaire' rel='external'><span class="caps"><span class="caps">GPL</span></span></a><br class='manualbr' />Avec bulle d'aide : <code class='spip_code' dir='ltr'>[?GPL|Définition sur Wikipédia]</code> : <a href="http://sv.wikipedia.org/wiki/GPL" class='spip_glossaire' title="Définition sur Wikipédia" rel='external'><span class="caps"><span class="caps">GPL</span></span></a></li><li> note de bas de page : <code class='spip_code' dir='ltr'>texte[[note de bas de page]]</code> : crée une note de bas de page avec le texte entre les doubles crochets<span class="spip_note_ref"> [<a href='#nb2-5' class='spip_note' rel='footnote' title='Et la note de bas de page est automatiquement numérotée, rendue clicable, (...)' id='nh2-5'>5</a>]</span></li></ul><h3 class="spip">Listes</h3> <p>Les listes sont à utiliser pour tout ce qui à le <strong>sens</strong> d'une énumération.</p> <p><strong>Attention</strong>: il faut entourer un bloc de listes à puces d'une ligne vide avant et après.</p> <h4 class="spip">Listes à puces</h4> <textarea readonly='readonly' cols='40' rows='4' class='spip_cadre' dir='ltr'>-* première ligne -* deuxième ligne -** une sous liste à puce -* de retour dans le niveau initial</textarea> <p>Donnera :</p> <ul class="spip"><li> première ligne</li><li> deuxième ligne <ul class="spip"><li> une sous liste à puce</li></ul></li><li> de retour dans le niveau initial</li></ul><h4 class="spip">Listes numérotées</h4> <textarea readonly='readonly' cols='40' rows='4' class='spip_cadre' dir='ltr'>-# première ligne -# deuxième ligne -## une sous liste à puce -# de retour dans le niveau initial</textarea> <p>Donnera :</p> <ol class="spip"><li> première ligne</li><li> deuxième ligne <ol class="spip"><li> une sous liste numérotée</li></ol></li><li> de retour dans le niveau initial</li></ol><h3 class="spip">Tableaux</h3> <p>Pour être complètement accessible, un tableau dans <span class="caps">SPIP</span> doit avoir un titre et une description.</p> <p>Ainsi :</p> <textarea readonly='readonly' cols='40' rows='6' class='spip_cadre' dir='ltr'>||Produits bio et prix|Ce tableau sert d'exemple de mise en forme spip|| | {{Produit}} | {{Prix €}} | | Beurre Bio | 5€ | | Lait Bio | 3€ | | Choux Bio | 4€ |</textarea> <p>Donnera :</p> <table class="spip" summary="Ce tableau sert d'exemple de mise en forme spip"> <caption>Produits bio et prix</caption> <thead><tr class='row_first'><th id='idfe91_c0'> Produit </th><th id='idfe91_c1'> Prix € </th></tr></thead> <tbody> <tr class='row_odd odd'> <td headers='idfe91_c0'>Beurre Bio</td> <td headers='idfe91_c1'>5€</td></tr> <tr class='row_even even'> <td headers='idfe91_c0'>Lait Bio</td> <td headers='idfe91_c1'>3€</td></tr> <tr class='row_odd odd'> <td headers='idfe91_c0'>Choux Bio</td> <td headers='idfe91_c1'>4€</td></tr> </tbody> </table> <p>Notez les doubles <code class='spip_code' dir='ltr'>||</code><span class="spip_note_ref"> [<a href='#nb2-6' class='spip_note' rel='footnote' title='Le signe | se fait sous Windows avec la combinaison AltGR-6.' id='nh2-6'>6</a>]</span> sur la première ligne du tableau !</p> <p><strong class="caractencadre-spip spip">Attention</strong>: les pièges classiques avec les tableaux sont :</p> <ul class="spip"><li> ne pas avoir le même nombre de | sur une ligne</li><li> avoir un espace <strong>après</strong> le dernier | de la ligne (un moyen simple de vérifier : la touche fin du clavier amène à la fin de la ligne)</li></ul><h3 class="spip">Tableaux avec fusion de cellules</h3> <textarea readonly='readonly' cols='40' rows='7' class='spip_cadre' dir='ltr'>||Tableau avec fusion|Ce tableau sert d'exemple de mise en forme spip|| | {{Colonne 1}} | {{Colonne 2}} | {{Colonne 3}} | | ligne 1 | Cellule fusionnée avec la suivante |<| | ligne 2 | Cellule fusionnée _ avec celle du dessous | normale | | ligne 2 |^| normale aussi |</textarea> <p>Donnera :</p> <table class="spip" summary="Ce tableau sert d'exemple de mise en forme spip"> <caption>Tableau avec fusion</caption> <thead><tr class='row_first'><th id='idb549_c0'> Colonne 1 </th><th id='idb549_c1'> Colonne 2 </th><th id='idb549_c2'> Colonne 3 </th></tr></thead> <tbody> <tr class='row_odd odd'> <td headers='idb549_c0'>ligne 1</td> <td colspan='2' headers='idb549_c1'>Cellule fusionnée avec la suivante</td></tr> <tr class='row_even even'> <td headers='idb549_c0'>ligne 2</td> <td rowspan='2' headers='idb549_c1'>Cellule fusionnée<br class='manualbr' />avec celle du dessous</td> <td headers='idb549_c2'>normale</td></tr> <tr class='row_odd odd'> <td headers='idb549_c0'>ligne 2</td> <td headers='idb549_c2'>normale aussi</td></tr> </tbody> </table> <p>Principe :</p> <ul class="spip"><li> <code class='spip_code' dir='ltr'>|<|</code> fusionne avec la cellule de gauche</li><li> <code class='spip_code' dir='ltr'>|^|</code> fusionne avec la cellule au dessus</li></ul><h2 class='h3 spip'>Images</h2> <p>Pour les images et documents, reportez-vous à l'aide en ligne de <span class="caps">SPIP</span>. Seule contrainte pour l'accessibilité (et donc un meilleur référencement) : donnez un titre à <strong>toutes</strong> vos images décrivant le <strong><acronym title='signification'>sens</acronym></strong> de chacune d'elles.</p> <h2 class='h3 spip'>Caractères spéciaux</h2><ul class="spip"><li> <code class='spip_code' dir='ltr'>~</code> (espace insécable ou espace dur — correspond au <code class='spip_code' dir='ltr'> </code> du <acronym title='Hyper Text Markup Language'>HTML</acronym>) placé entre deux mots remplace l'espace en ayant l'avantage d'être insécable, c'est-à-dire, qu'il empêchera les deux mots d'être séparés par un retour à la ligne malvenu. S'utilise en particulier entre le prénom et le nom propre.</li><li> <code class='spip_code' dir='ltr'>--></code> : &rarr; (flèche vers la droite)</li><li> <code class='spip_code' dir='ltr'><--</code> : &larr; (flèche vers la gauche)</li><li> <code class='spip_code' dir='ltr'><--></code> : &harr; (flèche vers la gauche et vers droite)</li><li> <code class='spip_code' dir='ltr'>==></code> : &rArr; (double flèche vers la droite)</li><li> <code class='spip_code' dir='ltr'><==</code> : &lArr; (double flèche vers la gauche)</li><li> <code class='spip_code' dir='ltr'><==></code> : &hArr; (double flèche vers la gauche et vers droite)</li><li> <code class='spip_code' dir='ltr'>--</code> : — (tiret cadratin) à utiliser pour les incises dans un texte</li><li> <code class='spip_code' dir='ltr'>...</code> : … (3 petits points) points de suspension</li><li> <code class='spip_code' dir='ltr'>(c)</code> : (c) : CopyRight</li><li> <code class='spip_code' dir='ltr'>(r)</code> : (r) : Registered</li><li> <code class='spip_code' dir='ltr'>(tm)</code> : &trade; : Trade Mark</li></ul><h2 class='h3 spip'>Ligne horizontale</h2> <p><code class='spip_code' dir='ltr'>----</code>: 4 signes moins en seuls sur une ligne (précédés d'une ligne vide et suivis d'une ligne vide) donneront un trait de séparation horizontal.</p> <div class='hrspip'><hr class='spip' /></div><h2 class='h3 spip'>Éléments dangereux</h2> <p>Il y a deux éléments <strong>dangereux</strong> dans <span class="caps">SPIP</span> :</p> <ul class="spip"><li> le retour à la ligne simple : <code class='spip_code' dir='ltr'>_ </code> (souligné espace) en début de ligne.<br class='manualbr' />Usage toléré pour donner adresse et numéro de téléphone/fax.<br class='manualbr' />Usage toléré : dans une liste à puce pour passer à la ligne sans passer à une nouvelle puce (comme ici).<br class='manualbr' />Usage <strong><strong class="caractencadre-spip spip">interdit</strong></strong>: pour mettre plus d'espace vertical entre deux éléments de la page.</li><li> le <a href="http://sv.wikipedia.org/wiki/HTML" class='spip_glossaire' rel='external'><span class="caps"><span class="caps">HTML</span></span></a> pur : il est <em class="spip">possible</em> dans <span class="caps">SPIP</span> de mettre du code <acronym title='Hyper Text Markup Language'>HTML</acronym>. Le faire est fortement déconseillé : <ul class="spip"><li> parce que c'est la porte ouverte à toutes les dérives, ne serait-ce que celle de sortir de la charte graphique du site, ou celle de produire un code <span class="caps">HTML</span> non valide (voire non interprétable ailleurs que sur <a href='http://cronberg.se/spip.php?page=article&#38;id_article=115'>Internet Explorer</a></li><li> parce que c'est partir du postulat que votre site ne sera visité qu'en tant que site web ; il pourrait très bien être un jour disponible sous forme de fichiers <span class="caps">PDF</span>…</li></ul></li></ul> <p><a id="titraille"></a></p> <h2 class='h3 spip'>Exemples de titraille : Titre principal</h2> <p><code class='spip_code' dir='ltr'>{{{</code>Exemples de titraille : Titre principal<code class='spip_code' dir='ltr'>}}}</code></p> <h3 class="spip">Titre niveau deux</h3> <p><code class='spip_code' dir='ltr'>{{{**</code>Titre niveau deux<code class='spip_code' dir='ltr'>}}}</code></p> <h4 class="spip">Titre niveau trois</h4> <p><code class='spip_code' dir='ltr'>{{{***</code>Titre niveau trois<code class='spip_code' dir='ltr'>}}}</code></p> <h5 class="spip">Titre niveau quatre</h5> <p><code class='spip_code' dir='ltr'>{{{****</code>Titre niveau quatre<code class='spip_code' dir='ltr'>}}}</code></p> <h6 class="spip">Titre niveau cinq</h6> <p><code class='spip_code' dir='ltr'>{{{*****</code>Titre niveau cinq<code class='spip_code' dir='ltr'>}}}</code></p> <h2 class='h3 spip'>Placement des images</h2> <p><span class='spip_document_34 spip_documents spip_documents_left' style='float:left; width:150px;'> <img src='http://cronberg.se/local/cache-vignettes/L150xH100/contact-3a4a8.jpg?1502904634' width='150' height='100' alt="Contactez-nous" longdesc="spip.php?page=longdesc&id=34&lang=sv" /></span><code class='spip_code' dir='ltr'><img34|left></code></p> <div class='hrspip'><hr class='spip' /></div> <p><span class='spip_document_35 spip_documents spip_documents_center'> <img src='http://cronberg.se/local/cache-vignettes/L500xH375/arton1-2db28.jpg?1502904634' width='500' height='375' alt="Exemple d'image" longdesc="spip.php?page=longdesc&id=35&lang=sv" /></span> <code class='spip_code' dir='ltr'><img35|center></code></p> <div class='hrspip'><hr class='spip' /></div> <p><span class='spip_document_34 spip_documents spip_documents_right' style='float:right; width:150px;'> <img src='http://cronberg.se/local/cache-vignettes/L150xH100/contact-3a4a8.jpg?1502904634' width='150' height='100' alt="Contactez-nous" longdesc="spip.php?page=longdesc&id=34&lang=sv" /></span><code class='spip_code' dir='ltr'><img34|right></code></p> <div class='hrspip'><hr class='spip' /></div><dl class='spip_document_34 spip_documents spip_documents_left' style="float:left;"> <dt> <img alt="Contactez-nous" src='http://cronberg.se/local/cache-vignettes/L150xH100/contact-3a4a8.jpg?1502904634' width='150' height='100' longdesc="#desc-34" /> </dt> <dt class="crayon document-titre-34 spip_doc_titre" style="width:150px;"><strong>Contactez-nous</strong></dt> <dd id="desc-34" class="crayon document-descriptif-34 spip_doc_descriptif" style="width:150px;">Clavier de téléphone… </dd> </dl> <p><code class='spip_code' dir='ltr'><doc34|left></code></p> <div class='hrspip'><hr class='spip' /></div><dl class='spip_document_35 spip_documents spip_documents_center'> <dt> <img alt="Exemple d'image" src='http://cronberg.se/local/cache-vignettes/L500xH375/arton1-2db28.jpg?1502904634' width='500' height='375' longdesc="#desc-35" /> </dt> <dt class="crayon document-titre-35 spip_doc_titre" style="width:350px;"><strong>Exemple d'image</strong></dt> <dd id="desc-35" class="crayon document-descriptif-35 spip_doc_descriptif" style="width:350px;">Avec un descriptif de l'image en dessous. </dd> </dl> <p><code class='spip_code' dir='ltr'><doc35|center></code></p> <div class='hrspip'><hr class='spip' /></div><dl class='spip_document_34 spip_documents spip_documents_right' style="float:right;"> <dt> <img alt="Contactez-nous" src='http://cronberg.se/local/cache-vignettes/L150xH100/contact-3a4a8.jpg?1502904634' width='150' height='100' longdesc="#desc-34" /> </dt> <dt class="crayon document-titre-34 spip_doc_titre" style="width:150px;"><strong>Contactez-nous</strong></dt> <dd id="desc-34" class="crayon document-descriptif-34 spip_doc_descriptif" style="width:150px;">Clavier de téléphone… </dd> </dl> <p><code class='spip_code' dir='ltr'><doc34|right></code></p> <div class='hrspip'><hr class='spip' /></div><dl class='spip_document_34 spip_documents spip_documents_left' style='float:left;width:150px;'> <dt><img src='http://cronberg.se/local/cache-vignettes/L150xH100/contact-3a4a8.jpg?1502904634' width='150' height='100' alt="Contactez-nous" longdesc="#desc-34" /></dt> <dt class="crayon document-titre-34 spip_doc_titre" style="width:150px;"><strong>Contactez-nous</strong></dt> <dd id="desc-34" class="crayon document-descriptif-34 spip_doc_descriptif" style="width:150px;">Clavier de téléphone… </dd> </dl> <p><code class='spip_code' dir='ltr'><emb34|left></code></p> <div class='hrspip'><hr class='spip' /></div><dl class='spip_document_35 spip_documents spip_documents_center'> <dt><img src='http://cronberg.se/local/cache-vignettes/L500xH375/arton1-2db28.jpg?1502904634' width='500' height='375' alt="Exemple d'image" longdesc="#desc-35" /></dt> <dt class="crayon document-titre-35 spip_doc_titre" style="width:350px;"><strong>Exemple d'image</strong></dt> <dd id="desc-35" class="crayon document-descriptif-35 spip_doc_descriptif" style="width:350px;">Avec un descriptif de l'image en dessous. </dd> </dl> <p><code class='spip_code' dir='ltr'><emb35|center></code></p> <div class='hrspip'><hr class='spip' /></div><dl class='spip_document_34 spip_documents spip_documents_right' style='float:right;width:150px;'> <dt><img src='http://cronberg.se/local/cache-vignettes/L150xH100/contact-3a4a8.jpg?1502904634' width='150' height='100' alt="Contactez-nous" longdesc="#desc-34" /></dt> <dt class="crayon document-titre-34 spip_doc_titre" style="width:150px;"><strong>Contactez-nous</strong></dt> <dd id="desc-34" class="crayon document-descriptif-34 spip_doc_descriptif" style="width:150px;">Clavier de téléphone… </dd> </dl> <p><code class='spip_code' dir='ltr'><emb34|right></code></p> <div class='hrspip'><hr class='spip' /></div></div> <div class="hyperlien">Se online : <a href="http://www.pyrat.net/Raccourcis-Typographiques-de-SPIP-mode-d-emploi.html" class="spip_out">Original de l'article</a></div> <hr /> <div class='rss_notes'><div id='nb2-1'> <p><span class="spip_note_ref">[<a href='#nh2-1' class='spip_note' title='Fotnoter 2-1' rev='footnote'>1</a>] </span>Sauf les listes à puce et les tableaux</p> </div><div id='nb2-2'> <p><span class="spip_note_ref">[<a href='#nh2-2' class='spip_note' title='Fotnoter 2-2' rev='footnote'>2</a>] </span>J'avais mis ça en place à l'époque de la version 1.7 de <span class="caps"><span class="caps"><abbr title="Système de Publication pour un Internet Participatif">SPIP</abbr></span></span> qui gérait mal le centrage des images</p> </div><div id='nb2-3'> <p><span class="spip_note_ref">[<a href='#nh2-3' class='spip_note' title='Fotnoter 2-3' rev='footnote'>3</a>] </span>Essentiellement utilisé sur spip-contrib pour donner des exemples de code</p> </div><div id='nb2-4'> <p><span class="spip_note_ref">[<a href='#nh2-4' class='spip_note' title='Fotnoter 2-4' rev='footnote'>4</a>] </span>Si le mot n'existe pas, vous pouvez le créer vous-même!</p> </div><div id='nb2-5'> <p><span class="spip_note_ref">[<a href='#nh2-5' class='spip_note' title='Fotnoter 2-5' rev='footnote'>5</a>] </span>Et la note de bas de page est automatiquement numérotée, rendue clicable, pour la consulter, et pour revenir au texte l'ayant appelée</p> </div><div id='nb2-6'> <p><span class="spip_note_ref">[<a href='#nh2-6' class='spip_note' title='Fotnoter 2-6' rev='footnote'>6</a>] </span>Le signe | se fait sous Windows avec la combinaison AltGR-6.</p> </div></div> <div class='rss_ps'><p>Une extension pour FireFox est très utile pour savoir rapidement si vous avez fait une erreur de raccourcis typographiques : <a href="http://users.skynet.be/mgueury/mozilla/" class='spip_out' rel='external'><span class="caps">HTML</span> <span class="caps">VALIDATOR</span> (based on Tidy)</a>.</p> <p>Quant à l'écriture pour le Web, vous pouvez visiter l'excellent <a href="http://www.redaction.be/" class='spip_out' title="Le site des spécialistes de l'information en ligne" rel='external'>Redaction.be</a></p></div> Premiers pas dans le squelette SoyezCreateurs http://cronberg.se/fourre-tout/article/premiers-pas-dans-le-squelette-soyezcreateurs http://cronberg.se/fourre-tout/article/premiers-pas-dans-le-squelette-soyezcreateurs 2017-08-16T14:58:58Z text/html sv Rolf Cronberg ALaUne <span class="caps">EDITO</span> <p>Bravo !!!! Vous avez correctement passé la première étape en installant ce squelette. Et maintenant vous vous demandez « Que faire ? » Ce squelette est entièrement personnalisable et il va vous permettre de changer les différents critères suivants : Pour changer l'Édito, créer un article et lui affecter le mot clef <span class="caps">EDITO</span> Pour changer le nom du site et son logo : <span class="caps">URL</span> de votre site/ecrire/?exec=configurer_identite Le logo de survol s'il est présent est utilisé comme bannière en haut du site (…)</p> - <a href="http://cronberg.se/fourre-tout/" rel="directory">Fourre-tout</a> / <a href="http://cronberg.se/mot/alaune" rel="tag">ALaUne</a>, <a href="http://cronberg.se/mot/edito" rel="tag">EDITO</a> <img class='spip_logo spip_logo_right spip_logos' alt="" style='float:right' src='http://cronberg.se/local/cache-vignettes/L150xH113/arton7-68463.jpg?1502904635' width='150' height='113' /> <div class='rss_texte'><p>Bravo !!!!</p> <p>Vous avez correctement passé la première étape en installant ce squelette.</p> <p>Et maintenant vous vous demandez « Que faire ? »</p> <p>Ce squelette est entièrement personnalisable et il va vous permettre de changer les différents critères suivants :</p> <ul class="spip"><li> Pour changer l'Édito, créer un article et lui affecter le mot clef <code class='spip_code' dir='ltr'>EDITO</code></li><li> Pour changer le nom du site et son logo : <em class="spip"><span class="caps">URL</span> de votre site</em><code class='spip_code' dir='ltr'>/ecrire/?exec=configurer_identite</code><br class='manualbr' />Le logo de survol s'il est présent est utilisé comme bannière en haut du site<span class="spip_note_ref"> [<a href='#nb1' class='spip_note' rel='footnote' title='Lui donner précisément la taille voulue' id='nh1'>1</a>]</span></li><li> Configuration du Squelette SoyezCreateurs <em class="spip"><span class="caps">URL</span> de votre site</em><code class='spip_code' dir='ltr'>/ecrire/?exec=configurer_soyezcreateurs&cfg=soyezcreateurs</code> (ex : position Logo)<span class="spip_note_ref"> [<a href='#nb2' class='spip_note' rel='footnote' title='Attention, l'accès à cette configuration est réservée aux webmestres du site, (...)' id='nh2'>2</a>]</span></li><li> Choisir la disposition des différents parties du site parmi 40 modèles disponibles <em class="spip"><span class="caps">URL</span> de votre site</em><code class='spip_code' dir='ltr'>/ecrire/?exec=configurer_soyezcreateurs&cfg=soyezcreateurs_layout</code> (source: <a href="http://blog.html.it/layoutgala/index.html" class='spip_out' rel='external'>LayoutGala</a>)</li></ul> <p>Vous trouverez aussi plusieurs documentations disponibles aux adresses ci-dessous :</p> <ul class="spip"><li> <a href="http://www.pyrat.net/" class='spip_out' rel='external'>Pyrat.net</a> : <ul class="spip"><li> <a href="http://www.pyrat.net/556" class='spip_out' rel='external'>Rédacteurs <span class="caps">SPIP</span> : la boîte à outils</a></li><li> <a href="http://www.pyrat.net/452" class='spip_out' rel='external'>Les raccourcis typographiques indispensables de <span class="caps">SPIP</span></a></li><li> <a href="http://www.pyrat.net/313" class='spip_out' rel='external'>Rédiger pour Internet afin d'être lu et trouvé</a></li><li> <a href="http://www.pyrat.net/351" class='spip_out' rel='external'>Erreurs classiques de mise en forme typographique</a></li></ul></li><li> Les 2 groupes de Mots Clés : <ul class="spip"><li> <a href="http://www.pyrat.net/@mot.html" class='spip_out' rel='external'>Navigation</a></li><li> <a href="http://www.pyrat.net/@motsfonctionnels.html" class='spip_out' rel='external'>Fonctionnels</a></li></ul></li></ul></div> <div class="hyperlien">Se online : <a href="https://contrib.spip.net/?article3075" class="spip_out">Original de l'article</a></div> <hr /> <div class='rss_notes'><div id='nb1'> <p><span class="spip_note_ref">[<a href='#nh1' class='spip_note' title='Fotnoter 1' rev='footnote'>1</a>] </span>Lui donner précisément la taille voulue</p> </div><div id='nb2'> <p><span class="spip_note_ref">[<a href='#nh2' class='spip_note' title='Fotnoter 2' rev='footnote'>2</a>] </span>Attention, l'accès à cette configuration est réservée aux webmestres du site, par défaut, l'auteur n°1 avec ce squelette.</p> </div></div> Warning: include_once(/storage/content/57/1005557/cronberg.se/public_html/ecrire/inc/traduire.php): failed to open stream: No such file or directory in /storage/content/57/1005557/cronberg.se/public_html/ecrire/inc/utils.php on line 1389 Warning: include_once(): Failed opening '/storage/content/57/1005557/cronberg.se/public_html/ecrire/inc/traduire.php' for inclusion (include_path='.:/usr/local/php54/lib/php:/storage/content/57/1005557/pear/php') in /storage/content/57/1005557/cronberg.se/public_html/ecrire/inc/utils.php on line 1389 Fatal error: Allowed memory size of 100663296 bytes exhausted (tried to allocate 455168 bytes) in /storage/content/57/1005557/cronberg.se/public_html/ecrire/inc/utils.php on line 81