nouveaux templates

CHANGES.md

@@ -2,6 +2,8 @@
 
 ## Version 5.0.02 de Deltacms
 - 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 :
 	- 

core/layout/common.css

@@ -1088,3 +1088,10 @@ figure.image figcaption {
 	margin: 4px;
 	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; 
+}

core/layout/mediaqueries.css

@@ -128,6 +128,14 @@
 	.offset11 {
 	   margin-left: 91.66666667%;
 	}
+	/* templates tinymce */
+	.imageFullWidth {
+		margin: 0 -20px;
+	}
+	.blockFullWidth {
+		margin: 0 -20px;
+		padding: 10px;
+	}	
 }
 
 /*					Ecrans < 800px					*/
@@ -341,6 +349,14 @@
 	.formOuter{
 		width: 100%;
 	}
+/* templates tinymce */
+	.imageFullWidth {
+		margin: 0 -10px;
+	} 
+	.blockFullWidth {
+		margin: 0 -10px;
+		padding: 10px;
+	}  	
 }
 
 /*					Autres tailles d'écrans					*/

core/vendor/tinymce/init.js

@@ -78,9 +78,19 @@ var templatesList = [
 			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",
-			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",

core/vendor/tinymce/templates/colorbox.html

@@ -1,9 +1,7 @@
-<div class="row">
-	<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>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>
+<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>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>

core/vendor/tinymce/templates/colorboxFullWidth.html

@@ -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>

core/vendor/tinymce/templates/imagefullwidth.html

@@ -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>