source: spip-zone/_core_/plugins/dev/prive/squelettes/contenu/charte_layout.html @ 107887

Last change on this file since 107887 was 107887, checked in by tcharlss@…, 3 years ago

Charte : on ajoute 2 pages pour le layout et les onglets. On complète la page des icônes. On remplace <tt> par <code> comme indiqué dans... la charte elle-même (il en reste peut-être encore).

File size: 1.2 KB
Line 
1<h1 class="grostitre">Layout</h1>
2
3<h2>Pleine largeur</h2>
4
5<p>
6        Lorsqu’une page n’utilise pas la navigation latérale, il est possible d’utiliser toute la largeur disponible au moyen de la balise <code class="spip">&#35;LARGEUR_ECRAN{pleine_largeur}</code>, à placer dans <code>squelettes/top/[page].html</code>
7</p>
8
9<h2>Colonnes</h2>
10
11<p>
12        Il est possible d’afficher deux blocs côte-à-côte.
13</p>
14
15<div class="gauche">
16        #BOITE_OUVRIR{gauche}
17        Je suis le bloc de gauche
18        #BOITE_FERMER
19</div>
20
21<div class="droite">
22        #BOITE_OUVRIR{droite}
23        Je suis le bloc de droite
24        #BOITE_FERMER
25</div>
26
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>
34
35  <div class="droite">
36    \#BOITE_OUVRIR{droite}
37    Je suis le bloc de droite
38    \#BOITE_FERMER
39  </div>
40  </textarea>
41</p>
42
43<h2>Helpers</h2>
44
45<ul class="spip">
46        <li>
47                <code class="spip">&lt;div class=&quot;nettoyeur&quot;&gt;&lt;/div&gt;</code> pour éviter les chevauchements <strong>après</strong> des éléments flottants.
48        </li>
49        <li>
50                <code class="spip">&lt;div class=&quot;clearfix&quot;&gt;</code> pour éviter que les éléments flottants contenus <strong>à l’intérieur</strong> ne débordent.
51        </li>
52</ul>
Note: See TracBrowser for help on using the repository browser.