Changeset 91277 in spip-zone


Ignore:
Timestamp:
Aug 5, 2015, 12:29:10 PM (4 years ago)
Author:
real3t@…
Message:

Le contenu peut via configuration dans es couleurs de SoyezCréateurs? recevoir 2 ombres parmi : gauche, haut, droite, bas

Location:
_squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/formulaires/configurer_soyezcreateurs_couleurs.html

    r91213 r91277  
    255255                                <h3 class="legend"><:soyezcreateursprive:cfg_ombres:></h3>
    256256                                <p><:soyezcreateursprive:cfg_ombres_explications:></p>
     257                                <style>#cfgsccontent { position:relative; overflow:hidden; }
     258[(#ENV{ombrecontentbefore,none}!={none}|oui)
     259  #cfgsccontent:before {
     260  content: " "; position:absolute; z-index: 1;
     261[(#ENV{ombrecontentbefore,none}|=={left}|oui)
     262  top: 0; height:100%; left: -10px; width: 10px; border-radius: 5px / 100px;
     263]
     264[(#ENV{ombrecontentbefore,none}|=={top}|oui)
     265  left: 0; width:100%; top: -10px; height: 10px; border-radius: 100px / 5px;
     266]
     267[(#ENV{ombrecontentbefore,none}|=={right}|oui)
     268  top: 0; height:100%; right: -10px; width: 10px; border-radius: 5px / 100px;
     269]
     270[(#ENV{ombrecontentbefore,none}|=={bottom}|oui)
     271  left: 0; width:100%; bottom: -10px; height: 10px; border-radius: 100px / 5px;
     272]
     273  -webkit-box-shadow: [(#ENV{ombrecontentbeforeparametres,0px 0px 13px 0px})] rgba([(#ENV{ombrecontentbeforecouleur,#000000}|sc_rgb)], #ENV{ombrecontentbeforetransparence,0.6});
     274  -moz-box-shadow: [(#ENV{ombrecontentbeforeparametres,0px 0px 13px 0px})] rgba([(#ENV{ombrecontentbeforecouleur,#000000}|sc_rgb)], #ENV{ombrecontentbeforetransparence,0.6});
     275  box-shadow: [(#ENV{ombrecontentbeforeparametres,0px 0px 13px 0px})] rgba([(#ENV{ombrecontentbeforecouleur,#000000}|sc_rgb)], #ENV{ombrecontentbeforetransparence,0.6});
     276}
     277]
     278[(#ENV{ombrecontentafter,none}!={none}|oui)
     279  #cfgsccontent:after {
     280  content: " "; position:absolute; z-index: 1;
     281[(#ENV{ombrecontentafter,none}|=={left}|oui)
     282  top: 0; height:100%; left: -10px; width: 10px; border-radius: 5px / 100px;
     283]
     284[(#ENV{ombrecontentafter,none}|=={top}|oui)
     285  left: 0; width:100%; top: -10px; height: 10px; border-radius: 100px / 5px;
     286]
     287[(#ENV{ombrecontentafter,none}|=={right}|oui)
     288  top: 0; height:100%; right: -10px; width: 10px; border-radius: 5px / 100px;
     289]
     290[(#ENV{ombrecontentafter,none}|=={bottom}|oui)
     291  left: 0; width:100%; bottom: -10px; height: 10px; border-radius: 100px / 5px;
     292]
     293  -webkit-box-shadow: [(#ENV{ombrecontentafterparametres,0px 0px 13px 0px})] rgba([(#ENV{ombrecontentaftercouleur,#000000}|sc_rgb)], #ENV{ombrecontentaftertransparence,0.6});
     294  -moz-box-shadow: [(#ENV{ombrecontentafterparametres,0px 0px 13px 0px})] rgba([(#ENV{ombrecontentaftercouleur,#000000}|sc_rgb)], #ENV{ombrecontentaftertransparence,0.6});
     295  box-shadow: [(#ENV{ombrecontentafterparametres,0px 0px 13px 0px})] rgba([(#ENV{ombrecontentaftercouleur,#000000}|sc_rgb)], #ENV{ombrecontentaftertransparence,0.6});
     296}
     297]
     298                                </style>
    257299                                <table style="width:100%;">
    258300                                        <tbody>
     
    262304                                                        <th><:soyezcreateursprive:cfg_parametres:></th>
    263305                                                        <th style="width:50%"><:soyezcreateurs:cfg_exemple_rendu:></th>
    264                                                         <th><:soyezcreateursprive:cfg_ombrenon:></th>
    265306                                                </tr>
    266307                                                <tr>#SET{valeur,#ENV{ombrepagenon}|is_null|?{on,#ENV{ombrepagenon}}}
    267                                                         <th><:soyezcreateurs:cfg_page:></th>
     308                                                        <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>
    268309                                                        <INCLURE{fond=formulaires/inc/config_couleurs,
    269310                                                                color=#ENV{ombrepagecouleur,#aaaaaa},nobk=oui,nosample=oui,
     
    271312                                                        <td><input type="text" name="ombrepagetransparence" value="#ENV{ombrepagetransparence,1}" id="sc_ombrepagetransparence" size="4" class="fondl" /></td>
    272313                                                        <td><input type="text" name="ombrepageparametres" value="#ENV{ombrepageparametres,0px 0px 10px 0px}" id="sc_ombrepageparametres" size="20" class="fondl" /></td>
    273                                                         <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>
    274                                                         <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>
     314                                                        <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});]">
     315                                                                <tr><td></td></tr>
     316                                                                <tr><td id="cfgsccontent"><:soyezcreateurs:cfg_exemple:> #ENV{transparencecontent,1}</td></tr>
     317                                                                <tr><td></td></tr>
     318                                                                </table></td>
     319                                                </tr>
     320                                                <tr>
     321                                                        <th>
     322                                                                [(#SAISIE{radio,ombrecontentbefore,
     323                                                                        label=<:soyezcreateurs:cfg_contenu:>,
     324                                                                        datas=#ARRAY{
     325                                                                                none,<:soyezcreateursprive:cfg_contenu_rien:>,
     326                                                                                left,<:soyezcreateursprive:cfg_contenu_gauche:>,
     327                                                                                top,<:soyezcreateursprive:cfg_contenu_haut:>,
     328                                                                                right,<:soyezcreateursprive:cfg_contenu_droit:>,
     329                                                                                bottom,<:soyezcreateursprive:cfg_contenu_bas:>,
     330                                                                        },
     331                                                                        defaut=none,
     332                                                                        cacher_option_intro=oui}
     333                                                                )]
     334                                                        </th>
     335                                                        <INCLURE{fond=formulaires/inc/config_couleurs,
     336                                                                color=#ENV{ombrecontentbeforecouleur,#000000},nobk=oui,nosample=oui,
     337                                                                name=ombrecontentbeforecouleur}>
     338                                                        <td><input type="text" name="ombrecontentbeforetransparence" value="#ENV{ombrecontentbeforetransparence,0.6}" id="sc_ombrecontentbeforetransparence" size="4" class="fondl" /></td>
     339                                                        <td><input type="text" name="ombrecontentbeforeparametres" value="#ENV{ombrecontentbeforeparametres,0px 0px 13px 0px}" id="sc_ombrecontentbeforeparametres" size="20" class="fondl" /></td>
     340                                                </tr>
     341                                                <tr>
     342                                                        <th>
     343                                                                [(#SAISIE{radio,ombrecontentafter,
     344                                                                        label=<:soyezcreateurs:cfg_contenu:>,
     345                                                                        datas=#ARRAY{
     346                                                                                none,<:soyezcreateursprive:cfg_contenu_rien:>,
     347                                                                                left,<:soyezcreateursprive:cfg_contenu_gauche:>,
     348                                                                                top,<:soyezcreateursprive:cfg_contenu_haut:>,
     349                                                                                right,<:soyezcreateursprive:cfg_contenu_droit:>,
     350                                                                                bottom,<:soyezcreateursprive:cfg_contenu_bas:>,
     351                                                                        },
     352                                                                        defaut=none,
     353                                                                        cacher_option_intro=oui}
     354                                                                )]
     355                                                        </th>
     356                                                        <INCLURE{fond=formulaires/inc/config_couleurs,
     357                                                                color=#ENV{ombrecontentaftercouleur,#000000},nobk=oui,nosample=oui,
     358                                                                name=ombrecontentaftercouleur}>
     359                                                        <td><input type="text" name="ombrecontentaftertransparence" value="#ENV{ombrecontentaftertransparence,0.6}" id="sc_ombrecontentaftertransparence" size="4" class="fondl" /></td>
     360                                                        <td><input type="text" name="ombrecontentafterparametres" value="#ENV{ombrecontentafterparametres,0px 0px 13px 0px}" id="sc_ombrecontentafterparametres" size="20" class="fondl" /></td>
    275361                                                </tr>
    276362                                        </tbody>
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/lang/soyezcreateursprive_fr.php

    r91213 r91277  
    1212        'cfg_parametres' => 'Paramètres',
    1313        'cfg_ombrenon' => 'Ombre',
    14         'cfg_couleur' => 'Couleur'
     14        'cfg_couleur' => 'Couleur',
     15        'cfg_contenu_rien' => 'Non',
     16        'cfg_contenu_gauche' => 'Gauche',
     17        'cfg_contenu_haut' => 'Haut',
     18        'cfg_contenu_droit' => 'Droite',
     19        'cfg_contenu_bas' => 'Bas'
    1520
    1621);
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/paquet.xml

    r91220 r91277  
    22        prefix="soyezcreateurs"
    33        categorie="squelette"
    4         version="4.0.25"
     4        version="4.0.26"
    55        etat="test"
    66        compatibilite="[3.0.20;3.1.*]"
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/stylessoyezcreateurs.css.html

    r91213 r91277  
    328328/* Astuce : https://www.fourfront.us/blog/css-shadow-borders-with-curved-box-shadows */
    329329#content { position:relative; overflow:hidden; }
    330 #content:before {
     330[(#CONFIG{soyezcreateurs_couleurs/ombrecontentbefore,none}!={none}|oui)
     331  #content:before {
    331332  content: " ";
    332333  position:absolute;
    333334  z-index: 1;
     335[(#CONFIG{soyezcreateurs_couleurs/ombrecontentbefore,none}|=={left}|oui)
     336  top: 0;
     337  height:100%; 
     338  left: -10px;
     339  width: 10px;
     340  border-radius: 5px / 100px;
     341]
     342[(#CONFIG{soyezcreateurs_couleurs/ombrecontentbefore,none}|=={top}|oui)
     343  left: 0;
    334344  width:100%; 
    335345  top: -10px;
    336346  height: 10px;
    337   right: 0%;
    338   border-radius: 5px / 100px;
    339   box-shadow:0 0 13px rgba(0,0,0,0.6);
    340 }
    341 
    342 #content:after {
    343   content: " ";
    344   position:absolute;
    345   z-index: 1;
     347  border-radius: 100px / 5px;
     348]
     349[(#CONFIG{soyezcreateurs_couleurs/ombrecontentbefore,none}|=={right}|oui)
     350  top: 0;
     351  height:100%; 
     352  right: -10px;
     353  width: 10px;
     354  border-radius: 5px / 100px;
     355]
     356[(#CONFIG{soyezcreateurs_couleurs/ombrecontentbefore,none}|=={bottom}|oui)
     357  left: 0;
    346358  width:100%; 
    347359  bottom: -10px;
    348360  height: 10px;
    349   right: 0%;
    350   border-radius: 5px / 100px;
    351   box-shadow:0 0 13px rgba(0,0,0,0.6);
    352 }
     361  border-radius: 100px / 5px;
     362]
     363  -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});
     364  -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});
     365  box-shadow: [(#CONFIG{soyezcreateurs_couleurs/ombrecontentbeforeparametres,0px 0px 13px 0px})] rgba([(#CONFIG{soyezcreateurs_couleurs/ombrecontentbeforecouleur,#000000}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/ombrecontentbeforetransparence,0.6});
     366}
     367]
     368[(#CONFIG{soyezcreateurs_couleurs/ombrecontentafter,none}!={none}|oui)
     369  #content:after {
     370  content: " ";
     371  position:absolute;
     372  z-index: 1;
     373[(#CONFIG{soyezcreateurs_couleurs/ombrecontentafter,none}|=={left}|oui)
     374  top: 0;
     375  height:100%; 
     376  left: -10px;
     377  width: 10px;
     378  border-radius: 5px / 100px;
     379]
     380[(#CONFIG{soyezcreateurs_couleurs/ombrecontentafter,none}|=={top}|oui)
     381  left: 0;
     382  width:100%; 
     383  top: -10px;
     384  height: 10px;
     385  border-radius: 100px / 5px;
     386]
     387[(#CONFIG{soyezcreateurs_couleurs/ombrecontentafter,none}|=={right}|oui)
     388  top: 0;
     389  height:100%; 
     390  right: -10px;
     391  width: 10px;
     392  border-radius: 5px / 100px;
     393]
     394[(#CONFIG{soyezcreateurs_couleurs/ombrecontentafter,none}|=={bottom}|oui)
     395  left: 0;
     396  width:100%; 
     397  bottom: -10px;
     398  height: 10px;
     399  border-radius: 100px / 5px;
     400]
     401  -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});
     402  -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});
     403  box-shadow: [(#CONFIG{soyezcreateurs_couleurs/ombrecontentafterparametres,0px 0px 13px 0px})] rgba([(#CONFIG{soyezcreateurs_couleurs/ombrecontentaftercouleur,#000000}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/ombrecontentaftertransparence,0.6});
     404}
     405]
    353406
    354407.clearing { clear: both; height: 0; line-height:0; }
Note: See TracChangeset for help on using the changeset viewer.