Cette page présente un certain nombre des possibilité typographie et de mise en page du template "ja_purity".
Issue de http://www.unespace.com/base-de-connaissance/typographie.
Titres heading :
Ceci est un titre heading 1.
Ceci est un titre heading 2.
Ceci est un titre heading 3.
Ceci est un titre heading 4.
Ceci est un titre heading 5.
Ceci est un titre heading 6.
Paragraphe :
Lorem tortor Curabitur urna interdum Maecenas ut felis Sed euismod id. Congue Quisque augue elit dolor nibh id lobortis egestas tristique fringilla. Laoreet elit.
Liste ordonnée :
- Une ligne.
- Deux lignes.
<li>Une ligne.</li>
<li>Deux lignes.</li>
</ol>
Liste non ordonnée :
- Une ligne.
- Deux lignes.
<li>Une ligne.</li>
<li>Deux lignes.</li>
</ul>
Liste non ordonnée, côchée :
- Une ligne.
- Deux lignes.
<li>Une ligne.</li>
<li>Deux lignes.</li>
</ul>
Liste non ordonnée, étoilée :
- Une ligne.
- Deux lignes.
<li>Une ligne.</li>
<li>Deux lignes.</li>
</ul>
Bulle de parole en forme arrondie :
Utilisez <div class="bubble3"> <div> <div> <div> <div> <div> Votre texte vient ici ! </div> </div> </div> </div></div><span class="author">Bulle de parole, forme arrondie.</span></div>
Bulle de parole en forme carrée :
Utilisez <div class="bubble3"> <div> <div> <div> <div> <div> Votre texte vient ici ! </div> </div> </div> </div></div><span class="author">Bulle de parole, forme carrée.</span></div>
Bulle de pensée en forme arrondie :
Utilisez <div class="bubble3"> <div> <div> <div> <div> <div> Votre texte vient ici ! </div> </div> </div> </div></div><span class="author">Bulle de pensée, forme arrondie.</span></div>
Bulle de pensée en forme carrée :
Utilisez <div class="bubble4"><div><div><div><div><div> Votre texte vient ici ! </div></div></div></div></div><span class="author">Bulle pensée carrée.</span></div>
Ceci est un exemple de note.
Utilisez <p class="stickynote">Le texte de votre note vient ici !</p> pour créer une note !
Un exemple de download !
Avec un saut de ligne ici.<p class="download">Votre texte vient ici !</p> pour créer un encadré 'téléchargement' !
Ceci est un exemple de citation ouverte, sans fermeture.
<blockquote><span class="open">C</span>eci est un exemple de citation ouverte, sans fermeture.</blockquote>
Ceci est un exemple de citation ouverte, sans fermeture.
<blockquote><span class="open">C</span>eci est un exemple de citation ouverte, sans fermeture<span class="close">.</span></blockquote>
Ceci est un exemple de citation encadrée.
<blockquote class="quote-hilite"><span class="open">C</span>eci est un exemple de citation encadrée<span class="close">.</span></blockquote>
01Exemple de bloc.
02Exemple de bloc.
03Exemple de bloc.
<p class="blocknumber"><span class="bignumber">01</span>Exemple de bloc.</p>
Ceci est un exemple de message d'erreur.
Avec un saut de ligne ici.
<p class="error">Ceci est un exemple de message d'erreur.</p>
<p class="message">Ceci est un exemple de message d'information.</p>
Ceci est un message précédé d'une image (ici lumière).
Avec un saut de ligne ici.
<p class="tips">Ceci est un message précédé d'une image (ici lumière).</p>
Ceci est un exemple de phrase surlignée.
<p>Ceci est un exemple de <span class="highlight">phrase surlignée</span>.</p>
Ceci est un exemple de Majuscule de début de paragraphe à la manière des Magazines de presse.
Un style est appliqué à la première lettre du paragraphe.
L'effet créé par cette technique reste néanmoins plus efficace et graphique lorsque le paragraphe contient suffisament de texte, de sorte à ce que la majuscule de départ soit bordée de texte tant sur le côté qu'en dessous.
<p><span class="dropcap">C</span>eci est un exemple de Majuscule de début de paragraphe à la manière des Magazines de presse.<br />Un style est appliqué à la première lettre du paragraphe.<p>
