• Pour nous, les femmes
  • Pour nous, les hommes

Charte Typo

Le sous titre de l’article

Cette page regroupe les différents éléments types du contenu textuel de ce site. Leur habillage est réalisé en CSS via des feuilles de style externes. Ce paragraphe constitue donc le chapeau.

Un intertitre normal

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.
Ici, retour à la ligne, généré par le raccourci SPIP « _  ».
Voici du texte en italique et du texte en gras.
Un sigle, par exemple W3C, est lu lettre par lettre, tandis que SPIP est un acronyme puisqu’il forme un mot qui est lu normalement.
Selon la bonne pratique Opquast N°50, il convient de distinguer lien interne et lien externe. Le glossaire externe prédéfini est Wikipedia.
Et voici une note de bas de page [1].

Second paragraphe. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue.


Troisième paragraphe, précédé d’une ligne horizontale de séparation, générée par le raccourci SPIP « ---- ». Et voici un tiret long —, généré par le raccourci SPIP « -- » (double tiret). Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae ; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.

Intertitre de niveau 2

Wisi blandit, hendrerit eros duis quis facilisi tincidunt ? Ex wisi lorem ut consequatvel veniam eros et nibh luptatum consectetuer magna sit hendrerit sciurus consequat blandit laoreet aliquip. Praesent magna, ad tincidunt magna at consectetuer nulla delenit ex quis nulla.

Voici du texte mis en évidence est surligné, généré avec le raccourci [*...*]. At ut ad autem delenit elit facilisi molestie nostrud crisare consectetuer. Feugiat esse laoreet odio ut diam odio tation eros crisare hendrerit dolore eros consequat.

Voici du texte en petites capitales, généré avec le raccourci <sc>. Eros dolore te facilisis ea diam nibh ea iriure amet nibh. Aliquip esse praesent commodo duis et accumsan, at sed accumsan lobortis dignissim hendrerit duis, enim feugiat wisi et commodo velit. Augue, et ullamcorper

Intertitre de niveau 3

Praesent magna, ad tincidunt magna at consectetuer nulla delenit ex quis nulla. Eros, consequatvel at ut ad autem delenit elit facilisi molestie nostrud crisare consectetuer. Feugiat esse laoreet odio ut diam odio tation eros crisare hendrerit dolore eros consequat.

Voici un paragraphe centré. Eros dolore te facilisis ea diam nibh ea iriure amet nibh. Aliquip esse praesent commodo duis et accumsan, at sed accumsan lobortis dignissim hendrerit duis, enim feugiat wisi et commodo velit. Augue, et ullamcorper.

Praesent magna, ad tincidunt magna at consectetuer nulla delenit ex quis nulla. Eros, consequatvel at ut ad autem delenit elit facilisi molestie nostrud crisare consectetuer. Feugiat esse laoreet odio ut diam odio tation eros crisare hendrerit dolore eros consequat.

Et voici un paragraphe aligné à droite. Ex wisi lorem ut consequatvel veniam eros et nibh luptatum consectetuer magna sit hendrerit sciurus consequat blandit laoreet aliquip.

Praesent magna, ad tincidunt magna at consectetuer nulla delenit ex quis nulla. Eros, consequatvel at ut ad autem delenit elit facilisi molestie nostrud crisare consectetuer. Feugiat esse laoreet odio ut diam odio tation eros crisare hendrerit dolore eros consequat.

Listes

- Fausse liste à puces, générée avec le raccourci SPIP « -  » :
- Qu’est-ce que cela peut faire que je lutte pour la mauvaise cause puisque je suis de bonne foi ? Et qu’est-ce que ça peut faire que je sois de mauvaise foi puisque c’est pour la bonne cause. (Jacques Prévert)

Liste non ordonnée (ul), générée avec le raccourci SPIP « -*  » :

  • Élément de liste non numérotée
  • Élément de liste non numérotée
  • Élément de liste non numérotée
    • Plantes
      • Ficus
      • Olivier
    • Animaux de compagnie
      • Chat
      • Chien

Et une liste numérotée (ol), générée avec le raccourci SPIP « -#  » :

  1. Voici ma main : elle a cinq doigts. En voici deux, en voici trois.
    Le premier, ce gros bonhomme, C’est le pouce qu’il se nomme.
  2. L’index qui montre le chemin, Est le second doigt de la main.
  3. Entre l’index et l’annulaire, Le majeur paraît un grand frère.
  4. L’annulaire porte l’anneau, Avec sa bague, il fait le beau.
  5. Le tout petit auriculaire Marche à côté de l’annulaire.

Regardez mes doigts travailler. Chacun fait son petit métier.

Tableaux

Titre du tableau (caption)
entêteentêteentête
valeur valeur valeur
valeur valeur valeur
valeur valeur valeur

Citations et encadrés

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ceci est une citation au fil du texte (avec la balise HTML <q>).

Ceci est une citation ordinaire, avec la balise HTML <blockquote>. Cras eleifend tristique quam. Fusce gravida lectus vel enim convallis tempor.

Second paragraphe. Maecenas laoreet interdum elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus tristique wisi ut lacus.

Ceci est une citation générée avec le raccourci SPIP <quote>. Cras eleifend tristique quam. Fusce gravida lectus vel enim convallis tempor.

Second paragraphe. Maecenas laoreet interdum elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus tristique wisi ut lacus.

Je le vis, je rougis, je pâlis à sa vue
Un trouble s’éleva dans mon âme éperdue
Mes yeux ne voyaient plus, je ne pouvais parler
Je sentis tout mon corps et transir et brûler.
 
Ceci est une citation générée avec le raccourci SPIP <poesie>.
(Phédre) — On indique la référence entre balises HTML <small>.
Ceci est un texte encadré, généré avec le raccourci [(...)]. Wisi lorem ut consequatvel veniam eros et nibh luptatum consectetuer magna sit hendrerit sciurus consequat blandit laoreet aliquip. Praesent magna, ad tincidunt magna at consectetuer nulla delenit ex quis nulla.

Second paragraphe. Eros, consequatvel at ut ad autem delenit elit facilisi molestie nostrud crisare consectetuer. Feugiat esse laoreet odio ut diam odio tation eros crisare hendrerit dolore eros consequat. Maecenas laoreet interdum elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus tristique wisi ut lacus.


Maecenas mollis. Et voici du code, généré avec le raccourci SPIP <code> :

<?php
    // ceci est du langage php
    echo "bonjour";
?>

Ceci est le texte du Post-Scriptum, où je place habituellement des liens pour en savoir plus : Memo de la maquette Web, rubrique Habillage graphique de la documentation officielle de SPIP et Zone de test de la FraichDist.

[1Une note de bas de page est, habituellement, signalée par un numéro placé à l’intérieur du texte, numéro repris en bas de page et proposant un complément d’information. Cette fonctionnalité est automatisée dans SPIP.

 
| Suivre la vie du site paiement sécurisé