Changeset 114489 in spip-zone


Ignore:
Timestamp:
Mar 15, 2019, 9:11:23 AM (17 months ago)
Author:
arno@…
Message:
  • Compat SPIP 3.2.
  • «Fonds» devient «fond» au singulier (j’avais fait la même faute dans les toutes premières versions de SPIP).
  • «.remplir_vertical» se fait avec 100vh, c’est pas aussi précis, mais ça évite de passer toute la structure de la page en «height:100%» qui pose souvent problème.
Location:
_plugins_/fonds
Files:
5 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/fonds/fonds_fonctions.php

    r104569 r114489  
    8383}
    8484
    85 if (!function_exists(fonds_largeur_svg)){
     85if (!function_exists("fonds_largeur_svg")){
    8686        function _fonds_taille_svg($file) {
    8787                global $metas_svg;
  • _plugins_/fonds/formulaires/installer_fonds.php

    r104569 r114489  
    165165        $remplir_vertical = _request("remplir_vertical");
    166166
    167 
     167        if (strlen($fond_couleur) == 3) $fond_couleur = substr($fond_couleur,0,1).substr($fond_couleur,0,1).substr($fond_couleur,1,1).substr($fond_couleur,1,1).substr($fond_couleur,2,1).substr($fond_couleur,2,1);
    168168
    169169       
  • _plugins_/fonds/paquet.xml

    r104569 r114489  
    22        prefix="fonds"
    33        categorie="outil"
    4         version="2.5.0"
     4        version="2.7.0"
    55        etat="test"
    6         compatibilite="[3.0.0;3.1.*]"
     6        compatibilite="[3.0.0;3.2.*]"
    77        logo="imgs/logo.png"
    88        schema="0.8.2"
    99>
    1010
    11         <nom>Fonds d’articles</nom>
     11        <nom>Fonds</nom>
     12        <!-- Varier les mises en page selon les rubriques, les articles... -->
    1213
    1314        <auteur lien="http://www.paris-beyrouth.org">Arnaud Martin / Paris-Beyrouth</auteur>
    1415
    15         <copyright>2014-2015</copyright>
     16        <copyright>2014-2018</copyright>
    1617
    1718        <licence lien="http://www.gnu.org/licenses/gpl-3.0.html">GPL 3</licence>
  • _plugins_/fonds/squelettes/avec_fonds.css

    r104569 r114489  
    1 
     1/*
    22html, body, .hentry, #skrollr-body, .remplir_vertical,  .remplir_vertical .interieur {
    33        height: 100%;
     4}
     5*/
     6.remplir_vertical {
     7        height: 600px;
     8        height: 100vh;
    49}
    510.remplir_vertical .interieur {
     
    813   align-items: center;
    914}
    10 .proportions_image.avec_fonds {
     15.proportions_image.avec_fond {
    1116        position: relative;
    1217}
    13 .proportions_image.avec_fonds .image_fond picture {
     18.proportions_image.avec_fond .image_fond picture {
    1419        display: block;
    1520}
    1621@media (min-width: 741px) {
    17         .proportions_image.avec_fonds .fonds_contenu {
     22        .proportions_image.avec_fond .fonds_contenu {
    1823                position: absolute;
    1924                z-index: 10;
     
    2530        }
    2631}
    27 .proportions_image.avec_fonds .centrer {
     32.proportions_image.avec_fond .centrer {
    2833        background: none !important;
    2934}
     
    3237        width: 100%;
    3338}
    34 .avec_fonds {
     39.avec_fond {
    3540        overflow: hidden;
    3641}
    37 .avec_fonds_fonce, .avec_fonds_fonce a {
     42.avec_fond_fonce, .avec_fond_fonce a {
    3843        color: white;
    3944}
    40 .avec_fonds_clair, .avec_fonds_clair a {
     45.avec_fond_clair, .avec_fond_clair a {
    4146        color: black;
    4247}
    43 .avec_fonds > .interieur {
     48.avec_fond > .interieur {
    4449        position: relative;
    4550        background-attachment: fixed;
     
    4954        }
    5055}
    51 .avec_fonds div.fonds_fond_haut,
    52 .avec_fonds div.fonds_fond_bas {
     56.avec_fond div.fonds_fond_haut,
     57.avec_fond div.fonds_fond_bas {
    5358        position: absolute;
    5459        left: 0;
     
    5661        z-index: 1;
    5762}
    58 .avec_fonds div.fonds_svg {
     63.avec_fond div.fonds_svg {
    5964        position: absolute;
    6065        overflow: hidden;
     
    6570        z-index: 1;
    6671}
    67 .avec_fonds div.fonds_img_bas,
    68 .avec_fonds div.fonds_img_haut {
     72.avec_fond div.fonds_img_bas,
     73.avec_fond div.fonds_img_haut {
    6974        display: block;
    7075        position: relative;
    7176}
    72 .avec_fonds div.fonds_fond_haut {
     77.avec_fond div.fonds_fond_haut {
    7378        top: 0;
    7479}
    75 .avec_fonds div.fonds_fond_bas {
     80.avec_fond div.fonds_fond_bas {
    7681        bottom: 0;
    7782}
    78 .avec_fonds div.fonds_credit_haut,
    79 .avec_fonds div.fonds_credit_bas {
     83.avec_fond div.fonds_credit_haut,
     84.avec_fond div.fonds_credit_bas {
    8085        position: relative;
    8186        z-index: 2;
     
    8691        text-align: right;
    8792}
    88 .avec_fonds div.fonds_credit_haut > span,
    89 .avec_fonds div.fonds_credit_bas > span {
     93.avec_fond div.fonds_credit_haut > span,
     94.avec_fond div.fonds_credit_bas > span {
    9095        padding: 3px 5px;
    9196}
    92 .avec_fonds div.fonds_credit_haut {
     97.avec_fond div.fonds_credit_haut {
    9398        top: 5px;
    9499}
    95 .avec_fonds div.fonds_credit_bas {
     100.avec_fond div.fonds_credit_bas {
    96101        bottom: 5px;
    97102}
    98 .avec_fonds div.fonds_contenu {
     103.avec_fond div.fonds_contenu {
    99104        position: relative;
    100105        z-index: 2;
    101106}
    102 .avec_fonds div.fonds_fond_bas .conteneur_image_responsive_h img {
     107.avec_fond div.fonds_fond_bas .conteneur_image_responsive_h img {
    103108        top: auto;
    104109        bottom: 0;
    105110        position: absolute;
    106111}
    107 .avec_fonds div.fonds_fond_haut .conteneur_image_responsive_h,
    108 .avec_fonds div.fonds_fond_bas .conteneur_image_responsive_h,
    109 .avec_fonds div.fonds_img_haut .conteneur_image_responsive_h,
    110 .avec_fonds div.fonds_img_bas .conteneur_image_responsive_h {
     112.avec_fond div.fonds_fond_haut .conteneur_image_responsive_h,
     113.avec_fond div.fonds_fond_bas .conteneur_image_responsive_h,
     114.avec_fond div.fonds_img_haut .conteneur_image_responsive_h,
     115.avec_fond div.fonds_img_bas .conteneur_image_responsive_h {
    111116        display: block;
    112117}
  • _plugins_/fonds/squelettes/fonds_article.html

    r104569 r114489  
    1010]
    1111
    12 <section id="article#ID_ARTICLE" class="avec_fonds[(#REMPLIR_VERTICAL|=={oui}|oui) remplir_vertical ][(#REMPLIR_VERTICAL|=={img}|oui) proportions_image ][(#FOND_COULEUR|oui)[avec_fonds_(#FOND_COULEUR|couleur_extreme|replace{'ffffff','clair'}|replace{'000000','fonce'})]]"[ style="background-color:#(#FOND_COULEUR);"]>
     12<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);"]>
    1313        [<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>]
    1414        <div class="interieur"[(#REMPLIR_VERTICAL|=={img}|non)[(#IMG_FOND|match{svg}|non)[(#IMG_FOND|background_responsive{0/480/800/1280/1920, #GET{lazy}})]]]>
     
    4747               
    4848                [(#IMG_BAS|sinon{#FOND_BAS}|oui)
    49                         [<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|sinon{#FOND_BASile}|couleur_extraire{10,1}|couleur_extreme|couleur_inverser);]">(#CREDIT_BAS|propre|ptobr)</span></div>]
     49                        [<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                ]
    5151                [<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>]
Note: See TracChangeset for help on using the changeset viewer.