:: suivant >>
éditer :: []->

Mise en pratique

Voici un petit exercice pour mettre en application une mise en page sous forme de colonnes.
N'hésitez pas à consulter la page d'aide pour vous en inspirer :)


Petites précisions :

  • {{grid}} signifie qu'on commence une section de type "grille". Pour fermer la section, on utilise {{end elem="grid"}}
  • {{col size="4"}} signifie qu'on ouvre une colonne, et le paramètre size définit sa largeur (la largeur totale de l'ensemble des colonnes doit être égale à 12). On ferme la colonne avec {{end elem="col"}} .
D'autres options existent, mais restons simples pour commencer.


Voici ci-dessous un texte d'exemple composé de 5 paragraphes, et une proposition de 3 mises en page à reproduire (au choix, vous êtes libres de ne pas toutes les faire) :

Exemple 2?

Exemple 3?



Lorem ipsum dolor

sit amet, consectetur adipiscing elit. Pellentesque dictum, tortor eget aliquet ultricies, justo massa elementum diam, in viverra purus lacus eu massa. Vivamus interdum semper libero vitae rhoncus. Vivamus tincidunt vestibulum augue. Aenean eget neque ut augue ornare congue. Fusce nunc ipsum, pulvinar id eleifend eu, pharetra ac metus. Mauris consectetur libero massa, vitae vehicula felis porta viverra. Fusce venenatis justo tristique finibus tincidunt. Vestibulum eu lacus lorem. Integer blandit ut arcu sit amet convallis. Donec vulputate sodales consequat.

Ut lorem dolor,

dictum in mattis vitae, varius at mauris. Vestibulum maximus ornare faucibus. Nam sed diam mi. Aenean a velit id augue sodales elementum. Etiam risus turpis, hendrerit sit amet euismod sit amet, rhoncus ut mi. Nulla varius at purus quis lobortis. Mauris elementum a tortor a pellentesque.

Aliquam ornare ante quam.

Vestibulum quis feugiat metus. In nulla ex, sollicitudin non hendrerit nec, vehicula id augue. Aenean congue arcu eu est semper, non maximus velit interdum. Mauris in neque ut metus commodo finibus. Quisque efficitur leo vel euismod molestie. Aenean tincidunt condimentum libero, in tincidunt leo tincidunt nec. Aenean consectetur ultricies dapibus. Integer egestas dignissim odio quis accumsan. Quisque ultricies, eros eget scelerisque sollicitudin, lorem urna iaculis nisi, in suscipit metus lorem id leo. Vivamus ultrices lacinia ipsum. Curabitur et faucibus dolor, nec molestie eros. Aliquam vitae leo vel eros malesuada volutpat.

Quisque dictum

ullamcorper tortor efficitur aliquam. Duis dignissim arcu nulla, ut rutrum ipsum dignissim vitae. Fusce in vulputate libero, eu faucibus mi. Suspendisse porttitor, enim eget dapibus efficitur, dolor dui molestie mauris, id bibendum lorem nunc eu turpis. Quisque id nisi rutrum, tempor arcu eget, facilisis arcu. Proin purus sem, vulputate vitae felis commodo, bibendum euismod metus. Praesent vehicula vitae nulla nec elementum. Nullam sed tempus turpis. Sed dolor sem, elementum ut maximus vel, placerat eu libero. Proin mollis semper augue, ut laoreet elit sollicitudin at. Donec sed massa sit amet odio ultricies convallis. Cras sollicitudin eget mauris vitae pulvinar. Donec sit amet diam quis nunc faucibus vulputate. Fusce hendrerit mi vitae vestibulum facilisis. Etiam non quam nibh.

Nullam ultrices neque

vel metus efficitur pharetra. Vivamus pharetra tincidunt magna sed porttitor. Phasellus pellentesque nisi est, pellentesque maximus eros fringilla a. Cras a dui sit amet mi imperdiet lacinia sed sit amet nulla. Sed at purus ac odio scelerisque bibendum vitae vel quam. Nunc sit amet mattis nisl. Aenean faucibus mi pellentesque, fringilla odio blandit, porttitor orci. Nullam in rutrum leo, ac scelerisque risus. Donec facilisis egestas dignissim. Nulla facilisi.