Changeset 107888 in spip-zone


Ignore:
Timestamp:
Dec 6, 2017, 2:22:15 PM (2 years ago)
Author:
tcharlss@…
Message:

Les exemples de code dans des <pre><code>, un tout petit peu de styles pour ces blocs.

Location:
_core_/plugins/dev/prive
Files:
1 added
4 edited

Legend:

Unmodified
Added
Removed
  • _core_/plugins/dev/prive/squelettes/contenu/charte_icones.html

    r107887 r107888  
    1212        <br>Il existe 2 variantes : une verticale et une horizontale.
    1313        <div class="notice">
    14         Nb &ndash; pour des actions directes, il faut utiliser la balise <code class="spip">&#35;BOUTON_ACTION</code> qui génère un formulaire sécurisé.
     14        Nb &ndash; pour des actions directes, utiliser la balise <code class="spip">&#35;BOUTON_ACTION</code> qui génère un formulaire sécurisé.
    1515        </div>
    1616</p>
    1717
    18 #BOITE_OUVRIR{'<code class="spip">|icone_verticale</code>'}
     18#BOITE_OUVRIR{'|icone_verticale'}
    1919<dl>
    2020
    2121        <dt>Syntaxe</dt>
    2222        <dd>
    23                 <code class="spip">[(&#35;URL|icone_verticale{chaîne de langue, objet, action, alignement})]</code>
     23                <pre class="spip"><code>[(&#35;URL|icone_verticale{chaîne de langue, objet, action, alignement})]</code></pre>
    2424        </dd>
    2525
     
    3030                        <br>Nb &ndash; Concrètement, cela correspond à une image, on peut théoriquement utiliser n’importe quelle image du thème de l’espace privé.
    3131                </p>
    32                 <p>
    33                                 <code class="spip">[(&#35;SELF|icone_verticale{&lt;:info_articles_2:&gt;, article, &apos;&apos;, left})]</code>
    34                                 <br><code class="spip">[(&#35;SELF|icone_verticale{&lt;:texte_vider_cache:&gt;, cache-empty-24, &apos;&apos;, left})]</code>
    35                                 <br><code class="spip">[(&#35;SELF|icone_verticale{&lt;:icone_activer_cookie:&gt;, cookie-24, &apos;&apos;, left})]</code>
    36                 </p>
     32<pre class="spip"><code>[(&#35;SELF|icone_verticale{&lt;:info_articles_2:&gt;, article, &apos;&apos;, left})]
     33[(&#35;SELF|icone_verticale{&lt;:texte_vider_cache:&gt;, cache-empty-24, &apos;&apos;, left})]
     34[(&#35;SELF|icone_verticale{&lt;:icone_activer_cookie:&gt;, cookie-24, &apos;&apos;, left})]
     35</code></pre>
    3736                <div class="nettoyeur"></div>
    3837                [(#SELF|icone_verticale{<:info_articles_2:>, article, '', left})]
     
    4544        <dd>
    4645                <p>
    47                         Il existe en général 3 tailles pour les icônes des objets éditoriaux, que l’on peut éventuellement préciser : <code>16</code>, <code></code>24</code>, <code></code>32</code>
     46                        Il existe au moins 3 tailles pour les icônes des objets éditoriaux, que l’on peut éventuellement préciser : <code class="spip">16</code>, <code class="spip">24</code>, <code class="spip">32</code>
    4847                </p>
    49                 <p>
    50                         <code class="spip">[(&#35;SELF|icone_verticale{&lt;:icone_ecrire_article:&gt;, article-16, add, left})]</code>
    51                         <code class="spip">[(&#35;SELF|icone_verticale{&lt;:icone_ecrire_article:&gt;, article-24, add, left})]</code>
    52                         <code class="spip">[(&#35;SELF|icone_verticale{&lt;:icone_ecrire_article:&gt;, article-32, add, left})]</code>
    53                 </p>
     48<pre class="spip"><code>[(&#35;SELF|icone_verticale{&lt;:icone_ecrire_article:&gt;, article-16, add, left})]
     49[(&#35;SELF|icone_verticale{&lt;:icone_ecrire_article:&gt;, article-24, add, left})]
     50[(&#35;SELF|icone_verticale{&lt;:icone_ecrire_article:&gt;, article-32, add, left})]</code></pre>
    5451                <div class="nettoyeur"></div>
    5552                [(#SELF|icone_verticale{<:icone_ecrire_article:>, article-16, add, left})]
     
    6259        <dd>
    6360                <p>
    64                         Le 3ème paramètre permet d’indiquer une action : <code>add</code>, <code>edit</code> ou <code>del</code>.
     61                        Le 3ème paramètre permet d’indiquer une action : <code class="spip">add</code>, <code class="spip">edit</code> ou <code class="spip">del</code>.
    6562                </p>
    66                 <p>
    67                         <code class="spip">[(&#35;SELF|icone_verticale{&lt;:icone_creer_rubrique:&gt;, rubrique, add, left})]</code>
    68                         <br><code class="spip">[(&#35;SELF|icone_verticale{&lt;:icone_modifier_rubrique:&gt;, rubrique, edit, left})]</code>
    69                         <br><code class="spip">[(&#35;SELF|icone_verticale{&lt;:icone_supprimer_rubrique:&gt;, rubrique, del, left})]</code>
    70                 </p>
     63<pre class="spip"><code>[(&#35;SELF|icone_verticale{&lt;:icone_creer_rubrique:&gt;, rubrique, add, left})]
     64[(&#35;SELF|icone_verticale{&lt;:icone_modifier_rubrique:&gt;, rubrique, edit, left})]
     65[(&#35;SELF|icone_verticale{&lt;:icone_supprimer_rubrique:&gt;, rubrique, del, left})]</code></pre>
    7166                <div class="nettoyeur"></div>
    7267                [(#SELF|icone_verticale{<:icone_creer_rubrique:>, rubrique, add, left})]
     
    8277                        <br><code>left</code>, <code>right</code> et <code>center</code> définissent ’alignement.
    8378                </p>
    84                 <p>
    85                                 <code class="spip">[(&#35;SELF|icone_verticale{&lt;:icone_ecrire_article:&gt;, article, add, center})]</code>
    86                         <code class="spip">[(&#35;SELF|icone_verticale{&lt;:icone_ecrire_article:&gt;, article, add, left})]</code>
    87                         <code class="spip">[(&#35;SELF|icone_verticale{&lt;:icone_ecrire_article:&gt;, article, add, right})]</code>
    88                 </p>
     79                <pre class="spip"><code>[(&#35;SELF|icone_verticale{&lt;:icone_ecrire_article:&gt;, article, add, center})]
     80[(&#35;SELF|icone_verticale{&lt;:icone_ecrire_article:&gt;, article, add, left})]
     81[(&#35;SELF|icone_verticale{&lt;:icone_ecrire_article:&gt;, article, add, right})]</code></pre>
    8982                <div class="nettoyeur"></div>
    9083                [(#SELF|icone_verticale{<:icone_ecrire_article:>, article, add, center})]
     
    10497                Variante horizontale, prend les mêmes paramètres.
    10598        </p>
    106         <code class="spip">[(&#35;SELF|icone_horizontale{<:icone_modifier_article:>,article,new})]</code>
     99<pre class="spip"><code></code>[(&#35;SELF|icone_horizontale{<:icone_modifier_article:>,article,new})]</code></pre>
    107100        <table><tr>
    108101                <td>[(#SELF|icone_horizontale{<:icone_modifier_article:>,article,new})]
  • _core_/plugins/dev/prive/squelettes/contenu/charte_layout.html

    r107887 r107888  
    1414
    1515<div class="gauche">
    16         #BOITE_OUVRIR{gauche}
     16        #BOITE_OUVRIR
    1717        Je suis le bloc de gauche
    1818        #BOITE_FERMER
     
    2020
    2121<div class="droite">
    22         #BOITE_OUVRIR{droite}
     22        #BOITE_OUVRIR
    2323        Je suis le bloc de droite
    2424        #BOITE_FERMER
    2525</div>
    2626
    27 <p>
    28   <textarea cols="40" rows="11">
    29   <div class="gauche">
    30     \#BOITE_OUVRIR{droite}
    31     Je suis le bloc de gauche
    32     \#BOITE_FERMER
    33   </div>
     27<div class="nettoyeur"></div>
    3428
    35   <div class="droite">
    36     \#BOITE_OUVRIR{droite}
    37     Je suis le bloc de droite
    38     \#BOITE_FERMER
    39   </div>
    40   </textarea>
    41 </p>
     29<pre class="spip"><code>&lt;div class=&quot;gauche&quot;&gt;&#10;  &#35;BOITE_OUVRIR&#10;  Je suis le bloc de gauche&#10;  &#35;BOITE_FERMER&#10;&lt;/div&gt;&#10;&#10;&lt;div class=&quot;droite&quot;&gt;&#10;  &#35;BOITE_OUVRIR&#10;  Je suis le bloc de droite&#10;  &#35;BOITE_FERMER&#10;&lt;/div&gt;</code></pre>
    4230
    4331<h2>Helpers</h2>
  • _core_/plugins/dev/prive/squelettes/contenu/charte_listes.html

    r59632 r107888  
    1515        </ul>
    1616</div>
    17 <textarea style="width:100%;height:200px;">
    18         <div class="liste">
    19         <h4>Un titre pour la liste : peut être un &lt;hn> quelconque</h4>
    20         <ul class="liste-items">
    21                 <li class="item"><a href="#SELF">Un lien ici</a></li>
    22                 <li class="item"><a href="#SELF">Un autre lien ici avec un très long texte sur plusieurs lignes. Un autre lien ici avec un très long texte sur plusieurs lignes .Un autre lien ici avec un très long texte sur plusieurs lignes</a></li>
    23                 <li class="item on"><a href="#SELF">Un item exposé, mais avec un lien clicable quand même</a></li>
    24                 <li class="item"><strong class="on">Le contenu de l'item exposé par un strong</strong></li>
    25                 <li class="item"><a href="#SELF">Un lien normal pour finir</a></li>
    26         </ul>
    27 </div>
    28 </textarea>
     17<pre class="spip"><code>&lt;div class=&quot;liste&quot;&gt;&#10;  &lt;h4&gt;Un titre pour la liste : peut &ecirc;tre un &lt;hn&gt; quelconque&lt;/h4&gt;&#10;  &lt;ul class=&quot;liste-items&quot;&gt;&#10;    &lt;li class=&quot;item&quot;&gt;&lt;a href=&quot;#SELF&quot;&gt;Un lien ici&lt;/a&gt;&lt;/li&gt;&#10;    &lt;li class=&quot;item&quot;&gt;&lt;a href=&quot;#SELF&quot;&gt;Un autre lien ici avec un tr&egrave;s long texte sur plusieurs lignes. Un autre lien ici avec un tr&egrave;s long texte sur plusieurs lignes .Un autre lien ici avec un tr&egrave;s long texte sur plusieurs lignes&lt;/a&gt;&lt;/li&gt;&#10;    &lt;li class=&quot;item on&quot;&gt;&lt;a href=&quot;#SELF&quot;&gt;Un item expos&eacute;, mais avec un lien clicable quand m&ecirc;me&lt;/a&gt;&lt;/li&gt;&#10;    &lt;li class=&quot;item&quot;&gt;&lt;strong class=&quot;on&quot;&gt;Le contenu de l&apos;item expos&eacute; par un strong&lt;/strong&gt;&lt;/li&gt;&#10;    &lt;li class=&quot;item&quot;&gt;&lt;a href=&quot;#SELF&quot;&gt;Un lien normal pour finir&lt;/a&gt;&lt;/li&gt;&#10;  &lt;/ul&gt;&#10;&lt;/div&gt;</code></pre>
  • _core_/plugins/dev/prive/squelettes/contenu/charte_onglets.html

    r107887 r107888  
    1818[(#VAL{demo}|barre_onglets{demo})]
    1919
    20 <p>
    21         <code class="spip">[(&#35;VAL{nomdelabarreonglet}|barre_onglets{pagecourante})]</code>
    22 </p>
     20<pre class="spip"><code>[(&#35;VAL{nomdelabarreonglet}|barre_onglets{pagecourante})]</code></pre>
     21
    2322
    2423<h2>Onglets simples à deux niveaux</h2>
     
    4443</div>
    4544
    46 <textarea rows="15" cols="60">
    47         <div class='onglets_simple clearfix'>
    48                 <ul>
    49                         <li><strong>Onglet expos&eacute;</strong></li>
    50                         <li><a>Onglet cliquable</a></li>
    51                         <li><a>Onglet cliquable</a></li>
    52                 </ul>
    53         </div>
    54 
    55         <div class='onglets_simple second clearfix'>
    56                 <ul>
    57                         <li><strong>Onglet expos&eacute;</strong></li>
    58                         <li><a>Onglet cliquable</a></li>
    59                         <li><a>Onglet cliquable</a></li>
    60                 </ul>
    61         </div>
    62 </textarea>
     45<pre class="spip"><code>&lt;div class=&apos;onglets_simple clearfix&apos;&gt;&#10;  &lt;ul&gt;&#10;    &lt;li&gt;&lt;strong&gt;Onglet exposé&lt;/strong&gt;&lt;/li&gt;&#10;    &lt;li&gt;&lt;a&gt;Onglet cliquable&lt;/a&gt;&lt;/li&gt;&#10;    &lt;li&gt;&lt;a&gt;Onglet cliquable&lt;/a&gt;&lt;/li&gt;&#10;  &lt;/ul&gt;&#10;&lt;/div&gt;&#10;&#10;&lt;div class=&apos;onglets_simple second clearfix&apos;&gt;&#10;  &lt;ul&gt;&#10;    &lt;li&gt;&lt;strong&gt;Onglet expos&amp;eacute;&lt;/strong&gt;&lt;/li&gt;&#10;    &lt;li&gt;&lt;a&gt;Onglet cliquable&lt;/a&gt;&lt;/li&gt;&#10;    &lt;li&gt;&lt;a&gt;Onglet cliquable&lt;/a&gt;&lt;/li&gt;&#10;  &lt;/ul&gt;&#10;&lt;/div&gt;</code></pre>
Note: See TracChangeset for help on using the changeset viewer.