Accueil > Programme > Archives des années passées > Charte Graphique

Sur-titre

Charte Graphique

Sous-titre

Ce paragraphe constitue le texte du bloc de droite.

Il permet de rappeler des points importants pour les personnes inscrites (lieu de rendez-vous, matériel à apporter...)

Paragraphes

Premier paragraphe. 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.
Ici, retour à la ligne, généré par le raccourci SPIP « _ » et pour que la ligne ne coupe pas entre ligne et ne (espace insécable : ~).

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.


Troisième paragraphe, précédé d’une ligne horizontale de séparation, générée par le raccourci SPIP « ---- ». Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales.

Pour voir les autres niveaux de titres aller plus bas
Voici du texte en italique et du texte en gras et en évidence ou autre évidence.
Voici un texte supprimé.
Un texte en petite capitales (cela ne fonctionne pas !).

Mise en exposant 2 et mise en indice : H2O.
Et voici une note de bas de page [1]

- Ici, exemple de puce générée par le raccourci SPIP « - ». Attention, leur succession ne constitue pas une liste !

— Un tiret long, généré par le raccourci SPIP « -- », utile pour les dialogues.

Hyperliens

SPIP peut distinguer lien interne et liens externes dont URLs directes : http://www.spip.net, et lien généré par le raccourci [->auteur2] : l’Équipe Coteaux-Païs Pau.
Lien avec infobulle intitulé
Lien vers une définition du glossaire prédéfini : Wikipédia
Courriel : moi moi.org
Une ancre vers les citations dans ce texte : #citations

Listes

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.

N’oublions pas les listes de définition, générées avec les balises HTML <dl>, <dd>, <dt>  :

Le kiwi
C’est un fruit mais aussi un petit animal
Le litchi
Un excellent fruit exotique

Tableaux

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

Citations

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 du Phédre de Racine, générée avec le raccourci SPIP <poesie>, idéal pour les vers des poèmes et chansons.

Voici un texte encadré.Maecenas laoreet interdum elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus tristique wisi ut lacus.

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

A lire par les curieux seulement !

Pour finir en beauté, voici une formule mathématique, générée avec <math> : la formule a = \sqrt{b^{2} + c^{2}} est une reformulation de la formule de Pythagore: a^{2} = b^{2} +
c^{2}

À éviter

Ces balises ne doivent plus être utilisées car elles sont dépréciées en XHTML 1.0 Strict : exemple de font, exemple de u, exemple de s, exemple de strike, etc. Celles-ci sont déconseillées : exemple de b, exemple de i, exemple de big, exemple de small, exemple de tt.

Intertitre niveau 2

Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh.

Intertitre niveau 3

Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.

Intertitre niveau 4

Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.

Intertitre niveau 5

Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.

Intertitre niveau 6

Ce niveau n’est pas prévu ! Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.

P.-S.

Ceci est le texte de la "Partie variable du bulletin d’inscription".
[ ] sera transformé en case à cocher
............. sera transformé en une ligne à remplir
La suite du texte s’ajoute quand on coche les cases (Demander une lettre de motivation, Accepter l’inscription par mail, Attendre la participation pour confirmer l’inscription)

+ lettre
+ mail
+ participation

Notes

[1Cette charte est librement inspirée de la page http://zpip.spip.org/Charte-typogra....

Coteaux Païs - Centre spirituel jésuite du Sud-Ouest