Changeset 82962 in spip-zone


Ignore:
Timestamp:
Jun 11, 2014, 2:09:21 PM (7 years ago)
Author:
jcvilleneuve@…
Message:

EscalV3 : image du bandeau responsive si choix de l'option 3

Location:
_squelettes_/escal/branche_V3
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/escal/branche_V3/config.css.html

    r82805 r82962  
    5858
    5959div#bandeau {
    60         text-align: [(#CONFIG{escal/config/alignbandeau, left})];
     60        text-align: [(#CONFIG{escal/config/alignbandeau, left})]; 
    6161}
    6262
  • _squelettes_/escal/branche_V3/formulaires/configurer_escal_bandeau.html

    r73253 r82962  
    3939              <br /><br /><br />
    4040
    41 
    42               #SET{name,fondbandeau}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
    43               Pour l'<strong>option 3</strong> :
     41              Pour l'<strong>option 2</strong> : <br />
     42              Si votre image de bandeau n'occupe pas toute la largeur, vous pouvez choisir sa position.<br />
     43              Attention néanmoins aux "effets de bords" si vous affichez le nom du  site, son slogan ou son descriptif.
     44              <br /><br />
     45              #SET{name,alignbandeau}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
     46              Position de l'image du bandeau <br />
     47                    [<span class='erreur_message'>(#GET{erreurs})</span>
     48                    ]<span class="choix" style="float: right">
     49                            <input type="radio" name="#GET{name}" id="#GET{name}_left" value="left"
     50                            [(#ENV{#GET{name}}|=={left}|oui)checked="checked"] [(#ENV{#GET{name}}|non)checked="checked"] /><label for="#GET{name}_oui">À gauche</label>
     51
     52                            <input type="radio" name="#GET{name}" id="#GET{name}_center" value="center"
     53                            [(#ENV{#GET{name}}|=={center}|oui)checked="checked"] /><label for="#GET{name}_non">Au centre</label>
     54
     55                            <input type="radio" name="#GET{name}" id="#GET{name}_right" value="right"
     56                            [(#ENV{#GET{name}}|=={right}|oui)checked="checked"] /><label for="#GET{name}_non">À droite</label>
     57                    </span>
     58              <br /><br /><br />
     59                   
     60              #SET{name,fondbandeau}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
     61              Pour l'<strong>option 3</strong> : <br />
    4462              - votre image doit être placée dans /squelettes/images/bandeau <br />
    45               - Toutes les images .jpg .png et .gif de ce répertoire seront listées. <br />
    46               - Avec Firefox, vous aurez même un aperçu de votre bandeau en direct !
     63              - cette image s'adaptera à la largeur du site, prévoyez-la donc assez large <br />
     64              - en revanche, cette image sera "responsive" si l'écran fait moins de 640px de large <br />
     65              - toutes les images .jpg .png et .gif de ce répertoire seront listées. <br />
     66              - avec Firefox, vous aurez même un aperçu de votre bandeau en direct !
    4767              <br /><br />
    4868                    [<span class='erreur_message'>(#GET{erreurs})</span>
     
    144164              alors ce secteur, ses sous-rubriques et leurs articles afficheront ce bandeau.
    145165              Les autres afficheront le bandeau défini au-dessus.
    146              
    147               <br /><br />
    148               Si votre image de bandeau n'occupe pas toute la largeur, vous pouvez choisir sa position.<br />
    149               Attention néanmoins aux "effets de bords" si vous affichez le nom du  site, son slogan ou son descriptif.
    150               <br /><br />
    151               #SET{name,alignbandeau}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
    152               Position de l'image du bandeau <br />
    153                     [<span class='erreur_message'>(#GET{erreurs})</span>
    154                     ]<span class="choix" style="float: right">
    155                             <input type="radio" name="#GET{name}" id="#GET{name}_left" value="left"
    156                             [(#ENV{#GET{name}}|=={left}|oui)checked="checked"] [(#ENV{#GET{name}}|non)checked="checked"] /><label for="#GET{name}_oui">À gauche</label>
    157 
    158                             <input type="radio" name="#GET{name}" id="#GET{name}_center" value="center"
    159                             [(#ENV{#GET{name}}|=={center}|oui)checked="checked"] /><label for="#GET{name}_non">Au centre</label>
    160 
    161                             <input type="radio" name="#GET{name}" id="#GET{name}_right" value="right"
    162                             [(#ENV{#GET{name}}|=={right}|oui)checked="checked"] /><label for="#GET{name}_non">À droite</label>
    163                     </span>
    164166
    165167                    </div>
  • _squelettes_/escal/branche_V3/inclusions/inc-bandeau.html

    r78362 r82962  
    4646[(#CHEMIN{images/bandeau/rubrique#GET{num}.jpg}|non)
    4747[(#CONFIG{escal/config/fondbandeau}|?{
     48<dl class="image_fluide"><dt>
    4849  [(#CHEMIN{[(#CONFIG{escal/config/fondbandeau})]}|balise_img{<:escal:bandeau:>}|image_reduire{#CONFIG{escal/config/largeurlayoutbase,950}})]
    49   ,
     50</dt></dl>
     51,
     52<dl class="image_fluide"><dt>
    5053    [(#CHEMIN{[(#CONFIG{escal/config/fondbandeau2})]}|balise_img{<:escal:bandeau:>}|image_reduire{#CONFIG{escal/config/largeurlayoutbase,950}})]
     54</dt></dl>
    5155})]
    5256]
Note: See TracChangeset for help on using the changeset viewer.