Les styles libres

sous titre

Les liens simples dans une phrase :

 

Les liens sont humainement importants, alors je vous en donne un voire deux dans cette phrase.

 

Les Citations :

Si vous mettez votre pied sur une vipère vous risquez une mort sûre

Les listes à puces :

Pour une liste, choisir simplement le style liste à puce : "bullet list"

 

 

tuto

Résultat :

 

  • liste 1
  • liste 2
  • liste 3
  • liste 4

 

Vue 3 colonnes Les Différents Carrés

Lien 1

Lien 2

Lien 3

Carré "Bullets List"

  • Phrases centrées
  • Avec des tirets de séparation
  • Entre chaque ligne

Carré "Numbered List"

  1. En style de liste
  2. Avec chevron 
  3. Et texte aligné à gauche

Carré texte et image

Un texte centré avec image en dessous

 

 

 

 

 

Les Formats

Leslistes groupées

Test

Fonctionne avec des liens ou des paragraphes simples

En cas de paragraphes simples, il n'y aura pas de style au survol de la souris

Existe en bleu, rouge, orange et gris

 

Se trouve dans les "formats" mais le html doit être enrichi: voir l'image ci-dessous

Sans lien, juste du texte

Liste Groupées Grise Liste Groupées Grise Liste Groupées Grise Liste Groupées Grise Liste Groupées Grise

Les encarts d'alertes :

Se trouvent dans les "formats" 

 

Pour un meilleur affichage, il faut modifier le html généré, il suffit de supprimer le <p></p> englobant.

Ex :

Alerte bleue

Alerte rouge

Alerte orange

Alerte grise

Les liens en forme de boutons :

Bonjour

Bouton

Bouton bleu

Bouton orange

Les tableaux :

2 Colonnes

Cellule 1

Cellule 2

Cellule 3

Cellule 4

Cellule 5

3 Colonnes

Cellule 1

Cellule 2

Cellule 3

Cellule 4

Cellule 5

Cellule 6

Cellule 7

Cellule 8

4 Colonnes

Cellule 1

Cellule 2

Cellule 3

Cellule 4

Cellule 5

Cellule 6

Cellule 7

Cellule 8

Cellule 9

Cellule 10

 

 

Choisir le format "tableau" et modifier le HTML comme sur la capture d'écran   ->

 

NB : peu importe les balises utilisées, ce peut être des liens <a> à la place des <p> par exemple.

 

De base, ce sera un tableau en 2 colonnes.

 

Modifier la class .table_2columns par 

.table_3columns pour 3 colonnes

.table_4columns pour 4 colonnes