Changeset 115376 in spip-zone


Ignore:
Timestamp:
May 14, 2019, 10:07:48 AM (8 days ago)
Author:
arno@…
Message:

Puisque image_responsive utilise désormais même image deux fois plus grande pour Retina x2, passer les breakpoints en multiples de 480

Location:
_plugins_/fonds
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/fonds/paquet.xml

    r114489 r115376  
    22        prefix="fonds"
    33        categorie="outil"
    4         version="2.7.0"
     4        version="2.8.0"
    55        etat="test"
    66        compatibilite="[3.0.0;3.2.*]"
  • _plugins_/fonds/squelettes/fonds_article.html

    r114489 r115376  
    1111
    1212<section id="article#ID_ARTICLE" class="[(#REMPLIR_VERTICAL|=={oui}|oui) remplir_vertical ][(#REMPLIR_VERTICAL|=={img}|oui) proportions_image ][(#FOND_COULEUR|oui)[avec_fond  avec_fond_(#FOND_COULEUR|couleur_extreme|choixsiegal{'ffffff','clair', 'fonce'})]][ (#FOND_BAS|oui)avec_fond_bas][ (#FOND_HAUT|oui)avec_fond_haut]"[ style="background-color:#(#FOND_COULEUR);"]>
    13         [<div class="fonds_img_haut">(#IMG_HAUT|image_responsive{0/480/800/1280/1920, #GET{lazy}, 0, (max-width: 480px)/(min-width:481px) and (max-width: 800px)/(min-width:801px) and (max-width:1280px)/, 71%x0/83%x0/0x0/0x0})</div>]
     13        [<div class="fonds_img_haut">(#IMG_HAUT|image_responsive{0/480/960/1440/1920, #GET{lazy}, 0, (max-width: 480px)/(min-width:481px) and (max-width: 960px)/(min-width:961px) and (max-width:1440px)/, 71%x0/83%x0/0x0/0x0})</div>]
    1414        <div class="interieur"[(#REMPLIR_VERTICAL|=={img}|non)[(#IMG_FOND|match{svg}|non)[(#IMG_FOND|background_responsive{0/480/800/1280/1920, #GET{lazy}})]]]>
    1515                [(#IMG_FOND|match{svg$}|oui)
     
    2222                        </div>         
    2323                ]
    24                 [<div class="fonds_fond_haut">(#FOND_HAUT|image_responsive{0/480/800/1280/1920, #GET{lazy}, 0, (max-width: 480px)/(min-width:481px) and (max-width: 800px)/(min-width:801px) and (max-width:1280px)/, 71%x0/83%x0/0x0/0x0})</div>]
     24                [<div class="fonds_fond_haut">(#FOND_HAUT|image_responsive{0/480/960/1440/1920, #GET{lazy}, 0, (max-width: 480px)/(min-width:481px) and (max-width: 960px)/(min-width:961px) and (max-width:1440px)/, 71%x0/83%x0/0x0/0x0})</div>]
    2525                [(#IMG_HAUT|sinon{#FOND_HAUT}|oui)
    2626                        [<div class="fonds_credit_haut"><span style="background-color: [(#IMG_HAUT|sinon{#FOND_HAUT}|couleur_extraire{10,19}|couleur_rgba{0.5})];color: [#(#IMG_HAUT|sinon{#FOND_HAUT}|couleur_extraire{10,19}|couleur_extreme|couleur_inverser);]">(#CREDIT_HAUT|propre|ptobr)</span></div>]
     
    4949                        [<div class="fonds_credit_bas"><span style="background-color: [(#IMG_BAS|sinon{#FOND_BAS}|couleur_extraire{10,1}|couleur_rgba{0.7})];[color: #(#IMG_BAS|couleur_extraire{10,1}|sinon{#FOND_BAS}|couleur_extreme|couleur_inverser);]">(#CREDIT_BAS|propre|ptobr)</span></div>]
    5050                ]
    51                 [<div class="fonds_fond_bas">(#FOND_BAS|image_responsive{0/480/800/1280/1920, #GET{lazy}, 0, (max-width: 480px)/(min-width:481px) and (max-width: 800px)/(min-width:801px) and (max-width:1280px)/, 71%x0/83%x0/0x0/0x0})</div>]
     51                [<div class="fonds_fond_bas">(#FOND_BAS|image_responsive{0/480/960/1440/1920, #GET{lazy}, 0, (max-width: 480px)/(min-width:481px) and (max-width: 960px)/(min-width:961px) and (max-width:1440px)/, 71%x0/83%x0/0x0/0x0})</div>]
    5252               
    5353                [(#REMPLIR_VERTICAL|=={img}|oui)
     
    5757        </div>
    5858
    59         [<div class="fonds_img_bas">(#IMG_BAS|image_responsive{0/480/800/1280/1920, #GET{lazy}, 0, (max-width: 480px)/(min-width:481px) and (max-width: 800px)/(min-width:801px) and (max-width:1280px)/, 71%x0/83%x0/0x0/0x0})</div>]
     59        [<div class="fonds_img_bas">(#IMG_BAS|image_responsive{0/480/960/1440/1920, #GET{lazy}, 0, (max-width: 480px)/(min-width:481px) and (max-width: 960px)/(min-width:961px) and (max-width:1440px)/, 71%x0/83%x0/0x0/0x0})</div>]
    6060</section>
    6161[(#ENV{numero}|non)
Note: See TracChangeset for help on using the changeset viewer.