Changeset 31667 in spip-zone


Ignore:
Timestamp:
Sep 20, 2009, 8:36:46 AM (10 years ago)
Author:
eric@…
Message:

On répartit les images en deux groupes: celles du privé non surchargeables et celles du public pouvant être thématisées.
Premier commit des coins arrondis (version non finalisée)

Location:
_squelettes_/sarkaspip3
Files:
32 added
4 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/sarkaspip3/fonds/cfg_sarkaspip_coins.html

    r31561 r31667  
    77<script type="text/javascript">
    88//<![CDATA[
    9 jQuery(document).ready(function() {
     9        jQuery(document).ready(function() {
     10                [(#ENV{avec_arrondis, 0}|!={1}|?{' '}) jQuery("#bloc_coins").hide();]
     11
     12                // Traitement du choix arrondi ou pas
     13                jQuery("input[@name='avec_arrondis']").change(function() {
     14                        if (jQuery("input[@name='avec_arrondis']:checked").val() == 1) {
     15                                jQuery("#bloc_coins").show();
     16                        }
     17                        else {
     18                                jQuery("#bloc_coins").hide();
     19                        }
     20                        jQuery(this).blur();
     21                });     
     22               
     23                // Traitement des vignettes du bandeau
     24                jQuery("input[@name='modele_bandeau']").click(function() {
     25                        switch(jQuery("input[@name='modele_bandeau']:checked").val()){
     26                                case '0' :jQuery("#bloc_image_bandeau").attr({src: "[(#CHEMIN{prive/images/coins_bandeau0.png})]"});break;
     27                                case '1' :jQuery("#bloc_image_bandeau").attr({src: "[(#CHEMIN{prive/images/coins_bandeau1.png})]"});break;
     28                                case '2' :jQuery("#bloc_image_bandeau").attr({src: "[(#CHEMIN{prive/images/coins_bandeau2.png})]"});break;
     29                                case '3' :jQuery("#bloc_image_bandeau").attr({src: "[(#CHEMIN{prive/images/coins_bandeau3.png})]"});break;
     30                                case '4' :jQuery("#bloc_image_bandeau").attr({src: "[(#CHEMIN{prive/images/coins_bandeau4.png})]"});break;
     31                        }
     32                        jQuery(this).blur();
     33                });     
     34               
     35                // Traitement des vignettes du pied
     36                jQuery("input[@name='modele_pied']").click(function() {
     37                        switch(jQuery("input[@name='modele_pied']:checked").val()){
     38                                case '0' :jQuery("#bloc_image_pied").attr({src: "[(#CHEMIN{prive/images/coins_pied0.png})]"});break;
     39                                case '1' :jQuery("#bloc_image_pied").attr({src: "[(#CHEMIN{prive/images/coins_pied1.png})]"});break;
     40                                case '2' :jQuery("#bloc_image_pied").attr({src: "[(#CHEMIN{prive/images/coins_pied2.png})]"});break;
     41                        }
     42                        jQuery(this).blur();
     43                });     
     44               
     45                // Traitement des vignettes du menu des rubriques
     46                jQuery("input[@name='modele_menurub']").click(function() {
     47                        switch(jQuery("input[@name='modele_menurub']:checked").val()){
     48                                case '0' :jQuery("#bloc_image_menurub").attr({src: "[(#CHEMIN{prive/images/coins_menurub0.png})]"});break;
     49                                case '1' :jQuery("#bloc_image_menurub").attr({src: "[(#CHEMIN{prive/images/coins_menurub1.png})]"});break;
     50                        }
     51                        jQuery(this).blur();
     52                });     
     53               
     54                // Traitement des vignettes du formulaire de recherche
     55                jQuery("input[@name='modele_recherche']").click(function() {
     56                        switch(jQuery("input[@name='modele_recherche']:checked").val()){
     57                                case '0' :jQuery("#bloc_image_recherche").attr({src: "[(#CHEMIN{prive/images/coins_recherche0.png})]"});break;
     58                                case '1' :jQuery("#bloc_image_recherche").attr({src: "[(#CHEMIN{prive/images/coins_recherche1.png})]"});break;
     59                        }
     60                        jQuery(this).blur();
     61                });     
     62
    1063        });
    1164//]]>
     
    1568        [(#ENV{_cfg_}|form_hidden)]
    1669       
    17   <fieldset>   
     70        <fieldset>     
    1871                <legend><:sarkaspip:cfg_lgd_coins:></legend>
    1972                <p><:sarkaspip:cfg_inf_coins:></p>
     
    2679                        <:sarkaspip:cfg_lbl_non:>
    2780                </label>               
    28   </fieldset>   
     81        </fieldset>
     82 
     83        <div id="bloc_coins">
     84                <!-- Configuration du bandeau -->
     85                <fieldset>
     86                        <legend><:sarkaspip:cfg_lgd_coins_bandeau:></legend>
     87                        <table style="border: 0; width:100%;"><tr>
     88                        <td>
     89                                <label>
     90                                        <input type="radio" name="modele_bandeau" value="0" [(#ENV{modele_bandeau, 0}|=={0}|?{checked="checked"})] />
     91                                        <:sarkaspip:cfg_lbl_coins_bandeau_0:>
     92                                </label>
     93                                <br />
     94                                <label>
     95                                        <input type="radio" name="modele_bandeau" value="1" [(#ENV{modele_bandeau, 0}|=={1}|?{checked="checked"})] />
     96                                        <:sarkaspip:cfg_lbl_coins_bandeau_1:>
     97                                </label>
     98                                <br />
     99                                <label>
     100                                        <input type="radio" name="modele_bandeau" value="2" [(#ENV{modele_bandeau, 0}|=={2}|?{checked="checked"})] />
     101                                        <:sarkaspip:cfg_lbl_coins_bandeau_2:>
     102                                </label>
     103                                <br />
     104                                <label>
     105                                        <input type="radio" name="modele_bandeau" value="3" [(#ENV{modele_bandeau, 0}|=={3}|?{checked="checked"})] />
     106                                        <:sarkaspip:cfg_lbl_coins_bandeau_3:>
     107                                </label>
     108                                <br />
     109                                <label>
     110                                        <input type="radio" name="modele_bandeau" value="4" [(#ENV{modele_bandeau, 0}|=={4}|?{checked="checked"})] />
     111                                        <:sarkaspip:cfg_lbl_coins_bandeau_4:>
     112                                </label>
     113                        </td>
     114                        <td style="text-align: center;">
     115                                <img id="bloc_image_bandeau" src="[(#CHEMIN{[prive/images/coins_bandeau(#ENV{modele_bandeau, 0}).png]})]" alt="Coins bandeau #ENV{modele_bandeau, 0}"/>
     116                        </td>
     117                        </tr></table>
     118                        <br />
     119                        <label><:sarkaspip:cfg_lbl_taille_arrondi:>
     120                                <input type="text" name="taille_bandeau" value="#ENV{taille_bandeau, 10}" size="3" class="fondl" />
     121                                <:sarkaspip:cfg_lbl_pixel:>
     122                        </label>
     123                </fieldset>
     124
     125                <!-- Configuration du pied -->
     126                <fieldset>
     127                        <legend><:sarkaspip:cfg_lgd_coins_pied:></legend>
     128                        <table style="border: 0; width:100%;"><tr>
     129                        <td>
     130                                <label>
     131                                        <input type="radio" name="modele_pied" value="0" [(#ENV{modele_pied, 0}|=={0}|?{checked="checked"})] />
     132                                        <:sarkaspip:cfg_lbl_coins_pied_0:>
     133                                </label>
     134                                <br />
     135                                <label>
     136                                        <input type="radio" name="modele_pied" value="1" [(#ENV{modele_pied, 0}|=={1}|?{checked="checked"})] />
     137                                        <:sarkaspip:cfg_lbl_coins_pied_1:>
     138                                </label>
     139                                <br />
     140                                <label>
     141                                        <input type="radio" name="modele_pied" value="2" [(#ENV{modele_pied, 0}|=={2}|?{checked="checked"})] />
     142                                        <:sarkaspip:cfg_lbl_coins_pied_2:>
     143                                </label>
     144                        </td>
     145                        <td style="text-align: center;">
     146                                <img id="bloc_image_pied" src="[(#CHEMIN{[prive/images/coins_pied(#ENV{modele_pied, 0}).png]})]" alt="Coins pied #ENV{modele_pied, 0}"/>
     147                        </td>
     148                        </tr></table>
     149                        <br />
     150                        <label><:sarkaspip:cfg_lbl_taille_arrondi:>
     151                                <input type="text" name="taille_pied" value="#ENV{taille_pied, 10}" size="3" class="fondl" />
     152                                <:sarkaspip:cfg_lbl_pixel:>
     153                        </label>
     154                </fieldset>
     155
     156                <!-- Configuration du menu des rubriques -->
     157                <fieldset>
     158                        <legend><:sarkaspip:cfg_lgd_coins_menurub:></legend>
     159                        <table style="border: 0; width:100%;"><tr>
     160                        <td>
     161                                <label>
     162                                        <input type="radio" name="modele_menurub" value="0" [(#ENV{modele_menurub, 0}|=={0}|?{checked="checked"})] />
     163                                        <:sarkaspip:cfg_lbl_coins_menurub_0:>
     164                                </label>
     165                                <br />
     166                                <label>
     167                                        <input type="radio" name="modele_menurub" value="1" [(#ENV{modele_menurub, 0}|=={1}|?{checked="checked"})] />
     168                                        <:sarkaspip:cfg_lbl_coins_menurub_1:>
     169                                </label>
     170                        </td>
     171                        <td style="text-align: center;">
     172                                <img id="bloc_image_menurub" src="[(#CHEMIN{[prive/images/coins_menurub(#ENV{modele_menurub, 0}).png]})]" alt="Coins menu rubriques #ENV{modele_menurub, 0}"/>
     173                        </td>
     174                        </tr></table>
     175                        <br />
     176                        <label><:sarkaspip:cfg_lbl_taille_arrondi:>
     177                                <input type="text" name="taille_menurub" value="#ENV{taille_menurub, 10}" size="3" class="fondl" />
     178                                <:sarkaspip:cfg_lbl_pixel:>
     179                        </label>
     180                </fieldset>
     181
     182                <!-- Configuration du formulaire de recherche -->
     183                <fieldset>
     184                        <legend><:sarkaspip:cfg_lgd_coins_recherche:></legend>
     185                        <table style="border: 0; width:100%;"><tr>
     186                        <td>
     187                                <label>
     188                                        <input type="radio" name="modele_recherche" value="0" [(#ENV{modele_recherche, 0}|=={0}|?{checked="checked"})] />
     189                                        <:sarkaspip:cfg_lbl_coins_recherche_0:>
     190                                </label>
     191                                <br />
     192                                <label>
     193                                        <input type="radio" name="modele_recherche" value="1" [(#ENV{modele_recherche, 0}|=={1}|?{checked="checked"})] />
     194                                        <:sarkaspip:cfg_lbl_coins_recherche_1:>
     195                                </label>
     196                        </td>
     197                        <td style="text-align: center;">
     198                                <img id="bloc_image_recherche" src="[(#CHEMIN{[prive/images/coins_recherche(#ENV{modele_recherche, 0}).png]})]" alt="Coins formulaire de recherche #ENV{modele_recherche, 0}"/>
     199                        </td>
     200                        </tr></table>
     201                        <br />
     202                        <label><:sarkaspip:cfg_lbl_taille_arrondi:>
     203                                <input type="text" name="taille_recherche" value="#ENV{taille_recherche, 10}" size="3" class="fondl" />
     204                                <:sarkaspip:cfg_lbl_pixel:>
     205                        </label>
     206                </fieldset>
     207        </div>
    29208
    30209        <INCLURE{fond=noisettes/cfg/inc_cfg_boutons}>
  • _squelettes_/sarkaspip3/fonds/cfg_sarkaspip_layout.html

    r28689 r31667  
    1212
    1313                jQuery("input[@name='numero_layout']").click(function() {
    14                
    15                 switch(jQuery("input[@name='numero_layout']:checked").val()){
    16       case '7' :jQuery("#bloc_layout_image").attr({src: "[(#CHEMIN{images/layout7.gif})]"});break;
    17       case '8' :jQuery("#bloc_layout_image").attr({src: "[(#CHEMIN{images/layout8.gif})]"});break;
    18       case '9' :jQuery("#bloc_layout_image").attr({src: "[(#CHEMIN{images/layout9.gif})]"});break;
    19       case '10' :jQuery("#bloc_layout_image").attr({src: "[(#CHEMIN{images/layout10.gif})]"});break;
    20       case '11' :jQuery("#bloc_layout_image").attr({src: "[(#CHEMIN{images/layout11.gif})]"});break;
    21       case '12' :jQuery("#bloc_layout_image").attr({src: "[(#CHEMIN{images/layout12.gif})]"});break;
    22       case '13' :jQuery("#bloc_layout_image").attr({src: "[(#CHEMIN{images/layout13.gif})]"});break;
    23       case '14' :jQuery("#bloc_layout_image").attr({src: "[(#CHEMIN{images/layout14.gif})]"});break;
    24       case '15' :jQuery("#bloc_layout_image").attr({src: "[(#CHEMIN{images/layout15.gif})]"});break;
    25       case '16' :jQuery("#bloc_layout_image").attr({src: "[(#CHEMIN{images/layout16.gif})]"});break;
    26       case '17' :jQuery("#bloc_layout_image").attr({src: "[(#CHEMIN{images/layout17.gif})]"});break;
    27       case '18' :jQuery("#bloc_layout_image").attr({src: "[(#CHEMIN{images/layout18.gif})]"});break;     
    28       case '34' :jQuery("#bloc_layout_image").attr({src: "[(#CHEMIN{images/layout34.gif})]"});break;
    29       default : jQuery("#bloc_largeur").hide();break;   
    30     }
    31 
     14                        switch(jQuery("input[@name='numero_layout']:checked").val()){
     15                                case '7' :jQuery("#bloc_layout_image").attr({src: "[(#CHEMIN{prive/images/layout7.gif})]"});break;
     16                                case '8' :jQuery("#bloc_layout_image").attr({src: "[(#CHEMIN{prive/images/layout8.gif})]"});break;
     17                                case '9' :jQuery("#bloc_layout_image").attr({src: "[(#CHEMIN{prive/images/layout9.gif})]"});break;
     18                                case '10' :jQuery("#bloc_layout_image").attr({src: "[(#CHEMIN{prive/images/layout10.gif})]"});break;
     19                                case '11' :jQuery("#bloc_layout_image").attr({src: "[(#CHEMIN{prive/images/layout11.gif})]"});break;
     20                                case '12' :jQuery("#bloc_layout_image").attr({src: "[(#CHEMIN{prive/images/layout12.gif})]"});break;
     21                                case '13' :jQuery("#bloc_layout_image").attr({src: "[(#CHEMIN{prive/images/layout13.gif})]"});break;
     22                                case '14' :jQuery("#bloc_layout_image").attr({src: "[(#CHEMIN{prive/images/layout14.gif})]"});break;
     23                                case '15' :jQuery("#bloc_layout_image").attr({src: "[(#CHEMIN{prive/images/layout15.gif})]"});break;
     24                                case '16' :jQuery("#bloc_layout_image").attr({src: "[(#CHEMIN{prive/images/layout16.gif})]"});break;
     25                                case '17' :jQuery("#bloc_layout_image").attr({src: "[(#CHEMIN{prive/images/layout17.gif})]"});break;
     26                                case '18' :jQuery("#bloc_layout_image").attr({src: "[(#CHEMIN{prive/images/layout18.gif})]"});break;     
     27                                case '34' :jQuery("#bloc_layout_image").attr({src: "[(#CHEMIN{prive/images/layout34.gif})]"});break;
     28                                default : jQuery("#bloc_largeur").hide();break;   
     29                        }
    3230                        jQuery(this).blur();
    3331                });     
     
    4341                });     
    4442               
    45                
    4643                jQuery("input[@name='numero_layout']").change(function() {
    47                
    48       switch(jQuery("input[@name='numero_layout']:checked").val()){
    49       case '7' :
    50       case '8' :
    51       case '9' :
    52       case '10' :
    53       case '11' :
    54       case '12' :
    55       case '34' :jQuery("#bloc_largeur").show();break;
    56       default : jQuery("#bloc_largeur").hide();break;   
    57       }
    58 
     44                        switch(jQuery("input[@name='numero_layout']:checked").val()){
     45                                case '7' :
     46                                case '8' :
     47                                case '9' :
     48                                case '10' :
     49                                case '11' :
     50                                case '12' :
     51                                case '34' :jQuery("#bloc_largeur").show();break;
     52                                default : jQuery("#bloc_largeur").hide();break;   
     53                        }
    5954                        jQuery(this).blur();
    6055                });     
     
    169164                </td>
    170165                <td>
    171                         <img id="bloc_layout_image" src="[(#CHEMIN{[images/layout(#ENV{numero_layout, 13}).gif]})]" alt="Layout #ENV{numero_layout, 13}"/>
     166                        <img id="bloc_layout_image" src="[(#CHEMIN{[prive/images/layout(#ENV{numero_layout, 13}).gif]})]" alt="Layout #ENV{numero_layout, 13}"/>
    172167                </td>
    173168                </tr></table>
  • _squelettes_/sarkaspip3/plugin.xml

    r31176 r31667  
    1010        <version>3.0.0</version>
    1111        <etat>stable</etat>
    12         <icon>images/sarka-spip.png</icon>
     12        <icon>prive/images/sarka-spip.png</icon>
    1313        <description>
    1414{{Ce plugin active ou d&eacute;sactive le squelette Sarka-SPIP }} :
     
    3535       
    3636        <bouton id="sarkaspip_cfg" parent="configuration">
    37         <icone>images/sarka-spip-cfg.png</icone>
     37        <icone>prive/images/sarka-spip-cfg.png</icone>
    3838                <titre>sarkaspip:bouton_configurer</titre>
    3939                <url>cfg</url>
  • _squelettes_/sarkaspip3/sarkaspip_coins.js.html

    r31568 r31667  
    33#HTTP_HEADER{'Content-Type: text/javascript'}
    44
    5 [(#CONFIG{sarkaspip_coins/avec_arrondis, 0}|=={1}|oui)
    65$(document).ready(function(){
    7 $('#noisette_publications h1.intitule, #noisette_commentaires h1.intitule, #noisette_herbier h1 a.intitule, #noisette_breves h1 a.intitule, #noisette_rainette h1.intitule, #noisette_statistiques h1.intitule, #noisette_hitparade h1.intitule, #noisette_annonce h1.intitule, #noisette_hitparade h1.intitule, #noisette_navigation h1.intitule, #noisette_forum h1.intitule, #noisette_sites h1 a.intitule, #noisette_splickrbox h1 a.intitule, #noisette_miniagenda h1 a.intitule, #nav_recherche h1.intitule, #noisette_forum h1 a.intitule, #noisette_publications .contenu h2.titre_bloc, #noisette_rainette .contenu h2.titre_bloc, #noisette_statistiques .contenu h2.titre_bloc, #noisette_hitparade .contenu h2.titre_bloc, #noisette_annonce .contenu h2.titre_bloc, #noisette_hitparade .contenu h2.titre_bloc, #nav_recherche .contenu h2.titre_bloc, #noisette_navigation .contenu h2.titre_bloc, #noisette_herbier .contenu h2.titre_bloc, #edito.article, #une.article, .bandeau_haut, .bandeau_chemin, #footer .pied_bas, #noisette_publications .contenu .liste ul, #noisette_hitparade .contenu .liste ul, #noisette_forum .contenu.mixte, #noisette_commentaires .contenu.mixte, #noisette_sites .contenu.mixte, #noisette_annonce .contenu .texte, #noisette_statistiques .contenu .texte, #noisette_rainette .contenu .texte, #nav_recherche .contenu, #noisette_publications .contenu, #noisette_hitparade .contenu, #noisette_rainette .contenu, #noisette_statistiques .contenu, #nav_visiteur.noisette, #menu_raccourcis.noisette, #noisette_navigation .contenu, #noisette_breves .contenu.mixte, #noisette_herbier .contenu, #noisette_splickrbox .contenu, #noisette_miniagenda.noisette .contenu, #noisette_miniagenda.noisette .contenu table td')
    8 .corner("[(#CONFIG{sarkaspip_coins/avec_arrondis, 0}|=={1}|oui)round][(#CONFIG{sarkaspip_coins/avec_arrondis, 0}|=={1}|oui)tl][(#CONFIG{sarkaspip_coins/avec_arrondis, 0}|=={1}|oui)8px]")
    9 .corner("[(#CONFIG{sarkaspip_coins/avec_arrondis, 0}|=={1}|oui)round][(#CONFIG{sarkaspip_coins/avec_arrondis, 0}|=={1}|oui)tr][(#CONFIG{sarkaspip_coins/avec_arrondis, 0}|=={1}|oui)8px]")
    10 .corner("[(#CONFIG{sarkaspip_coins/avec_arrondis, 0}|=={1}|oui)round][(#CONFIG{sarkaspip_coins/avec_arrondis, 0}|=={1}|oui)bl][(#CONFIG{sarkaspip_coins/avec_arrondis, 0}|=={1}|oui)8px]")
    11 .corner("[(#CONFIG{sarkaspip_coins/avec_arrondis, 0}|=={1}|oui)round][(#CONFIG{sarkaspip_coins/avec_arrondis, 0}|=={1}|oui)br][(#CONFIG{sarkaspip_coins/avec_arrondis, 0}|=={1}|oui)8px]");
     6        // Traitement du bandeau
     7        modele = [(#CONFIG{sarkaspip_coins/modele_bandeau, 0})];
     8        if (modele > 0) {
     9                // Position des arrondis
     10                forme_h = "top";
     11                forme_b = "";
     12                if (modele > 1) {forme_b = "bottom";}
     13                // Taille des arrondis
     14                var taille = [" (#CONFIG{sarkaspip_coins/taille_bandeau, 10})px"];
     15                // Selecteurs auxquels appliquer les arrondis
     16                haut_existe = [(#CONFIG{sarkaspip_bandeau/haut, 1})];
     17                bas_existe = [(#CONFIG{sarkaspip_bandeau/bas, 0})];
     18                chemin_existe = [(#CONFIG{sarkaspip_bandeau/chemin, 1})];
     19                if (haut_existe)
     20                        {selecteur_h = "div.bandeau_haut";}
     21                else
     22                        {selecteur_h = "div.bandeau_bas";}
     23                if ((modele == 2) || (modele == 4)) {
     24                        if (bas_existe)
     25                                {selecteur_b = "div.bandeau_bas";}
     26                        else
     27                                {selecteur_b = "div.bandeau_haut";}
     28                }
     29                else {selecteur_b = "";}
     30                // Arrondir le bandeau haut et/ou bas
     31                $(selecteur_h).corner("round" + forme_h + taille);
     32                $(selecteur_b).corner("round" + forme_b + taille);
     33                // Arrondir le chemin si necessaire
     34                if (chemin_existe) {
     35                        if (modele == 3) {$('div.bandeau_chemin').corner("round bottom" + taille);}
     36                        if (modele == 4) {$('div.bandeau_chemin').corner("round" + taille);}
     37                }
     38        }
     39
     40        // Traitement du pied
     41        modele = [(#CONFIG{sarkaspip_coins/modele_pied, 0})];
     42        if (modele > 0) {
     43                forme = "";
     44                if (modele == 1) {forme = "bottom";}
     45                var taille = [" (#CONFIG{sarkaspip_coins/taille_pied, 10})px"];
     46                $('div.pied_bas').corner("round" + forme + taille);
     47        }
     48
     49        // Traitement du menu des rubriques
     50        modele = [(#CONFIG{sarkaspip_coins/modele_menurub, 0})];
     51        if (modele > 0) {
     52                var taille = [" (#CONFIG{sarkaspip_coins/taille_pied, 10})px"];
     53//              $('li.smenu').corner("round" + taille);
     54        }
     55
     56        // Traitement du formuaires des rubriques
     57        modele = [(#CONFIG{sarkaspip_coins/modele_recherche, 0})];
     58        if (modele > 0) {
     59                var taille = [" (#CONFIG{sarkaspip_coins/taille_pied, 10})px"];
     60                $("input[@name='recherche']").corner("round" + taille);
     61        }
    1262});
    13 ]
Note: See TracChangeset for help on using the changeset viewer.