search dans éditeur css color box et maj custom.css

CHANGES.md

@@ -2,9 +2,15 @@
 
 ## Version 4.5.03 de Deltacms
 - Modifications :
-
+	- Mise à jour des icônes,
+	- Gabarits de page : Color box, une boîte colorée sans marge en petit écran, couleurs paramétrables dans l'éditeur CSS, 
+	- Album 4.5 :
+	- Form 5.0 : Saisie et mise en forme des messages avec Tinymce,
 - Corrections :
-
+	- Form 5.0 : la longueur des messages n'est plus limitée à 500 caractères.
+- Sur le site :
+	- Bonus / Vidéos pour le module album photo,
+	- Bonus / Scripts : Script dans head ou dans body limité à certaines pages.
 
 ## Version 4.5.02 de Deltacms
 - Modifications :

core/module/theme/resource/custom.css

@@ -1,17 +1,16 @@
 /**
- * Voici une feuille de style type, bien entendu vous pouvez ajouter
+ * Voici une feuille de style type, bien entendu vous pouvez ajouter ou supprimer des propriétés CSS en fonction de vos besoins.*/
- * ou supprimer des propriétés CSS en fonction de vos besoins.
+/* Here is a typical style sheet, of course you can add or remove CSS properties according to your needs.*/
- */
+
+/* Pour activer la popup de recherche positionner le curseur dans la zone d'édition puis Ctrl + F ou Cmd + F */
+/* To activate the search popup position the cursor in the editing area then Ctrl + F or Cmd + F */
 
 /**
  * Éléments principaux
  */
 
 
-/*
+/* Grille du site, barres et page */
-* Grille du site
-* Barres et page
-*/
 #contentLeft {
 }
 #contentRight {
@@ -43,8 +42,7 @@ nav a:hover {
 nav a.active {
 }
 
-/* Menu latéral */
+/* Menu latéral, aspect des puces */
-/* aspect des puces */
 ul #menuSide  {
 }
 /* Block menu à droite */
@@ -54,7 +52,6 @@ ul #menuSide  {
 #menuSideLeft {
 }
 
-
 /* Bas de page */
 footer {
 }
@@ -85,10 +82,7 @@ footer #footersiteRight, #footerbodyRight {
  */
 
 /* Titres */
-h1,
+h1, h2, h3, h4 {
-h2,
-h3,
-h4 {
 }
 
 /* Liens */
@@ -146,39 +140,26 @@ select:hover,
 textarea:hover {
 }
 
-/* Modules News et Blog */
+/* Titre sous image Caption */
-
+/*
-.blogDate {
+figure.image {
+  display: inline-block;
+  border: 1px solid gray;
+  margin: 0 6px;
+  background-color: #f5f2f0;
 }
 
-.blogPicture {
+figure.image img {
+  margin: 0;
 }
 
-.blogPicture img {
+figure.image figcaption {
-}
+  margin: 4px;
-
+  text-align: center;
-.blogComment {
-}
-
-.blogTitle {
-}
-
-.blogContent {
-}
-
-.newsTitle {
-    /*background-color: grey;*/
-}
-
-.newsContent {
-}
-
-.newsSignature {
-    color: 	#404040;
 }
+*/
 
 /* Consentement aux cookies */
-
 /*
 #cookieConsent {
   width: 80%;
@@ -204,40 +185,62 @@ textarea:hover {
   background: rgba(0,50,255,1);
   color: rgba(255,255,255,1);
 }
-
 */
 
-/* Titre sous image */
+/* Gabarit Color box */
-
+.colorbox-0 {
-/*
+	color: #F7F6CF;
-figure.image {
+	background-color: #5784BA; 
-  display: inline-block;
+}
-  border: 1px solid gray;
+.colorbox-0 a {
-  margin: 0 6px;
+	color: #FFBF66;
-  background-color: #f5f2f0;
+}
+.colorbox-0 h2, .colorbox-0 h3{
+	color: #F4CFDF;
 }
 
-figure.image img {
-  margin: 0;
-}
 
-figure.image figcaption {
+/**
-  margin: 4px;
+ * Modules de page par ordre alphabétique
-  text-align: center;
+ */
-}
+
-*/
 
 /* Module Agenda : grille de l'agenda */
-.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td, .fc .fc-row .fc-content-skeleton td{
+.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider,
+.fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view,
+.fc-unthemed .fc-list-heading td, .fc .fc-row .fc-content-skeleton td{
 	border-color: rgba(146, 52, 101, 1);
 }
 
-/* Module Album photo */
 
-/* Cases contenant les vignettes */
+/* Module Album photo : Cases contenant les vignettes */
 .galleryPicture, .galleryGalleryPicture {
 /*exemple background-color: green;*/
 }
 .galleryPicture:hover, .galleryGalleryPicture:hover {
 /*exemple background-color: yellow;*/
 }
+
+/* Module Blog */
+.blogDate {
+}
+.blogPicture {
+}
+.blogPicture img {
+}
+.blogComment {
+}
+.blogTitle {
+}
+.blogContent {
+}
+
+/* Module News */
+.newsTitle {
+    /*background-color: grey;*/
+}
+.newsContent {
+}
+.newsSignature {
+    color: #404040;
+}

core/vendor/tinymce/init.js

@@ -45,6 +45,11 @@ var templatesList = [
 			url: baseUrl + "core/vendor/tinymce/templates/4blocks.html",
 			description: "4 blocs de texte, de même hauteur, avec un titre en ligne."
 		},
+		{
+			title: "Color box",
+			url: baseUrl + "core/vendor/tinymce/templates/colorbox.html",
+			description: "Boîte colorée sans marge en petit écran."
+		},
 		{
 			title: "Effet accordéon : 2",
 			url: baseUrl + "core/vendor/tinymce/templates/accordion.html",

core/vendor/tinymce/plugins/codemirror/codemirror/jsbody.inc.json

@@ -6,5 +6,7 @@
 	"mode/javascript/javascript.js",
 	"mode/php/php.js",	
 	"mode/xml/xml.js",
-	"init.js"
+	"init.js",
+	"addon/search/search.js",
+	"addon/search/searchcursor.js"
 ]

core/vendor/tinymce/templates/colorbox.html

@@ -0,0 +1,9 @@
+<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>
+<p>Conserver jusqu'à la fin de la mise en page pour faciliter les insertions.</p>