Changeset 59534 in spip-zone


Ignore:
Timestamp:
Mar 18, 2012, 9:38:42 PM (8 years ago)
Author:
jcvilleneuve@…
Message:

Pour la version 3 : les valeurs des arrondis sont gérés par la page de configuration, onglets "divers"

Location:
_squelettes_/escal/branche_V3
Files:
6 edited

Legend:

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

    r58820 r59534  
    221221/*    Les arrondis                           */
    222222/*********************************************/
    223 [(#CONFIG{escal/config/arrondi1}|=={non}|oui)
    224223ul#menu li a, ul#menu ul {
    225   border-radius: 0;
    226 }]
    227 [(#CONFIG{escal/config/arrondi2}|=={non}|oui)
    228 #menuV2 ul.menulist, #menuV2 ul.menulist ul {
    229   border-radius: 0;
    230 }]
    231 [(#CONFIG{escal/config/arrondi3}|=={non}|oui)
    232 ul.onglets li a, .laune ul.anchors li a {
    233   border-radius: 0;
    234 }]
    235 [(#CONFIG{escal/config/arrondi4}|=={non}|oui)
    236 h1.cadre, div.texte {
    237   border-radius: 0;
    238 }]
    239 [(#CONFIG{escal/config/arrondi5}|=={non}|oui)
     224  border-radius: [(#CONFIG{escal/config/arrondi1,10px})];
     225}
     226#menuV2 ul.menulist, #menuV2 ul.menulist a {
     227  border-radius: [(#CONFIG{escal/config/arrondi2,10px})];
     228}
     229ul.onglets li a {
     230  border-radius: [(#CONFIG{escal/config/arrondi31,8px 8px 0px 0px})];
     231}
     232.laune ul.anchors li a {
     233  border-radius: [(#CONFIG{escal/config/arrondi32,5px})];
     234}
     235h1.cadre {
     236  border-radius: [(#CONFIG{escal/config/arrondi41,0px 50px 0px 0px})];
     237}
     238div.texte {
     239  border-radius: [(#CONFIG{escal/config/arrondi42,0px 0px 0px 10px / 0px 0px 0px 100px})];
     240}
    240241.identification, .formulaire_recherche input.text {
    241   border-radius: 0;
    242 }]
    243 [(#CONFIG{escal/config/arrondi6}|=={non}|oui)
     242  border-radius: [(#CONFIG{escal/config/arrondi5,10px})];
     243}
    244244.annonce {
    245   border-radius: 0;
    246 }]
    247 [(#CONFIG{escal/config/arrondi7}|=={non}|oui)
     245  border-radius: [(#CONFIG{escal/config/arrondi6,15px})];
     246}
    248247#entete-evenement, #nouvel-evenement {
    249   border-radius: 0;
    250 }]
     248  border-radius: [(#CONFIG{escal/config/arrondi7,8px 8px 0 0})];
     249}
     250
     251
    251252
    252253/*********************************************/
  • _squelettes_/escal/branche_V3/formulaires/configurer_arrondis.html

    r58821 r59534  
    88    <div>
    99    #ACTION_FORMULAIRE{#ENV{action}}
     10   
     11    Pour des arrondis identiques aux 4 coins, indiquez simplement la valeur de l'arrondi que vous désirez. Exemple : 10px <br />
     12    Pour des coins sans arrondis inscrivez la valeur 0px <br />
     13    Pour réinitialiser la valeur par défaut, videz la case et validez 2 fois.<br /><br />
     14    Pour une utilisation plus poussée avec des arrondis différents pour chaque coin ou des formes élliptiques  :
     15    <a href="http://www.alsacreations.com/astuce/lire/979-ovale-forme-elliptique-css3-sans-image.html" title="En savoir plus">Alsacréations</a>
    1016
    1117
     
    1319            #SET{name,arrondi1}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
    1420            <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
    15                     <div class="explication"><strong>Menu horizontal</strong>
     21                    <div class="explication"><strong>Menu horizontal</strong><br />
    1622                    [<span class='erreur_message'>(#GET{erreurs})</span>
    17                     ]<span class="choix" style="float: right">
    18                             <input type="radio" name="#GET{name}" id="#GET{name}_oui" value="oui"
    19                             [(#ENV{#GET{name}}|=={non}|non)checked="checked"] /><label for="#GET{name}_oui"><:item_oui:></label>
    20                             <input type="radio" name="#GET{name}" id="#GET{name}_non" value="non"
    21                             [(#ENV{#GET{name}}|=={non}|oui)checked="checked"] /><label for="#GET{name}_non"><:item_non:></label>
     23                    ]<span class="choix">
     24                             <input type="texte" style="width:65%" name="#GET{name}" id="#GET{name}_oui" value="[(#ENV{#GET{name}}|?{#ENV{#GET{name}},10px})]"  />
    2225                    </span></div>
    2326             </li>
     
    2528            #SET{name,arrondi2}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
    2629            <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
    27                     <div class="explication"><strong>Menu vertical d&eacute;roulant</strong>
     30                    <div class="explication"><strong>Menu vertical d&eacute;roulant</strong><br />
    2831                    [<span class='erreur_message'>(#GET{erreurs})</span>
    29                     ]<span class="choix" style="float: right">
    30                             <input type="radio" name="#GET{name}" id="#GET{name}_oui" value="oui"
    31                             [(#ENV{#GET{name}}|=={non}|non)checked="checked"] /><label for="#GET{name}_oui"><:item_oui:></label>
    32                             <input type="radio" name="#GET{name}" id="#GET{name}_non" value="non"
    33                             [(#ENV{#GET{name}}|=={non}|oui)checked="checked"] /><label for="#GET{name}_non"><:item_non:></label>
     32                    ]<span class="choix">
     33                             <input type="texte" style="width:65%" name="#GET{name}" id="#GET{name}_oui" value="[(#ENV{#GET{name}}|?{#ENV{#GET{name}},10px})]"  />
    3434                    </span></div>
    3535             </li>
    3636
    37             #SET{name,arrondi3}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
     37            #SET{name,arrondi31}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
    3838            <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
    39                     <div class="explication"><strong>Onglets et articles en une</strong>
     39                    <div class="explication"><strong>Onglets du bloc central de la page sommaire</strong><br />
    4040                    [<span class='erreur_message'>(#GET{erreurs})</span>
    41                     ]<span class="choix" style="float: right">
    42                             <input type="radio" name="#GET{name}" id="#GET{name}_oui" value="oui"
    43                             [(#ENV{#GET{name}}|=={non}|non)checked="checked"] /><label for="#GET{name}_oui"><:item_oui:></label>
    44                             <input type="radio" name="#GET{name}" id="#GET{name}_non" value="non"
    45                             [(#ENV{#GET{name}}|=={non}|oui)checked="checked"] /><label for="#GET{name}_non"><:item_non:></label>
     41                    ]<span class="choix">
     42                             <input type="texte" style="width:65%" name="#GET{name}" id="#GET{name}_oui" value="[(#ENV{#GET{name}}|?{#ENV{#GET{name}},8px 8px 0px 0px})]"  />
     43                    </span></div>
     44             </li>
     45             
     46            #SET{name,arrondi32}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
     47            <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
     48                    <div class="explication"><strong>Articles du bloc central de la page sommaire</strong><br />
     49                    [<span class='erreur_message'>(#GET{erreurs})</span>
     50                    ]<span class="choix">
     51                             <input type="texte" style="width:65%" name="#GET{name}" id="#GET{name}_oui" value="[(#ENV{#GET{name}}|?{#ENV{#GET{name}},5px})]"  />
    4652                    </span></div>
    4753             </li>
    4854
    49             #SET{name,arrondi4}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
     55            #SET{name,arrondi41}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
    5056            <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
    51                     <div class="explication"><strong>Blocs lat&eacute;raux</strong>
     57                    <div class="explication"><strong>Titre des blocs lat&eacute;raux</strong><br />
    5258                    [<span class='erreur_message'>(#GET{erreurs})</span>
    53                     ]<span class="choix" style="float: right">
    54                             <input type="radio" name="#GET{name}" id="#GET{name}_oui" value="oui"
    55                             [(#ENV{#GET{name}}|=={non}|non)checked="checked"] /><label for="#GET{name}_oui"><:item_oui:></label>
    56                             <input type="radio" name="#GET{name}" id="#GET{name}_non" value="non"
    57                             [(#ENV{#GET{name}}|=={non}|oui)checked="checked"] /><label for="#GET{name}_non"><:item_non:></label>
     59                    ]<span class="choix">
     60                             <input type="texte" style="width:65%" name="#GET{name}" id="#GET{name}_oui" value="[(#ENV{#GET{name}}|?{#ENV{#GET{name}},0px 50px 0px 0px})]"  />
     61                    </span></div>
     62             </li>
     63             
     64            #SET{name,arrondi42}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
     65            <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
     66                    <div class="explication"><strong>Texte des blocs lat&eacute;raux</strong><br />
     67                    [<span class='erreur_message'>(#GET{erreurs})</span>
     68                    ]<span class="choix">
     69                             <input type="texte" style="width:65%" name="#GET{name}" id="#GET{name}_oui" value="[(#ENV{#GET{name}}|?{#ENV{#GET{name}},0px 0px 0px 10px / 0px 0px 0px 100px})]"  />
     70                    </span></div>
     71             </li>
     72             
     73            #SET{name,arrondi5}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
     74            <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
     75                    <div class="explication"><strong>Identification et recherche</strong><br />
     76                    [<span class='erreur_message'>(#GET{erreurs})</span>
     77                    ]<span class="choix">
     78                             <input type="texte" style="width:65%" name="#GET{name}" id="#GET{name}_oui" value="[(#ENV{#GET{name}}|?{#ENV{#GET{name}},10px})]"  />
     79                    </span></div>
     80             </li>
     81             
     82            #SET{name,arrondi6}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
     83            <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
     84                    <div class="explication"><strong>Annonce</strong><br />
     85                    [<span class='erreur_message'>(#GET{erreurs})</span>
     86                    ]<span class="choix">
     87                             <input type="texte" style="width:65%" name="#GET{name}" id="#GET{name}_oui" value="[(#ENV{#GET{name}}|?{#ENV{#GET{name}},15px})]"  />
     88                    </span></div>
     89             </li>
     90             
     91            #SET{name,arrondi7}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
     92            <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
     93                    <div class="explication"><strong>Calendrier (évènements à venir)</strong><br />
     94                    [<span class='erreur_message'>(#GET{erreurs})</span>
     95                    ]<span class="choix">
     96                             <input type="texte" style="width:65%" name="#GET{name}" id="#GET{name}_oui" value="[(#ENV{#GET{name}}|?{#ENV{#GET{name}},8px 8px 0 0})]"  />
    5897                    </span></div>
    5998             </li>
    6099
    61             #SET{name,arrondi5}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
    62             <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
    63                     <div class="explication"><strong>Identification et recherche</strong>
    64                     [<span class='erreur_message'>(#GET{erreurs})</span>
    65                     ]<span class="choix" style="float: right">
    66                             <input type="radio" name="#GET{name}" id="#GET{name}_oui" value="oui"
    67                             [(#ENV{#GET{name}}|=={non}|non)checked="checked"] /><label for="#GET{name}_oui"><:item_oui:></label>
    68                             <input type="radio" name="#GET{name}" id="#GET{name}_non" value="non"
    69                             [(#ENV{#GET{name}}|=={non}|oui)checked="checked"] /><label for="#GET{name}_non"><:item_non:></label>
    70                     </span></div>
    71              </li>
    72 
    73             #SET{name,arrondi6}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
    74             <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
    75                     <div class="explication"><strong>Annonce</strong>
    76                     [<span class='erreur_message'>(#GET{erreurs})</span>
    77                     ]<span class="choix" style="float: right">
    78                             <input type="radio" name="#GET{name}" id="#GET{name}_oui" value="oui"
    79                             [(#ENV{#GET{name}}|=={non}|non)checked="checked"] /><label for="#GET{name}_oui"><:item_oui:></label>
    80                             <input type="radio" name="#GET{name}" id="#GET{name}_non" value="non"
    81                             [(#ENV{#GET{name}}|=={non}|oui)checked="checked"] /><label for="#GET{name}_non"><:item_non:></label>
    82                     </span></div>
    83              </li>
    84 
    85             #SET{name,arrondi7}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
    86             <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
    87                     <div class="explication"><strong>Calendrier</strong>
    88                     [<span class='erreur_message'>(#GET{erreurs})</span>
    89                     ]<span class="choix" style="float: right">
    90                             <input type="radio" name="#GET{name}" id="#GET{name}_oui" value="oui"
    91                             [(#ENV{#GET{name}}|=={non}|non)checked="checked"] /><label for="#GET{name}_oui"><:item_oui:></label>
    92                             <input type="radio" name="#GET{name}" id="#GET{name}_non" value="non"
    93                             [(#ENV{#GET{name}}|=={non}|oui)checked="checked"] /><label for="#GET{name}_non"><:item_non:></label>
    94                     </span></div>
    95              </li>
    96100    </ul>
    97101
  • _squelettes_/escal/branche_V3/paquet.xml

    r59227 r59534  
    22  prefix="escal"
    33  categorie="squelette"
    4   version="3.0.24"
     4  version="3.1.0"
    55  etat="stable"
    66  compatibilite="[2.9.9;["
  • _squelettes_/escal/branche_V3/styles/alaune.css

    r58188 r59534  
    2222        font-size: 12px;
    2323        font-weight: bold;
    24         border-radius: 8px 8px 0px 0px;
    2524}
    2625ul.onglets li a.active {
     
    9493        display: block;
    9594        height: 45px;
    96         border-radius: 5px;
    9795}
    9896.laune ul.anchors .tabs-selected {
  • _squelettes_/escal/branche_V3/styles/general.css

    r58801 r59534  
    151151        font-size: 11px;
    152152        margin: 0;
    153   border-radius: 0px 50px 0px 0px;
    154153}
    155154h1.cadre img {
     
    169168        border-style: solid;
    170169        margin: 0 0 25px 0;
    171         border-radius: 0px 0px 0px 10px / 0px 0px 0px 100px;
    172170}
    173171div.texte .spip_logos {
     
    191189        border-width: 2px;
    192190        border-style: inset;
    193         border-radius: 10px;
    194191}
    195192.identification p{
     
    212209        width: 100px;
    213210        background: url(../images/loupe.gif) no-repeat;
    214         border-radius: 10px;
    215211}
    216212/* noisette inc-identification */
     
    380376        padding: 10px;
    381377        margin: 0 0 15px 0;
    382         border-radius: 15px;
    383378        text-align: left;
    384379}
     
    929924        font-weight: bold;
    930925        font-size: 11px;
    931         border-radius: 8px 8px 0 0;
    932926}
    933927.liste-evenements {
     
    942936        font-weight: bold;
    943937        font-size: 10px;
    944         border-radius: 8px;
    945938}
    946939/*************************/
  • _squelettes_/escal/branche_V3/styles/menu.css

    r59092 r59534  
    2626        padding: 2px 1px;
    2727}
    28 /* cadre autour d'une entre de menu */
     28/* cadre autour d'une entrée de menu */
    2929ul#menu li a {
    3030        display: block;
     
    3333  border-style: solid;
    3434        text-decoration: none;
    35         border-radius: 10px;
    3635}
    3736
     
    5049  border-width: 1px;
    5150  border-style: solid;
    52   border-radius: 10px;
    5351}
    5452ul#menu ul ul {
     
    6866}
    6967
    70 /* pour les flches */
     68/* pour les flèches */
    7169ul#menu ul img {
    7270        position: relative;
     
    7775@media screen {
    7876ul#menu ul img {
    79 /*
    80 
    81     ATTENTION
    82     L'usage de proprietes -webkit-* sans leurs contreparties
    83     (-o-*, -moz-*, etc.) est fortement deconseille !
    84     cf. http://www.webstandards.org/2012/02/09/call-for-action-on-vendor-prefixes/
    85 
    86     Prenez le temps de corriger s'il vous plait : les proprietes CSS prefixees ne sont en theorie
    87     destinees qu'a des fins de test.
    88 
    89 */
    90                 -webkit-min-device-pixel-ratio: 0;
     77        -webkit-min-device-pixel-ratio: 0;
    9178        margin: 5px 5px 0px 0px;
    9279}
     
    142129        line-height: 1.2em;
    143130        width: 190px;
    144   border-radius: 10px;
    145131}
    146132#menuV2 ul.menulist ul {
     
    167153        display: block;
    168154        padding: 5px;
    169         border-radius: 10px;
    170155}
    171156#menuV2 ul.menulist a:hover {
Note: See TracChangeset for help on using the changeset viewer.