Créer de jolies colonnes
{{col}}
se ferme avec un {{end elem="col"}} et s'utilise obligatoirement entre {{grid}} et {{end elem="grid"}}Comportements
- permet de créer des colonnes au sein d'une page
A savoir avant de l'utiliser, une page web se découpe toujours en 12 parties égales.
A vous de les répartir comme bon vous semble dans vos colonnes (sans dépasser 12 du coup !! )
Exemples de colonnes
Une colonne de 2, une de 4, une de 6
{{grid}} {{col size="2"}} Texte de la colonne à remplacer par votre texte (ou votre image ou...) {{end elem="col"}} {{col size="4"}} Texte de la colonne à remplacer par votre texte (ou votre image ou...) {{end elem="col"}} {{col size="6"}} Texte de la colonne à remplacer par votre texte (ou votre image ou...) {{end elem="col"}} {{end elem="grid"}}
donne
Texte de la colonne à remplacer par votre texte (ou votre image ou...)
Texte de la colonne à remplacer par votre texte (ou votre image ou...)
Texte de la colonne à remplacer par votre texte (ou votre image ou...)
Colonne de 4, une de 4, une de 4
{{grid}} {{col size="4"}} Texte de la colonne à remplacer par votre texte (ou votre image ou...) {{end elem="col"}} {{col size="4"}} Texte de la colonne à remplacer par votre texte (ou votre image ou...) {{end elem="col"}} {{col size="4"}} Texte de la colonne à remplacer par votre texte (ou votre image ou...) {{end elem="col"}} {{end elem="grid"}}
donne
Texte de la colonne à remplacer par votre texte (ou votre image ou...)
Texte de la colonne à remplacer par votre texte (ou votre image ou...)
Texte de la colonne à remplacer par votre texte (ou votre image ou...)
Colonne de 3, une de 3, une de 3 et une de 3
{{grid}} {{col size="3"}} Texte de la colonne à remplacer par votre texte (ou votre image ou...) {{end elem="col"}} {{col size="3"}} Texte de la colonne à remplacer par votre texte (ou votre image ou...) {{end elem="col"}} {{col size="3"}} Texte de la colonne à remplacer par votre texte (ou votre image ou...) {{end elem="col"}} {{col size="3"}} Texte de la colonne à remplacer par votre texte (ou votre image ou...) {{end elem="col"}} {{end elem="grid"}}
donne
Texte de la colonne à remplacer par votre texte (ou votre image ou...)
Texte de la colonne à remplacer par votre texte (ou votre image ou...)
Texte de la colonne à remplacer par votre texte (ou votre image ou...)
Texte de la colonne à remplacer par votre texte (ou votre image ou...)