Changeset 114723 in spip-zone


Ignore:
Timestamp:
Apr 2, 2019, 2:19:50 PM (3 months ago)
Author:
arnaud.berard@…
Message:

doc et explications des extensions déjà testées
styles du formulaire sur la page de config

Location:
_plugins_/lazysizes/trunk
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/lazysizes/trunk/formulaires/configurer_lazysizes_addons.html

    r112218 r114723  
    1212                                <BOUCLE_listLazyAddons(DATA){source table, #GET{list_addons}}>
    1313                                <div class="choix">
    14                                         <:lazysizes:explication_{=#CLE}|propre:>
    1514                                        <input type='checkbox' class="checkbox" name='#CLE' value='on' id='#CLE'[ (#ENV{#CLE}|oui)checked="checked")] />
    1615                                        <label for='#CLE'>#CLE</label>
     16                                        <div class="description">
     17                                                <:lazysizes:explication_{=#CLE}|propre:>
     18                                        </div>
    1719                                </div>
    1820                                </BOUCLE_listLazyAddons>
     
    2022                </div>
    2123        </fieldset>
    22 
    2324        <input type="hidden" name="_meta_casier" value="lazysizes/addons" />
    2425        <p class="boutons">
  • _plugins_/lazysizes/trunk/lang/lazysizes_fr.php

    r112236 r114723  
    1414        'cfg_label_css' => 'Insertion des css',
    1515        // E
     16        // Art direction
    1617        'explication_artdirect'=>'{{Art Direction :}}
    1718                L\'extension artdirect vous permet de contrôler totalement
     
    2122        'explication_attrchange'=>'{{lazysizes attribute change / re-initialization extension :}}',
    2223        // BgSet
    23         'explication_bgset'=>'{{lazysizes bgset extension - responsive background images :}}
    24         Ce plugin simple et petit vous permet de définir plusieurs images d’arrière-plan avec un descripteur de largeur, similaire à la manière dont <code>img[srcset]</code> fonctionne également comme des images avec direction artisitque utilisant des requêtes multimédias, comme dans le cas de <code>picture</code>.
     24        'explication_bgset'=>'{{bgset - responsive background images :}}
     25        Permet de définir plusieurs images d’arrière-plan avec un descripteur de largeur ou une rêgle de l\'extension customMedia, similaire à la manière dont <code>img[srcset]</code> fonctionne.
     26Également pour des images avec direction artistique utilisant des requêtes multimédias.
     27Combinable a customMedia, parentfit.
     28
    2529        [Documentation->https://github.com/aFarkas/lazysizes/blob/master/plugins/bgset]',
    2630        // BlurUp
    2731        'explication_blur-up'=>'{{The lazysizes Blur Up/effect plugin plugin :}}',
    28         'explication_custommedia'=>'{{lazysizes custommedia extension :}}',
     32        // CustoMedia
     33        'explication_custommedia'=>'{{CustomMedia :}}
     34Permet de synchronniser les breakpoints définis dans la configuration entre vos css, le js et l\'attribut media des images responsive (picture,img).
     35Peut être combiné avec bgset, pour des backgrounds responsives.
     36
     37        [Documentation->https://github.com/aFarkas/lazysizes/tree/gh-pages/plugins/custommedia]',
    2938        'explication_fix-io-sizes'=>'{{Fix io Sizes :}}',
    3039        'explication_include'=>'{{lazysizes include plugin :}}',
     
    3241        'explication_object-fit'=>'{{lazySizes object fit extension :}}',
    3342        'explication_optimumx'=>'{{lazysizes optimumx plugin :}}',
     43        // ParentFit
    3444        'explication_parent-fit'=>'{{Parent Fit}}
    3545        étend la fonctionnalité <code>data-values = "auto"</code> afin de calculer également les bonnes tailles pour <code>object-fit: constain | cover </code>en hauteur (et en largeur) en général.
     46Peut être combiné avec bgset.
    3647        [Documentation->https://github.com/aFarkas/lazysizes/blob/gh-pages/plugins/parent-fit/]',
    3748        'explication_print'=>'',
  • _plugins_/lazysizes/trunk/lazysizes_fonctions.php

    r114706 r114723  
    2121                // 'fix-io-sizes' => 'fix-ios-sizes',
    2222                // 'include' => 'ls.include',
    23                 'noscript' => 'ls.noscript',
     23                // 'noscript' => 'ls.noscript',
    2424                // 'object-fit' => 'ls.object-fit',
    2525                // 'optimumx' => 'ls.optimumx',
  • _plugins_/lazysizes/trunk/prive/style_prive_plugin_lazysizes.html

    r104598 r114723  
    1717    display: none;
    1818}
     19
     20/* CFG */
     21.editer_lazysizes_addons .choix,
     22.editer_lazysizes_addons .choix + choix{
     23  padding: .8rem .25rem !important;
     24        margin-bottom: .5rem !important;
     25}
     26
     27.editer_lazysizes_addons .choix label{
     28        font-weight: bold;
     29  font-size: 1.1rem;
     30}
     31.editer_lazysizes_addons .choix .description{
     32  margin-top: .5rem;
     33        margin-left: 1.7rem;
     34}
Note: See TracChangeset for help on using the changeset viewer.