Changeset 59924 in spip-zone


Ignore:
Timestamp:
Mar 30, 2012, 7:29:48 AM (8 years ago)
Author:
johan.pustoch@…
Message:

styles pre-definis dans le choix des couleurs (javascript) + callback sur les paginations ajax de breves

Location:
_squelettes_/scolaspip/trunk
Files:
5 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/scolaspip/trunk/couleurs.css.html

    r59921 r59924  
    5252
    5353/* Couleurs des bordures */
    54 #header{border-bottom:3px solid [(#CONFIG{scolaspip_colorer/couleurbordure})];}
    55 #footer {border-top:3px solid [(#CONFIG{scolaspip_colorer/couleurbordure})];}
     54body #header{border-bottom:3px solid [(#CONFIG{scolaspip_colorer/couleurbordure})];}
     55body #footer {border-top:3px solid [(#CONFIG{scolaspip_colorer/couleurbordure})];}
    5656
    5757/* couleurs des liens */
  • _squelettes_/scolaspip/trunk/formulaires/configurer_scolaspip_couleurs.html

    r59921 r59924  
    148148                                        </select>
    149149                                </div>
    150                                
    151                         </li>
    152                        
     150                        </li>
    153151                </ul>
    154152               
    155153                <legend><:scolaspip:choix_couleur:></legend>
    156                
    157                 <p><:scolaspip:styles_predefinis:></p>
    158                 <select id="style_scolaspip">
    159                         <option></option>
    160                         <option value="1">Scolaspip 2012</option>
    161                         <option value="2">ScolaSpip 2008</option>
    162                         <option value="3">Rouge</option>
    163                         <option value="4">Vert</option>
    164                         <option value="5">Bleu</option>
    165                 </select>
    166                
    167154                <p><:scolaspip:couleur_aide:></p>
    168        
    169                 <ul>
     155                <ul>
     156                        <li>
     157                                <label for="style_scolaspip"><:scolaspip:styles_predefinis:></label>
     158                                <select id="style_scolaspip">
     159                                        <option value="0"></option>
     160                                        <option value="1">Scolaspip par défaut</option>
     161                                        <option value="2">Gris et rouge</option>
     162                                        <option value="3">Rouge</option>
     163                                </select>
     164                        </li>
    170165<!-- Backgrounds 5 possible + 1 survol -->                     
    171166                        <li>
     
    296291                <input type="submit" name="enregistrer" class="submit" value="<:bouton_valider:>" />
    297292        </p>
    298         [(#BOITE_OUVRIR{[<:scolaspip:export_import:>(#CHEMIN_IMAGE{ieconfig-24.png}|balise_img{'',cadre-icone})],simple})]
     293        [(#BOITE_OUVRIR{<:scolaspip:export_import:>,info})]
    299294                <p><:scolaspip:export_import_config:></p>
    300295        #BOITE_FERMER   
    301296</div></form>
    302297
     298</div>
    303299
    304300<style type="text/css">
     
    314310//ScolaSpip Origine
    315311
    316 jQuery(function() {
     312$(document).ready(function() {
    317313        var couleurs = new Array();
    318         couleurs[1] = {
     314        couleurs[1] = { // Par défaut
    319315                'bodyfond':'#dddddd',
    320316                'bandeau':'#4b4b4b',
     
    339335                'couleurs_intertitres':'#333333'
    340336        };
    341 
     337        couleurs[2] = { // Gris et Rouge
     338                'bodyfond':'#ffffff',
     339                'bandeau':'#333333',
     340                'barre':'#c4c4c4',
     341                'barreover':'#dddddd',
     342                'menufond':'#ffffff',
     343                'calfond':'#ffffff',
     344                'menurollover':'#000000',
     345                'couleurbordure':'#aa0000',
     346                'liens':'#aa0000',
     347                'liensover':'#ff5d00',
     348                'liensmenugauche':'#aa0000',
     349                'liensmenugauchehover':'#ff5d00',
     350                'liensmenuhorizontal':'#333333',
     351                'liover':'#efefef',
     352                'btcom1':'#DDDDDD',
     353                'btcom2':'#EEEEEE',
     354                'btcom3':'#F4F4F4',
     355                'btcom4':'#DDDDDD',
     356                'btcom5':'#EEEEEE',
     357                'couleurs_bandeau':'#dddddd',
     358                'couleurs_intertitres':'#780808'
     359        };
     360        couleurs[3] = { // Rouge et gris
     361                'bodyfond':'#eeeeee',
     362                'bandeau':'#eeeeee',
     363                'barre':'#cc0000',
     364                'barreover':'#000000',
     365                'menufond':'#ffffff',
     366                'calfond':'#ffffff',
     367                'menurollover':'#dddddd',
     368                'couleurbordure':'#aa0000',
     369                'liens':'#aa0000',
     370                'liensover':'#ff5d00',
     371                'liensmenugauche':'#aa0000',
     372                'liensmenugauchehover':'#ff5d00',
     373                'liensmenuhorizontal':'#ffffff',
     374                'liover':'#eeeeee',
     375                'btcom1':'#DDDDDD',
     376                'btcom2':'#EEEEEE',
     377                'btcom3':'#F4F4F4',
     378                'btcom4':'#DDDDDD',
     379                'btcom5':'#EEEEEE',
     380                'couleurs_bandeau':'#dd0000',
     381                'couleurs_intertitres':'#666666'
     382        };
    342383        jQuery("#style_scolaspip").change(function(){
     384                if (jQuery(this).val()==0) return;
    343385                jeu_de_couleurs = couleurs[jQuery(this).val()];
    344386                jQuery.each(jeu_de_couleurs, function(index, value) {
    345                         // a debugguer
    346                         //jQuery("#".index).attr("value",value);
     387                        element = jQuery("#"+index);
     388                        if (element.hasClass("palette")) {
     389                                element.attr("value",value);
     390                                element.css({'background':value});
     391                        }
    347392                });
    348393        });
  • _squelettes_/scolaspip/trunk/lang/scolaspip_fr.php

    r59921 r59924  
    4747    'choix_police'=>'Choix des polices',
    4848    'couleurs' =>'Couleurs du squelette scolaSPIP',
    49     'couleur_aide' => 'Cliquez sur les champs que vous souhaitez modifier pour faire apparaître la palette de couleurs.',
     49    'couleur_aide' => 'Cliquez sur les champs que vous souhaitez modifier pour faire apparaître la palette de couleurs. Au préalable, vous pouvez utiliser un des styles prédéfinis, puis l\'adapter.',
    5050    'couleur_barre_legend' => 'Couleur de fond de la barre de liens et du pied de page&nbsp;:',
    5151    'couleur_barre_texte' => '(#c4c4c4 par défaut)',
  • _squelettes_/scolaspip/trunk/scolaspip.css

    r59921 r59924  
    9191#calendar{text-align:center;}
    9292#calendar th,#calendar td,#calendar caption{padding:0 ;border:1px inset transparent;}
    93 #calendar td,#calendar th{font-size:80%;}
     93#calendar th{font-size:80%;}
     94#calendar td{font-size:85%;}
    9495#calendar td a{display:block;height:100%;width:100%;padding:.2em;}
    9596#calendar table{margin-bottom:0;}
     
    100101.page_agenda .liste-items.evenements .item{padding:1em 2em;}
    101102.date abbr[title],.info-publi abbr,.page_sommaire .forums abbr{border-bottom:none;}
     103body tbody tr:nth-child(even) td,body tbody tr.even td {background:#eee;}
    102104
    103105/* Typo, Intertitres */
     
    113115body .liste-items .item{padding-left:0.2em;padding-bottom:0.2em;padding-top:0.2em;}
    114116body .liste-items .item p{margin-bottom:0.2em;}
    115 body .liste-items .item .info-publi{clear:right;float:right;font-size:80%;max-width:35%; background:transparent;margin-right: 1em;}
     117body .liste-items .item .info-publi{clear:right;float:right;text-align:right;font-size:80%;max-width:25%;background:transparent;margin-right: 1em;}
    116118body .liste-items h3.h3{font-size:1em;line-height:1.6em;}
    117119body .liste.articles .spip_logos{float:right;clear:right;margin-top:0.8em;margin-right:0pt;margin-bottom:4px;margin-top:1px;}
  • _squelettes_/scolaspip/trunk/scolaspip.js.html

    r59862 r59924  
    2929        niveau.attr({ src: "[(#CHEMIN{img/deplierbas.png})]", alt : " - " , title : "Masquer les sous-rubriques" });
    3030}
    31 
    32 jQuery(document).ready(function(){
    33     // on masque les premiers sous-niveaux sauf le courant
    34     jQuery(".niveau1>li>.ss-rubrique").css({display:'none'});
    35     jQuery(".niveau1>li>.ss-rubrique.ddon").css({display:'block'});
    36    
    37     // on masque les contenus des breves et on mets les boutons +
     31function activeToggleBreves() {    // on masque les contenus des breves, on mets les boutons + et on active l'action
    3832    jQuery(".liste.breves li.item div.contenu_breve").css({display:'none'});
    3933    jQuery(".liste.breves li.item h3.h3 a").removeClass("ouvert");
    4034    jQuery(".liste.breves li.item h3.h3 a").addClass("ouvrable");
    41                
    4235    jQuery(".liste.breves li.item h3").click(function(){ // Affichage des breves
    4336        jQuery(this).next().slideToggle();
     
    4639        return false;
    4740    });
     41}
     42
     43jQuery(document).ready(function(){
     44    // on masque les premiers sous-niveaux sauf le courant
     45    jQuery(".niveau1>li>.ss-rubrique").css({display:'none'});
     46    jQuery(".niveau1>li>.ss-rubrique.ddon").css({display:'block'});
     47    activeToggleBreves();
    4848    jQuery("#montre_ou_masque_tout").click(function(){ // ouverture/fermeture de tout le sommaire
    4949        if (tout_masque) {
     
    5656    jQuery(".bouton_niveau1").click(function(){ // ouverture/fermeture d'une branche du sommaire
    5757        jQuery(this).parent().children("ul").slideToggle("slow",changePlusMoins(jQuery(this)));
    58        
    5958    });
     59    if (typeof onAjaxLoad == 'function') onAjaxLoad(activeToggleBreves); // callback pour les breves lors de pagination ajax (merci astuces spip)
    6060});
Note: See TracChangeset for help on using the changeset viewer.