Pangea, typo PDF Imprimer Envoyer
Écrit par Administrateur du site   
Lundi, 04 Avril 2011 12:08

Cette page montre les éléments typographiques disponibles avec le thème Pangea...

H1 : en-tête 1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tempor luctus quam. Phasellus vehicula sem sed nisl. Aliquam at ante vitae velit interdum elementum. Mauris elementum quam vel leo. Pellentesque ante lacus, varius sed, adipiscing ac, ornare nec, enim.

H2 : en-tête 2

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tempor luctus quam. Phasellus vehicula sem sed nisl. Aliquam at ante vitae velit interdum elementum. Mauris elementum quam vel leo.

H3 : en-tête 3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tempor luctus quam. Phasellus vehicula sem sed nisl. Aliquam at ante vitae velit interdum elementum.

H4 : en-tête 4

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tempor luctus quam. Phasellus vehicula sem sed nisl.

H5 : en-tête 5

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tempor luctus quam.

H6 : en-tête 6

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Exemple de liste de vérification :

  • pour activer cet effet
  • ajoutez la classe "checklist" à votre liste non ordonnée
  • comme ceci

 

Ceci est une citation:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tempor luctus quam. Phasellus vehicula sem sed nisl. Aliquam at ante vitae velit interdum elementum. Mauris elementum quam vel leo.

Vous pouvez créer un effet de ce type en ajoutant les balises suivantes :
<blockquote><div>...votre texte ici...</div></blockquote>

Une typographie originale :

Voici un exemple de message pour documents. Cela peut être mis en place avec la balise suivante :
<p class="docs">
...votre texte ici...</p>

Voici un exemple de message pour une feuille de route. Cela peut être mis en place avec la balise suivante :
<p class="map">
...votre texte ici...</p>

Voici un exemple pour un message d'alerte. Cela peut être mis en place avec la balise suivante :
<p class="warn">
...votre texte ici...</p>

Voici un exemple pour proposer un téléchargement. Cela peut être mis en place avec la balise suivante :
<p class="download"> add your text here</p>

Voici un exemple pour un message d'erreur. Cela peut être mis en place avec la balise suivante :
<p class="alert">
...votre texte ici...</p>

Voici un exemple pour un message truc et astuce. Cela peut être mis en place avec la balise suivante :
<p class="tip">
...votre texte ici...</p>

Voici un exemple de message pour proposer un favori. Cela peut être mis en place avec la balise suivante :
<p class="fav">
...votre texte ici...</p>

Voici un exemple pour un message annonçant un danger. Cela peut être mis en place avec la balise suivante :
<p class="danger">
...votre texte ici...</p>

Mise à jour le Lundi, 04 Avril 2011 12:28