Deltacms/core/module/install/ressource/database_fr/base/content/edition.html

<p>Cette page montre quelques exemples de gabarits disponibles dans l'&eacute;diteur Wysiwyg Tinymce. Elle est la page parent des pages 'Barre lat&eacute;rale' et 'Menu lat&eacute;ral'.</p>

<p style="text-align: center;"><a href="https://doc.deltacms.fr/tinymce-et-gabarits" target="_blank" rel="noopener">Lien vers la documentation des gabarits</a></p>

<p style="text-align: center;"><a href="https://doc.deltacms.fr/emplacement-dans-le-menu" target="_blank" rel="noopener">Lien vers la documentation de disposition des pages</a></p>

<h2><span style="font-size: 20px;">Gabarit grille sym&eacute;trique 4-4-4</span></h2>

<div class="row">

<div class="col4">

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam interdum, neque non vulputate hendrerit, arcu turpis dapibus nisl, id scelerisque metus lectus vitae nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec feugiat dolor et turpis finibus condimentum. Cras sit amet ligula sagittis justo.</p>

</div>

<div class="col4">

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam interdum, neque non vulputate hendrerit, arcu turpis dapibus nisl, id scelerisque metus lectus vitae nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec feugiat dolor et turpis finibus condimentum. Cras sit amet ligula sagittis justo.</p>

</div>

<div class="col4">

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam interdum, neque non vulputate hendrerit, arcu turpis dapibus nisl, id scelerisque metus lectus vitae nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec feugiat dolor et turpis finibus condimentum. Cras sit amet ligula sagittis justo.</p>

</div>

</div>

<p>&nbsp;</p>

<h2><span style="font-size: 20px;">Gabarit blocs de texte 3-3-3-3</span></h2>

<div class="row" style="display: flex; flex-wrap: wrap;">

<div class="col3">

<div class="block" style="height: 100%;">

<div class="blockTitle">

<p>Titre du bloc</p>

</div>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam interdum, neque non vulputate hendrerit, arcu turpis dapibus nisl, id scelerisque metus lectus vitae nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec feugiat dolor et turpis finibus condimentum. Cras sit amet ligula sagittis justo.</p>

</div>

</div>

<div class="col3">

<div class="block" style="height: 100%;">

<div class="blockTitle">

<p>Titre du bloc</p>

</div>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam interdum, neque non vulputate hendrerit, arcu turpis dapibus nisl, id scelerisque metus lectus vitae nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec feugiat dolor et turpis finibus condimentum. Cras sit amet ligula sagittis justo.</p>

</div>

</div>

<div class="col3">

<div class="block" style="height: 100%;">

<div class="blockTitle">

<p>Titre du bloc</p>

</div>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam interdum, neque non vulputate hendrerit, arcu turpis dapibus nisl, id scelerisque metus lectus vitae nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec feugiat dolor et turpis finibus condimentum. Cras sit amet ligula sagittis justo.</p>

</div>

</div>

<div class="col3">

<div class="block" style="height: 100%;">

<div class="blockTitle">

<p>Titre du bloc</p>

</div>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam interdum, neque non vulputate hendrerit, arcu turpis dapibus nisl, id scelerisque metus lectus vitae nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec feugiat dolor et turpis finibus condimentum. Cras sit amet ligula sagittis justo.</p>

</div>

</div>

</div>

<p>&nbsp;</p>

<h2><span style="font-size: 20px;">Gabarit effet accordeon</span></h2>

<ul class="accordion" data-speed="150">

<li class="accordion-item active">

<h3 class="accordion-title"><span style="font-size: 16px;">Premier bloc</span></h3>

<div class="accordion-content">

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam interdum, neque non vulputate hendrerit, arcu turpis dapibus nisl, id scelerisque metus lectus vitae nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec feugiat dolor et turpis finibus condimentum. Cras sit amet ligula sagittis justo.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam interdum, neque non vulputate hendrerit, arcu turpis dapibus nisl, id scelerisque metus lectus vitae nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec feugiat dolor et turpis finibus condimentum. Cras sit amet ligula sagittis justo.</p>

</div>

</li>

<li class="accordion-item">

<h3 class="accordion-title"><span style="font-size: 16px;">Second bloc</span></h3>

<div class="accordion-content">

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam interdum, neque non vulputate hendrerit, arcu turpis dapibus nisl, id scelerisque metus lectus vitae nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec feugiat dolor et turpis finibus condimentum. Cras sit amet ligula sagittis justo.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam interdum, neque non vulputate hendrerit, arcu turpis dapibus nisl, id scelerisque metus lectus vitae nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec feugiat dolor et turpis finibus condimentum. Cras sit amet ligula sagittis justo.</p>

</div>

</li>

</ul>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<div class="row">

<div class="col4"></div>

<div class="col4">

<p>&nbsp;</p>

<p>&nbsp;</p>

</div>

</div>