nouveaux templates
This commit is contained in:
parent
3be03a2dad
commit
5e144bd434
|
@ -2,6 +2,8 @@
|
||||||
|
|
||||||
## Version 5.0.02 de Deltacms
|
## Version 5.0.02 de Deltacms
|
||||||
- Modifications :
|
- Modifications :
|
||||||
|
- animation et réduction du panneau cookies,
|
||||||
|
- édition avec Tinymce : nouveaux templates pour insérer un bloc ou une image en pleine largeur quelque soit l'écran,
|
||||||
-
|
-
|
||||||
- Corrections :
|
- Corrections :
|
||||||
-
|
-
|
||||||
|
|
|
@ -1088,3 +1088,10 @@ figure.image figcaption {
|
||||||
margin: 4px;
|
margin: 4px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
/* Template bloc coloré pleine largeur dans tinymce et l'aperçu des templates*/
|
||||||
|
#tinymce > .blockFullWidth{
|
||||||
|
padding: 10px 20px;
|
||||||
|
}
|
||||||
|
.editorWysiwyg > div.blockFullWidth {
|
||||||
|
padding: 10px 30px;
|
||||||
|
}
|
||||||
|
|
|
@ -128,6 +128,14 @@
|
||||||
.offset11 {
|
.offset11 {
|
||||||
margin-left: 91.66666667%;
|
margin-left: 91.66666667%;
|
||||||
}
|
}
|
||||||
|
/* templates tinymce */
|
||||||
|
.imageFullWidth {
|
||||||
|
margin: 0 -20px;
|
||||||
|
}
|
||||||
|
.blockFullWidth {
|
||||||
|
margin: 0 -20px;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Ecrans < 800px */
|
/* Ecrans < 800px */
|
||||||
|
@ -341,6 +349,14 @@
|
||||||
.formOuter{
|
.formOuter{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
/* templates tinymce */
|
||||||
|
.imageFullWidth {
|
||||||
|
margin: 0 -10px;
|
||||||
|
}
|
||||||
|
.blockFullWidth {
|
||||||
|
margin: 0 -10px;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Autres tailles d'écrans */
|
/* Autres tailles d'écrans */
|
||||||
|
|
|
@ -78,9 +78,19 @@ var templatesList = [
|
||||||
description: "4 blocs de texte, de même hauteur, avec un titre en ligne."
|
description: "4 blocs de texte, de même hauteur, avec un titre en ligne."
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Color box",
|
title: "Bloc coloré",
|
||||||
url: baseUrl + "core/vendor/tinymce/templates/colorbox.html",
|
url: baseUrl + "core/vendor/tinymce/templates/colorbox.html",
|
||||||
description: "Boîte colorée sans marge en petit écran."
|
description: "Bloc coloré aligné avec les textes."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Bloc coloré pleine largeur",
|
||||||
|
url: baseUrl + "core/vendor/tinymce/templates/colorboxFullWidth.html",
|
||||||
|
description: "Bloc coloré sans marge quelque soit l'écran."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Image pleine largeur",
|
||||||
|
url: baseUrl + "core/vendor/tinymce/templates/imagefullwidth.html",
|
||||||
|
description: "Image sans marge quelque soit l'écran."
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Effet accordéon : 2",
|
title: "Effet accordéon : 2",
|
||||||
|
|
|
@ -1,9 +1,7 @@
|
||||||
<div class="row">
|
<div class="col12 colorbox-0">
|
||||||
<div class="col12 colorbox-0">
|
<p>Vous pouvez paramétrer les couleurs de la boîte dans l'éditeur CSS accessible depuis la personnalisation des thèmes.</p>
|
||||||
<p>Vous pouvez paramétrer les couleurs de la boîte dans l'éditeur CSS accessible depuis la personnalisation des thèmes.</p>
|
<p>You can configure the colors of the box in the CSS editor accessible from the theme customization.</p>
|
||||||
<p>You can configure the colors of the box in the CSS editor accessible from the theme customization.</p>
|
<p><a href="https://www.deltacms.fr/">Lien</a></p>
|
||||||
<p><a href="https://www.deltacms.fr/">Lien</a></p>
|
<h2>h2</h2><h3>h3</h3>
|
||||||
<h2>h2</h2><h3>h3</h3>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<p>Conserver jusqu'à la fin de la mise en page pour faciliter les insertions.</p>
|
<p>Conserver jusqu'à la fin de la mise en page pour faciliter les insertions.</p>
|
|
@ -0,0 +1,7 @@
|
||||||
|
<div class="blockFullWidth colorbox-0">
|
||||||
|
<p>Vous pouvez paramétrer les couleurs de la boîte dans l'éditeur CSS accessible depuis la personnalisation des thèmes.</p>
|
||||||
|
<p>You can configure the colors of the box in the CSS editor accessible from the theme customization.</p>
|
||||||
|
<p><a href="https://www.deltacms.fr/">Lien</a></p>
|
||||||
|
<h2>h2</h2><h3>h3</h3>
|
||||||
|
</div>
|
||||||
|
<p>Conserver jusqu'à la fin de la mise en page pour faciliter les insertions.</p>
|
|
@ -0,0 +1,4 @@
|
||||||
|
<div class="imageFullWidth">
|
||||||
|
<p><img src="core/vendor/tinymce/templates/imagefullwidth.jpg" width="100%" height="" alt="" /></p>
|
||||||
|
</div>
|
||||||
|
<p>Conserver jusqu'à la fin de la mise en page pour faciliter les insertions.</p>
|
Binary file not shown.
After Width: | Height: | Size: 16 KiB |
Loading…
Reference in New Issue