From c97b3c20600536a6abe809d8866c7c04e9612537 Mon Sep 17 00:00:00 2001
From: "real3t@gmail.com" <>
Date: Wed, 5 Aug 2015 12:29:10 +0000
Subject: [PATCH] =?UTF-8?q?Le=20contenu=20peut=20via=20configuration=20dan?=
=?UTF-8?q?s=20es=20couleurs=20de=20SoyezCr=C3=A9ateurs=20recevoir=202=20o?=
=?UTF-8?q?mbres=20parmi=20:=20gauche,=20haut,=20droite,=20bas?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../configurer_soyezcreateurs_couleurs.html | 94 ++++++++++++++++++-
lang/soyezcreateursprive_fr.php | 7 +-
paquet.xml | 2 +-
stylessoyezcreateurs.css.html | 73 ++++++++++++--
4 files changed, 160 insertions(+), 16 deletions(-)
diff --git a/formulaires/configurer_soyezcreateurs_couleurs.html b/formulaires/configurer_soyezcreateurs_couleurs.html
index 80b58de6..2feb537d 100755
--- a/formulaires/configurer_soyezcreateurs_couleurs.html
+++ b/formulaires/configurer_soyezcreateurs_couleurs.html
@@ -254,6 +254,48 @@
<fieldset>
<h3 class="legend"><:soyezcreateursprive:cfg_ombres:></h3>
<p><:soyezcreateursprive:cfg_ombres_explications:></p>
+ <style>#cfgsccontent { position:relative; overflow:hidden; }
+[(#ENV{ombrecontentbefore,none}!={none}|oui)
+ #cfgsccontent:before {
+ content: " "; position:absolute; z-index: 1;
+[(#ENV{ombrecontentbefore,none}|=={left}|oui)
+ top: 0; height:100%; left: -10px; width: 10px; border-radius: 5px / 100px;
+]
+[(#ENV{ombrecontentbefore,none}|=={top}|oui)
+ left: 0; width:100%; top: -10px; height: 10px; border-radius: 100px / 5px;
+]
+[(#ENV{ombrecontentbefore,none}|=={right}|oui)
+ top: 0; height:100%; right: -10px; width: 10px; border-radius: 5px / 100px;
+]
+[(#ENV{ombrecontentbefore,none}|=={bottom}|oui)
+ left: 0; width:100%; bottom: -10px; height: 10px; border-radius: 100px / 5px;
+]
+ -webkit-box-shadow: [(#ENV{ombrecontentbeforeparametres,0px 0px 13px 0px})] rgba([(#ENV{ombrecontentbeforecouleur,#000000}|sc_rgb)], #ENV{ombrecontentbeforetransparence,0.6});
+ -moz-box-shadow: [(#ENV{ombrecontentbeforeparametres,0px 0px 13px 0px})] rgba([(#ENV{ombrecontentbeforecouleur,#000000}|sc_rgb)], #ENV{ombrecontentbeforetransparence,0.6});
+ box-shadow: [(#ENV{ombrecontentbeforeparametres,0px 0px 13px 0px})] rgba([(#ENV{ombrecontentbeforecouleur,#000000}|sc_rgb)], #ENV{ombrecontentbeforetransparence,0.6});
+}
+]
+[(#ENV{ombrecontentafter,none}!={none}|oui)
+ #cfgsccontent:after {
+ content: " "; position:absolute; z-index: 1;
+[(#ENV{ombrecontentafter,none}|=={left}|oui)
+ top: 0; height:100%; left: -10px; width: 10px; border-radius: 5px / 100px;
+]
+[(#ENV{ombrecontentafter,none}|=={top}|oui)
+ left: 0; width:100%; top: -10px; height: 10px; border-radius: 100px / 5px;
+]
+[(#ENV{ombrecontentafter,none}|=={right}|oui)
+ top: 0; height:100%; right: -10px; width: 10px; border-radius: 5px / 100px;
+]
+[(#ENV{ombrecontentafter,none}|=={bottom}|oui)
+ left: 0; width:100%; bottom: -10px; height: 10px; border-radius: 100px / 5px;
+]
+ -webkit-box-shadow: [(#ENV{ombrecontentafterparametres,0px 0px 13px 0px})] rgba([(#ENV{ombrecontentaftercouleur,#000000}|sc_rgb)], #ENV{ombrecontentaftertransparence,0.6});
+ -moz-box-shadow: [(#ENV{ombrecontentafterparametres,0px 0px 13px 0px})] rgba([(#ENV{ombrecontentaftercouleur,#000000}|sc_rgb)], #ENV{ombrecontentaftertransparence,0.6});
+ box-shadow: [(#ENV{ombrecontentafterparametres,0px 0px 13px 0px})] rgba([(#ENV{ombrecontentaftercouleur,#000000}|sc_rgb)], #ENV{ombrecontentaftertransparence,0.6});
+}
+]
+ </style>
<table style="width:100%;">
<tbody>
<th><:soyezcreateursprive:cfg_zone:></th>
@@ -261,17 +303,61 @@
<th><:soyezcreateursprive:cfg_transparence:></th>
<th><:soyezcreateursprive:cfg_parametres:></th>
<th style="width:50%"><:soyezcreateurs:cfg_exemple_rendu:></th>
- <th><:soyezcreateursprive:cfg_ombrenon:></th>
</tr>
<tr>#SET{valeur,#ENV{ombrepagenon}|is_null|?{on,#ENV{ombrepagenon}}}
- <th><:soyezcreateurs:cfg_page:></th>
+ <th><:soyezcreateurs:cfg_page:><div class="choix"><input type="hidden" name="ombrepagenon" value="" /><input type="checkbox" name="ombrepagenon" class="checkbox" id='champ_ombrepagenon'[ (#GET{valeur}|=={on}|oui)checked='checked'] value='on' /><label for="champ_ombrepagenon"><:ecrire:item_non:></label></div></th>
<INCLURE{fond=formulaires/inc/config_couleurs,
color=#ENV{ombrepagecouleur,#aaaaaa},nobk=oui,nosample=oui,
name=ombrepagecouleur}>
<td><input type="text" name="ombrepagetransparence" value="#ENV{ombrepagetransparence,1}" id="sc_ombrepagetransparence" size="4" class="fondl" /></td>
<td><input type="text" name="ombrepageparametres" value="#ENV{ombrepageparametres,0px 0px 10px 0px}" id="sc_ombrepageparametres" size="20" class="fondl" /></td>
- <td style="[background-color:(#ENV{body_bk,#eceded});]"><div style="height:3em;[color:(#ENV{container,#02265a});][background-color:(#ENV{container_bk,#f6f6f6});][(#ENV{transparencecontent,1}|!={1}|oui)background-color: rgba([(#ENV{container_bk,#f6f6f6}|sc_rgb)], #ENV{transparencecontent,1});]margin: 1em; [(#GET{valeur}|=={on}|non)-webkit-box-shadow: [(#ENV{ombrepageparametres,0px 0px 10px 0px})] rgba([(#ENV{ombrepagecouleur,#aaaaaa}|sc_rgb)], #ENV{ombrepagetransparence,1}); -moz-box-shadow: [(#ENV{ombrepageparametres,0px 0px 10px 0px})] rgba([(#ENV{ombrepagecouleur,#aaaaaa}|sc_rgb)], #ENV{ombrepagetransparence,1}); box-shadow: [(#ENV{ombrepageparametres,0px 0px 10px 0px})] rgba([(#ENV{ombrepagecouleur,#aaaaaa}|sc_rgb)], #ENV{ombrepagetransparence,1});]"><:soyezcreateurs:cfg_exemple:> #ENV{transparencecontent,1}</div></td>
- <td><div class="choix"><input type="hidden" name="ombrepagenon" value="" /><input type="checkbox" name="ombrepagenon" class="checkbox" id='champ_ombrepagenon'[ (#GET{valeur}|=={on}|oui)checked='checked'] value='on' /><label for="champ_ombrepagenon"><:ecrire:item_non:></label></div></td>
+ <td style="[background-color:(#ENV{body_bk,#eceded});]" rowspan="3"><table style="height:12em; width:2em; [color:(#ENV{container,#02265a});][background-color:(#ENV{container_bk,#f6f6f6});][(#ENV{transparencecontent,1}|!={1}|oui)background-color: rgba([(#ENV{container_bk,#f6f6f6}|sc_rgb)], #ENV{transparencecontent,1});]margin: 1em; [(#GET{valeur}|=={on}|non)-webkit-box-shadow: [(#ENV{ombrepageparametres,0px 0px 10px 0px})] rgba([(#ENV{ombrepagecouleur,#aaaaaa}|sc_rgb)], #ENV{ombrepagetransparence,1}); -moz-box-shadow: [(#ENV{ombrepageparametres,0px 0px 10px 0px})] rgba([(#ENV{ombrepagecouleur,#aaaaaa}|sc_rgb)], #ENV{ombrepagetransparence,1}); box-shadow: [(#ENV{ombrepageparametres,0px 0px 10px 0px})] rgba([(#ENV{ombrepagecouleur,#aaaaaa}|sc_rgb)], #ENV{ombrepagetransparence,1});]">
+ <tr><td></td></tr>
+ <tr><td id="cfgsccontent"><:soyezcreateurs:cfg_exemple:> #ENV{transparencecontent,1}</td></tr>
+ <tr><td></td></tr>
+ </table></td>
+ </tr>
+ <tr>
+ <th>
+ [(#SAISIE{radio,ombrecontentbefore,
+ label=<:soyezcreateurs:cfg_contenu:>,
+ datas=#ARRAY{
+ none,<:soyezcreateursprive:cfg_contenu_rien:>,
+ left,<:soyezcreateursprive:cfg_contenu_gauche:>,
+ top,<:soyezcreateursprive:cfg_contenu_haut:>,
+ right,<:soyezcreateursprive:cfg_contenu_droit:>,
+ bottom,<:soyezcreateursprive:cfg_contenu_bas:>,
+ },
+ defaut=none,
+ cacher_option_intro=oui}
+ )]
+ </th>
+ <INCLURE{fond=formulaires/inc/config_couleurs,
+ color=#ENV{ombrecontentbeforecouleur,#000000},nobk=oui,nosample=oui,
+ name=ombrecontentbeforecouleur}>
+ <td><input type="text" name="ombrecontentbeforetransparence" value="#ENV{ombrecontentbeforetransparence,0.6}" id="sc_ombrecontentbeforetransparence" size="4" class="fondl" /></td>
+ <td><input type="text" name="ombrecontentbeforeparametres" value="#ENV{ombrecontentbeforeparametres,0px 0px 13px 0px}" id="sc_ombrecontentbeforeparametres" size="20" class="fondl" /></td>
+ </tr>
+ <tr>
+ <th>
+ [(#SAISIE{radio,ombrecontentafter,
+ label=<:soyezcreateurs:cfg_contenu:>,
+ datas=#ARRAY{
+ none,<:soyezcreateursprive:cfg_contenu_rien:>,
+ left,<:soyezcreateursprive:cfg_contenu_gauche:>,
+ top,<:soyezcreateursprive:cfg_contenu_haut:>,
+ right,<:soyezcreateursprive:cfg_contenu_droit:>,
+ bottom,<:soyezcreateursprive:cfg_contenu_bas:>,
+ },
+ defaut=none,
+ cacher_option_intro=oui}
+ )]
+ </th>
+ <INCLURE{fond=formulaires/inc/config_couleurs,
+ color=#ENV{ombrecontentaftercouleur,#000000},nobk=oui,nosample=oui,
+ name=ombrecontentaftercouleur}>
+ <td><input type="text" name="ombrecontentaftertransparence" value="#ENV{ombrecontentaftertransparence,0.6}" id="sc_ombrecontentaftertransparence" size="4" class="fondl" /></td>
+ <td><input type="text" name="ombrecontentafterparametres" value="#ENV{ombrecontentafterparametres,0px 0px 13px 0px}" id="sc_ombrecontentafterparametres" size="20" class="fondl" /></td>
</tr>
</tbody>
</table>
diff --git a/lang/soyezcreateursprive_fr.php b/lang/soyezcreateursprive_fr.php
index d22d4ecd..96d6dd2a 100644
--- a/lang/soyezcreateursprive_fr.php
+++ b/lang/soyezcreateursprive_fr.php
@@ -11,7 +11,12 @@ $GLOBALS[$GLOBALS['idx_lang']] = array(
'cfg_transparence' => 'Transparence',
'cfg_parametres' => 'Paramètres',
'cfg_ombrenon' => 'Ombre',
- 'cfg_couleur' => 'Couleur'
+ 'cfg_couleur' => 'Couleur',
+ 'cfg_contenu_rien' => 'Non',
+ 'cfg_contenu_gauche' => 'Gauche',
+ 'cfg_contenu_haut' => 'Haut',
+ 'cfg_contenu_droit' => 'Droite',
+ 'cfg_contenu_bas' => 'Bas'
);
diff --git a/paquet.xml b/paquet.xml
index 5b0158a3..d70ef27b 100644
--- a/paquet.xml
+++ b/paquet.xml
@@ -1,7 +1,7 @@
<paquet
prefix="soyezcreateurs"
categorie="squelette"
- version="4.0.25"
+ version="4.0.26"
etat="test"
compatibilite="[3.0.20;3.1.*]"
logo="img_pack/soyezcreateurs_48.png"
diff --git a/stylessoyezcreateurs.css.html b/stylessoyezcreateurs.css.html
index 7df9ce71..07ff91ae 100644
--- a/stylessoyezcreateurs.css.html
+++ b/stylessoyezcreateurs.css.html
@@ -327,29 +327,82 @@ a#logo { display: block; clear: right; margin-left: 80px; }
#content { clear:both; position: relative; padding:0; margin: 0; background-color: transparent; }
/* Astuce : https://www.fourfront.us/blog/css-shadow-borders-with-curved-box-shadows */
#content { position:relative; overflow:hidden; }
-#content:before {
+[(#CONFIG{soyezcreateurs_couleurs/ombrecontentbefore,none}!={none}|oui)
+ #content:before {
content: " ";
position:absolute;
z-index: 1;
+[(#CONFIG{soyezcreateurs_couleurs/ombrecontentbefore,none}|=={left}|oui)
+ top: 0;
+ height:100%;
+ left: -10px;
+ width: 10px;
+ border-radius: 5px / 100px;
+]
+[(#CONFIG{soyezcreateurs_couleurs/ombrecontentbefore,none}|=={top}|oui)
+ left: 0;
width:100%;
top: -10px;
height: 10px;
- right: 0%;
- border-radius: 5px / 100px;
- box-shadow:0 0 13px rgba(0,0,0,0.6);
+ border-radius: 100px / 5px;
+]
+[(#CONFIG{soyezcreateurs_couleurs/ombrecontentbefore,none}|=={right}|oui)
+ top: 0;
+ height:100%;
+ right: -10px;
+ width: 10px;
+ border-radius: 5px / 100px;
+]
+[(#CONFIG{soyezcreateurs_couleurs/ombrecontentbefore,none}|=={bottom}|oui)
+ left: 0;
+ width:100%;
+ bottom: -10px;
+ height: 10px;
+ border-radius: 100px / 5px;
+]
+ -webkit-box-shadow: [(#CONFIG{soyezcreateurs_couleurs/ombrecontentbeforeparametres,0px 0px 13px 0px})] rgba([(#CONFIG{soyezcreateurs_couleurs/ombrecontentbeforecouleur,#000000}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/ombrecontentbeforetransparence,0.6});
+ -moz-box-shadow: [(#CONFIG{soyezcreateurs_couleurs/ombrecontentbeforeparametres,0px 0px 13px 0px})] rgba([(#CONFIG{soyezcreateurs_couleurs/ombrecontentbeforecouleur,#000000}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/ombrecontentbeforetransparence,0.6});
+ box-shadow: [(#CONFIG{soyezcreateurs_couleurs/ombrecontentbeforeparametres,0px 0px 13px 0px})] rgba([(#CONFIG{soyezcreateurs_couleurs/ombrecontentbeforecouleur,#000000}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/ombrecontentbeforetransparence,0.6});
}
-
-#content:after {
+]
+[(#CONFIG{soyezcreateurs_couleurs/ombrecontentafter,none}!={none}|oui)
+ #content:after {
content: " ";
position:absolute;
- z-index: 1;
+ z-index: 1;
+[(#CONFIG{soyezcreateurs_couleurs/ombrecontentafter,none}|=={left}|oui)
+ top: 0;
+ height:100%;
+ left: -10px;
+ width: 10px;
+ border-radius: 5px / 100px;
+]
+[(#CONFIG{soyezcreateurs_couleurs/ombrecontentafter,none}|=={top}|oui)
+ left: 0;
+ width:100%;
+ top: -10px;
+ height: 10px;
+ border-radius: 100px / 5px;
+]
+[(#CONFIG{soyezcreateurs_couleurs/ombrecontentafter,none}|=={right}|oui)
+ top: 0;
+ height:100%;
+ right: -10px;
+ width: 10px;
+ border-radius: 5px / 100px;
+]
+[(#CONFIG{soyezcreateurs_couleurs/ombrecontentafter,none}|=={bottom}|oui)
+ left: 0;
width:100%;
bottom: -10px;
height: 10px;
- right: 0%;
- border-radius: 5px / 100px;
- box-shadow:0 0 13px rgba(0,0,0,0.6);
+ border-radius: 100px / 5px;
+]
+ -webkit-box-shadow: [(#CONFIG{soyezcreateurs_couleurs/ombrecontentafterparametres,0px 0px 13px 0px})] rgba([(#CONFIG{soyezcreateurs_couleurs/ombrecontentaftercouleur,#000000}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/ombrecontentaftertransparence,0.6});
+ -moz-box-shadow: [(#CONFIG{soyezcreateurs_couleurs/ombrecontentafterparametres,0px 0px 13px 0px})] rgba([(#CONFIG{soyezcreateurs_couleurs/ombrecontentaftercouleur,#000000}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/ombrecontentaftertransparence,0.6});
+ box-shadow: [(#CONFIG{soyezcreateurs_couleurs/ombrecontentafterparametres,0px 0px 13px 0px})] rgba([(#CONFIG{soyezcreateurs_couleurs/ombrecontentaftercouleur,#000000}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/ombrecontentaftertransparence,0.6});
}
+]
.clearing { clear: both; height: 0; line-height:0; }
--
GitLab