06 07 74 24 80

Image de diaporama
» » Page de Test : exemples de mise en page

Page de Test : exemples de mise en page

Mode d'emploi:

Chaque sous-partie de l'article est un tableau:

Il peut contenir jusqu'a 4 lignes et 4 colonnes.

 

Dans Informations > Pages informations > Editer la page > Contenu rédactionnel

 

1 : Cliquer sur l'icône "tableau" en haut à droite de l'éditeur

2: Sélectionner le nombre de colonnes et de lignes voulues

3: Espacement des cellules, Marge interne des cellules et  à 0

4: Cliquer sur ok

5: Remplir le contenu de chaque cellule avec l'élément souhaité (image, vidéo, texte, galerie de photos, etc ...)

Les différentes possibilité d'affichage

1 ligne / 1 colonne - Image - 100%

1 ligne / 1 colonne - Galerie d'image - 100%

1 ligne / 2 colonnes - Image / Texte - 30% - 70%

Titre de la sous partie

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras malesuada, sem nec blandit tincidunt, risus arcu tincidunt tellus, sit amet bibendum nisl est lacinia ex. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

 

Aliquam quis enim vitae nisi gravida tincidunt. In cursus, orci id sodales saLorem ipsum dolor sit amet, consectetur adipiscing elit. Cras malesuada, sem nec blandit tincidunt, risus arcu tincidunt tellus, sit amet bibendum nisl est lacinia ex.

 

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam quis enim vitae nisi gravida tincidunt. In cursus, orci id sodales sagittis, nunc dolor porttitor felis, sit amet tristique sem nibh non sem. Phasellus malesuada elementum scelerisque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

 

Cras malesuada, sem nec blandit tincidunt, risus arcu tincidunt tellus, sit amet bibendum nisl est lacinia ex. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam quis enim vitae nisi gravida tincidunt. In cursus, orci id sodales sagittis, nunc dolor porttitor felis, sit amet tristique sem nibh non sem. Phasellus malesuada elementum scelerisque.

 

gittis, nunc dolor porttitor felis, sit amet tristique sem nibh non sem. Phasellus malesuada elementum scelerisque.

1 ligne / 2 colonnes - Texte / image 70% - 30%

Titre de la sous partie

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras malesuada, sem nec blandit tincidunt, risus arcu tincidunt tellus, sit amet bibendum nisl est lacinia ex. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

 

Aliquam quis enim vitae nisi gravida tincidunt. In cursus, orci id sodales saLorem ipsum dolor sit amet, consectetur adipiscing elit. Cras malesuada, sem nec blandit tincidunt, risus arcu tincidunt tellus, sit amet bibendum nisl est lacinia ex.

 

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam quis enim vitae nisi gravida tincidunt. In cursus, orci id sodales sagittis, nunc dolor porttitor felis, sit amet tristique sem nibh non sem. Phasellus malesuada elementum scelerisque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

 

Cras malesuada, sem nec blandit tincidunt, risus arcu tincidunt tellus, sit amet bibendum nisl est lacinia ex. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam quis enim vitae nisi gravida tincidunt. In cursus, orci id sodales sagittis, nunc dolor porttitor felis, sit amet tristique sem nibh non sem. Phasellus malesuada elementum scelerisque.

 

gittis, nunc dolor porttitor felis, sit amet tristique sem nibh non sem. Phasellus malesuada elementum scelerisque.

2 ligne / 2 colonnes - Texte / Texte - 50%

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras malesuada, sem nec blandit tincidunt, risus arcu tincidunt tellus, sit amet bibendum nisl est lacinia ex. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam quis enim vitae nisi gravida tincidunt. In cursus, orci id sodales saLorem ipsum dolor sit amet, consectetur adipiscing elit. Cras malesuada, sem nec blandit tincidunt, risus arcu tincidunt tellus, sit amet bibendum nisl est lacinia ex. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam quis enim vitae nisi gravida tincidunt.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras malesuada, sem nec blandit tincidunt, risus arcu tincidunt tellus, sit amet bibendum nisl est lacinia ex. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam quis enim vitae nisi gravida tincidunt. In cursus, orci id sodales saLorem ipsum dolor sit amet, consectetur adipiscing elit. Cras malesuada, sem nec blandit tincidunt, risus arcu tincidunt tellus, sit amet bibendum nisl est lacinia ex. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam quis enim vitae nisi gravida tincidunt.

1 ligne / 3 colonnes - Image / Image / Image - 33.33%

2 ligne / 1 colonne / 1 colonne - Image / Texte - 100% - 100%

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse accumsan sollicitudin sem vel imperdiet. Phasellus commodo, sem sed tristique interdum, magna justo interdum diam, sed porttitor neque lacus at nisl. Ut imperdiet vitae massa dictum posuere. Quisque vulputate luctus ipsum sed tempus. Nulla tincidunt nibh ac venenatis facilisis. Phasellus sollicitudin dui massa, sed euismod mi mollis a. Quisque justo sapien, laoreet vulputate sem ut, maximus suscipit nunc. Integer vel diam faucibus, posuere mi vel, pulvinar dui. Sed nec dignissim ipsum, eleifend auctor risus. Cras vel fermentum justo. Vivamus vehicula vehicula nisi, at suscipit augue cursus ac. Aliquam erat volutpat. In ut magna felis. In aliquam erat eu sem commodo, non auctor est convallis. Integer eget ex vel sapien dapibus commodo id vel mauris