Accueil >

Charte graphique

Chapeau de la rubrique

Libellé de la date

Titre de la photo

Légende de la photoLégende de la photoLégende de la photoLégende de la photoLégende de la photo

Premier niveau d'intertitre

Nullamenim.Namsollicitudinsodaleslorem.Morbi dapibus diam non mi.Morbitinciduntligula quispede. Ingravida,neque blandit fri"ngillamollis,purusrisusconsectetuer nulla,vitaetincidunt tellus lectusvulputatewisi.Inimperdiet odio idodio.Pellentesque purustortor,vestibulumid,ullamcorper vitae, auctornon,lorem. Aenean utnibhquisloremtincidunt posuere.

Second niveau d'intertitre

Inaloremattortorscelerisquefacilisis. Sed ultricieswisiveljusto.Pellentesquelobortis, felis quisfacilisis varius,arcuenimdignissimpede, utsuscipit justo dolor quissem.Duisaliquam.Vestibulum veljusto.Maecenas metus risus,imperdietsed,hendreritquis, tempus et,eros.Duis mauris nibh,convallisat,sollicitudin sitamet, mollis a,diam.Donec auctor.

Troisième niveau d'intertitre

Inaloremattortorscelerisquefacilisis. Sed ultricieswisiveljusto.Pellentesquelobortis, felis quisfacilisis varius,arcuenimdignissimpede, utsuscipit justo dolor quissem.Duisaliquam.Vestibulum veljusto.Maecenas metus risus,imperdietsed,hendreritquis, tempus et,eros.Duis mauris nibh, convallisat,

Quatrième niveau d'intertitre

Inaloremattortorscelerisquefacilisis. Sed ultricieswisiveljusto.Pellentesquelobortis, felis quisfacilisis varius,arcuenimdignissimpede, utsuscipit justo dolor quissem.Duisaliquam.Vestibulum vel

Autres styles

Pour faire un encart, Ouvrezl a palette Mise en forme du texte, et sélectionner la classe CSS "encart". Cela donnera le résultat suivant :

Texte dans l'encart Texte dans l'encart texte dans l'encart 

Exemple de liste à puce (à utiliser dès qu'il y a une énumération)

  • In a lorem at tortor scelerisque facilisis.In a lorem at tortor scelerisque facilisis.In a lorem at tortor scelerisque facilisis.In a lorem at tortor scelerisque facilisis.In a lorem at tortor scelerisque facilisis.
    • Sed ultricies wisi vel justo.
    • Pellentesque lobortisfelis quis facilisis varius, arcu enim dignissim pede.
    • ut suscipit justo dolor quis sem. Duis aliquam. Vestibulum vel justo.
  • Sed ultricies wisi vel justo.
  • Pellentesque lobortisfelis quis facilisis varius, arcu enim dignissim pede.
  • ut suscipit justo dolor quis sem. Duis aliquam. Vestibulum vel justo.

Exemple de liste ordonnée

  1. In a lorem at tortor scelerisque facilisis.In a lorem at tortor scelerisque facilisis.In a lorem at tortor scelerisque facilisis.In a lorem at tortor scelerisque facilisis.In a lorem at tortor scelerisque facilisis.
  2. Sed ultricies wisi vel justo.
    1. Pellentesque lobortisfelis quis facilisis varius, arcu enim dignissim pede.
    2. ut suscipit justo dolor quis sem. Duis aliquam. Vestibulum vel justo.
    3. Sed ultricies wisi vel justo.
  3. Pellentesque lobortisfelis quis facilisis varius, arcu enim dignissim pede.
  4. ut suscipit justo dolor quis sem. Duis aliquam. Vestibulum vel justo.

Exemple d'alignement d'image (marge du bas à 10px et marge opposée à l'alignement à 10px)

BateauInaloremattortorscelerisquefacilisis. Sedultricieswisiveljusto.Pellentesquelobortis, felis quisfacilisisvarius,arcuenimdignissimpede, utsuscipit justo dolorquissem.Duisaliquam.Vestibulum veljusto.Maecenas metusrisus,imperdietsed,hendreritquis, tempus et,eros.Duis maurisnibh,convallisat,sollicitudin sitamet, mollis a,diam.Donec auctor.Quisquequam.Donecconsequat arcueu ligula. Sedinturpis egetrisusfeugiatpharetra.Suspendisse luctuspurus vitaeorci.

image avec légende, crédits et photo

© les crédits

la légende la légende la légende la légende

Inaloremattortorscelerisquefacilisis. Sedultricieswisiveljusto.Pellentesquelobortis, felis quisfacilisisvarius,arcuenimdignissimpede, utsuscipit justo dolorquissem.Duisaliquam.Vestibulum veljusto.Maecenas metusrisus,imperdietsed,hendreritquis, tempus et,eros.Duis maurisnibh,convallisat,sollicitudin sitamet, mollis a,diam.Donec auctor.Quisquequam.Donecconsequat arcueu ligula. Sedinturpis egetrisusfeugiatpharetra.Suspendisse luctuspurus vitaeorci.

Tableaux de données

Tableaux de données : Créer un tableau normal

Le créateur de la page ajoute un tableau avec les paramètres suivants :
marge : 5
espacement : 1
border : 0
class : tableauDonnees

Puis, il edite les lignes :
la première en assignant la class: enteteTableau

Entete 1
Entete 2
Entete 3
Entete 4





















Tableau de données : Créer un tableau de données aux lignes alternées

Le créateur de la page ajoute un tableau avec les paramètres suivants :
marge : 5
espacement : 1
border : 0
class : tableauDonneesAlternees

Puis, il edite les lignes :
la première en assignant la class: enteteTableau
les autres lignes alternativement : ligneTableau1 ou ligneTableau2


Entete 1 Entete 2 Entete 3 Entete 4

























Formulaires


Nom et prénom *
E-mail *
Votre question *
 

Télécharger  (719 Ko)


Haut de page