Bloc de mise en page (Agencement & Design)

1. 📐 Agencement (La structure)

Option	À quoi ça sert ?
Grid	Active une grille pour organiser le contenu en colonnes (comme une tableaux).
Col. (Colonnes)	Définit le nombre de colonnes dans votre bloc (ex: 2 pour mettre du texte à côté d'une image).
Aucun	Supprime la grille : le contenu s'affiche en bloc simple (les uns en dessous des autres).

2. 🎨 Arrière-plan (Le fond)

Option	Action
Boutons + / -	Cliquez sur + pour ajouter une couleur de fond, une image ou un dégradé. Cliquez sur - pour le supprimer.
Astuce	Vous pouvez choisir une couleur unie ou télécharger une image pour habiller le fond du bloc.

3. 📏 Dimensions (Taille du bloc)

Option	Explication
Largeur contenu	Ajuste l'écart entre les bords du bloc et le texte (les marges internes). Le + l'agrandit, le - le réduit.
Hauteur	Définit la hauteur du bloc : • Automatique = s'adapte au texte. • 50% = prend la moitié de la hauteur de l'écran. • 100% = prend toute la hauteur de l'écran (parfait pour une section d'accueil "plein écran").

4. 👁️ Visibilité (Qui voit quoi ?)

Option	Utilité
Aucune co... (Aucune condition)	Par défaut, le bloc est visible par tout le monde sur tous les appareils.
Si d'autres options apparaissent	Vous pourrez ici cacher le bloc sur mobile, tablette, ou le réserver aux utilisateurs connectés.

💡 Règle d'or :

Utilisez "Grid + Colonnes" pour faire des mises en page complexes (ex: 3 photos côte à côte).
Utilisez "Hauteur 100%" pour créer des sections qui font toute la taille de l'écran, parfaites pour un impact visuel fort.
Si vous ne voyez pas votre fond, vérifiez que la hauteur n'est pas réglée sur "Automatique" alors que le bloc est vide : ajoutez du texte ou une image pour le "remplir".

<p><img class="img-fluid" data-file-name="image.png" src="/web/image/2016-aee78ef7/image.png?access_token=7172d4e7-ab98-4a33-b47f-d42c5a8caa34"></p>
<h4>1. 📐 Agencement (La structure)</h4>
<table class="table table-bordered"><thead><tr><th>Option</th><th>À quoi ça sert ?</th></tr></thead><tbody><tr><td><strong>Grid</strong></td><td>Active une grille pour organiser le contenu en colonnes (comme une tableaux).</td></tr><tr><td><strong>Col. (Colonnes)</strong></td><td>Définit le nombre de colonnes dans votre bloc (ex: 2 pour mettre du texte à côté d'une image).</td></tr><tr><td><strong>Aucun</strong></td><td>Supprime la grille : le contenu s'affiche en bloc simple (les uns en dessous des autres).</td></tr></tbody></table>
<h4>2. 🎨 Arrière-plan (Le fond)</h4>
<table class="table table-bordered"><thead><tr><th>Option</th><th>Action</th></tr></thead><tbody><tr><td><strong>Boutons + / -</strong></td><td>Cliquez sur <strong>+</strong> pour ajouter une couleur de fond, une image ou un dégradé. Cliquez sur <strong>-</strong> pour le supprimer.</td></tr><tr><td><em>Astuce</em></td><td>Vous pouvez choisir une couleur unie ou télécharger une image pour habiller le fond du bloc.</td></tr></tbody></table>
<h4>3. 📏 Dimensions (Taille du bloc)</h4>
<table class="table table-bordered"><thead><tr><th>Option</th><th>Explication</th></tr></thead><tbody><tr><td><strong>Largeur contenu</strong></td><td>Ajuste l'écart entre les bords du bloc et le texte (les marges internes). Le <strong>+</strong> l'agrandit, le <strong>-</strong> le réduit.</td></tr><tr><td><strong>Hauteur</strong></td><td>Définit la hauteur du bloc :<br>• <strong>Automatique</strong> = s'adapte au texte.<br>• <strong>50%</strong> = prend la moitié de la hauteur de l'écran.<br>• <strong>100%</strong> = prend toute la hauteur de l'écran (parfait pour une section d'accueil "plein écran").</td></tr></tbody></table>
<h4>4. 👁️ Visibilité (Qui voit quoi ?)</h4>
<table class="table table-bordered"><thead><tr><th>Option</th><th>Utilité</th></tr></thead><tbody><tr><td><strong>Aucune co...</strong> (Aucune condition)</td><td>Par défaut, le bloc est visible par <strong>tout le monde</strong> sur tous les appareils.</td></tr><tr><td><em>Si d'autres options apparaissent</em></td><td>Vous pourrez ici cacher le bloc sur mobile, tablette, ou le réserver aux utilisateurs connectés.</td></tr></tbody></table>
<p><strong>💡 Règle d'or :</strong></p>
<ul><li>Utilisez <strong>"Grid + Colonnes"</strong> pour faire des mises en page complexes (ex: 3 photos côte à côte).</li><li>Utilisez <strong>"Hauteur 100%"</strong> pour créer des sections qui font toute la taille de l'écran, parfaites pour un impact visuel fort.</li><li>Si vous ne voyez pas votre fond, vérifiez que la <strong>hauteur</strong> n'est pas réglée sur "Automatique" alors que le bloc est vide : ajoutez du texte ou une image pour le "remplir".</li></ul>
<p>

</p>