diff --git a/CHANGES.md b/CHANGES.md index f13de80..4080c35 100644 --- a/CHANGES.md +++ b/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 : - diff --git a/core/layout/common.css b/core/layout/common.css index c4a2911..0b07e24 100644 --- a/core/layout/common.css +++ b/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; +} diff --git a/core/layout/mediaqueries.css b/core/layout/mediaqueries.css index 95da9aa..813b9fb 100644 --- a/core/layout/mediaqueries.css +++ b/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 */ diff --git a/core/vendor/tinymce/init.js b/core/vendor/tinymce/init.js index d994138..191e9f5 100644 --- a/core/vendor/tinymce/init.js +++ b/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", diff --git a/core/vendor/tinymce/templates/colorbox.html b/core/vendor/tinymce/templates/colorbox.html index cf8f4ad..7257295 100644 --- a/core/vendor/tinymce/templates/colorbox.html +++ b/core/vendor/tinymce/templates/colorbox.html @@ -1,9 +1,7 @@ -
-
-

Vous pouvez paramétrer les couleurs de la boîte dans l'éditeur CSS accessible depuis la personnalisation des thèmes.

-

You can configure the colors of the box in the CSS editor accessible from the theme customization.

-

Lien

-

h2

h3

-
+
+

Vous pouvez paramétrer les couleurs de la boîte dans l'éditeur CSS accessible depuis la personnalisation des thèmes.

+

You can configure the colors of the box in the CSS editor accessible from the theme customization.

+

Lien

+

h2

h3

Conserver jusqu'à la fin de la mise en page pour faciliter les insertions.

\ No newline at end of file diff --git a/core/vendor/tinymce/templates/colorboxFullWidth.html b/core/vendor/tinymce/templates/colorboxFullWidth.html new file mode 100644 index 0000000..9e3e992 --- /dev/null +++ b/core/vendor/tinymce/templates/colorboxFullWidth.html @@ -0,0 +1,7 @@ +
+

Vous pouvez paramétrer les couleurs de la boîte dans l'éditeur CSS accessible depuis la personnalisation des thèmes.

+

You can configure the colors of the box in the CSS editor accessible from the theme customization.

+

Lien

+

h2

h3

+
+

Conserver jusqu'à la fin de la mise en page pour faciliter les insertions.

\ No newline at end of file diff --git a/core/vendor/tinymce/templates/imagefullwidth.html b/core/vendor/tinymce/templates/imagefullwidth.html new file mode 100644 index 0000000..c338d0e --- /dev/null +++ b/core/vendor/tinymce/templates/imagefullwidth.html @@ -0,0 +1,4 @@ +
+

+
+

Conserver jusqu'à la fin de la mise en page pour faciliter les insertions.

\ No newline at end of file diff --git a/core/vendor/tinymce/templates/imagefullwidth.jpg b/core/vendor/tinymce/templates/imagefullwidth.jpg new file mode 100644 index 0000000..2eaa849 Binary files /dev/null and b/core/vendor/tinymce/templates/imagefullwidth.jpg differ