Changeset 59862 in spip-zone


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

renommage d'images pour compat, javascript public fonctionne desormais sans etre identifie, url des css et js en squelettes fonctionnent avec un recalcul (code inspire du porte_plume)

Location:
_squelettes_/scolaspip/trunk
Files:
2 deleted
6 edited
1 copied
3 moved

Legend:

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

    r59861 r59862  
    55 ATTENTION : il faut absolument le charset sinon Firefox croit que
    66 c'est du text/html !
    7  
    8  Cache à 0 pendant le dev, #CACHE{604800} ensuite (7 jours)
    97]
    10 #CACHE{0}
     8#CACHE{604800}
    119#HTTP_HEADER{Content-Type:text/css;charset=utf-8}
    1210#HTTP_HEADER{Vary:Accept-Encoding}
     
    9290'})]
    9391
     92[(#REM) permettre de surcharger ces images dans squelettes/img]
     93.breves .h3 a.ouvrable{background-image:url('#CHEMIN{img/deplierhaut.png}');}
     94.breves .h3 a.ouvert{background-image:url('#CHEMIN{img/deplierbas.png}');}
     95
    9496[(#REM) Personnalisation ultime du css via scolaspip]
    9597[(#CONFIG{scolaspip_colorer/persocss})]
  • _squelettes_/scolaspip/trunk/extra1/dist.html

    r59827 r59862  
    55<B_rubriques>
    66<div class="menu rubriques" >
    7                 <h2 id="montre_ou_masque_tout" class="h2 bouton_sommaire">Sommaire <img class="imageplus" id="img_toute_rubrique" src="#CHEMIN{img/plus.png}" alt=" + " /></h2>
     7                <h2 id="montre_ou_masque_tout" class="h2 bouton_sommaire">Sommaire <img class="imageplus" id="img_toute_rubrique" src="#CHEMIN{img/deplierhaut.png}" alt=" + " /></h2>
    88                <BOUCLE_rubriques(RUBRIQUES) {racine}{!mots.titre=rubrique_bandeau}{par num titre, titre}>
    99                <ul class="menu-items menu-liste niveau1">
    1010                                <BOUCLE_sous_rubriques_presentes(RUBRIQUES) {id_parent}{par num titre, titre}> </BOUCLE_sous_rubriques_presentes>
    1111                                <li class="item menu-entree">
    12                                                 <img class="imageplus bouton_sommaire bouton_niveau1" id="img#ID_RUBRIQUE" [(#EXPOSE |== {'on'} |? {src="[(#CHEMIN{img/moins.png})]" alt = " - " title="Masquer les sous-rubriques" , src="[(#CHEMIN{img/plus.png})]" alt = " + " title="Voir les sous-rubriques" } )]/>
     12                                                <img class="imageplus bouton_sommaire bouton_niveau1" id="img#ID_RUBRIQUE" [(#EXPOSE |== {'on'} |? {src="[(#CHEMIN{img/deplierbas.png})]" alt = " - " title="Masquer les sous-rubriques" , src="[(#CHEMIN{img/deplierhaut.png})]" alt = " + " title="Voir les sous-rubriques" } )]/>
    1313                                                <a href="#URL_RUBRIQUE" [ class="(#EXPOSE)"][ title="(#DESCRIPTIF|attribut_html)"]>[(#TITRE|couper{50})]</a>
    1414                                                <B_sous_rubriques>
     
    2121                                </li>
    2222                                </B_sous_rubriques_presentes>
    23                                 <li class="item menu-entree"><a href="#URL_RUBRIQUE"[ class="(#EXPOSE)"][ title="(#DESCRIPTIF|attribut_html)"]><img src="[(#CHEMIN{img/moins.png})]">&nbsp;[(#TITRE|couper{50})]</a></li>
     23                                <li class="item menu-entree"><a href="#URL_RUBRIQUE"[ class="(#EXPOSE)"][ title="(#DESCRIPTIF|attribut_html)"]><img src="[(#CHEMIN{img/deplierbas.png})]">&nbsp;[(#TITRE|couper{50})]</a></li>
    2424                                <//B_sous_rubriques_presentes>
    2525                </ul>
  • _squelettes_/scolaspip/trunk/extra2/sommaire.html

    r59752 r59862  
    11
    22<B_article_video>
    3 <div id="video" >
     3<div id="video" class="liste">
    44    <h2 class="menu-titre">Vid&eacute;o</h2>
    55    <BOUCLE_article_video(ARTICLES){mots.titre=video_page_accueil}>
  • _squelettes_/scolaspip/trunk/inclure/nav.html

    r59827 r59862  
    11<div class="menu menu-container" id="menuhorizontal">
    22    <div id="recherche">#FORMULAIRE_RECHERCHE</div>
    3     <div id="menuhorizontal2">
    4         <ul class="menu-items menu-liste menuder">
    5             <li class="item menu-entree home"><a href="#URL_SITE_SPIP" class="intitule" title="<:accueil_site:>"><img src="#CHEMIN{img/picto-home.png}" alt="Accueil" /></a></li>
    6             <li class="item menu-entree[(#PLUGIN{agenda}|?{' '})[(#CONFIG{scolaspip_plus/boutonagenda}|=={oui}|?{' invisible',''})]]"><a href="#URL_SITE_SPIP/spip.php?page=agenda&amp;annee=[(#DATE|annee)]&amp;mois=[(#DATE|mois)]&amp;jour=[(#DATE|jour)]&amp;type=mois&amp;echelle=120&amp;partie_cal=sansheure" title="Agenda complet">Agenda</a></li>
    7             <li class="item menu-entree[(#CONFIG{scolaspip_plus/boutonliens}|=={oui}|?{' invisible',''})]"><a href="#URL_PAGE{sites}" title="Les sites sélectionnés">Liens</a></li>
    8             <BOUCLE_articles_selectionnes(ARTICLES){mots.titre=article_bandeau}>
    9             <li class="item menu-entree"><a href="#URL_ARTICLE" [title="(#INTRODUCTION|couper{60})"]>[(#TITRE|couper{30})]</a></li>
    10             </BOUCLE_articles_selectionnes>
    11             <BOUCLE_rubriques_selectionnes(RUBRIQUES){mots.titre=rubrique_bandeau}>
    12             <li class="item menu-entree">
    13                 <a href="#URL_RUBRIQUE"[ class="(#EXPOSE)"][ title="(#INTRODUCTION|couper{60})"]>[(#TITRE|couper{30})]</a>
    14                 <B_sous_rubriques>
    15                 <ul>
    16                     <BOUCLE_sous_rubriques(RUBRIQUES){id_parent}{par num titre, titre}>
    17                     <li><a href="#URL_RUBRIQUE" <BOUCLE_test_sousrub(RUBRIQUES){id_parent}{0,1}>class="daddy"</BOUCLE_test_sousrub>>[(#TITRE|couper{80})]</a><BOUCLE_sous_sous_rubriques(BOUCLE_sous_rubriques)></BOUCLE_sous_sous_rubriques></li>
    18                     </BOUCLE_sous_rubriques>
    19                 </ul>
    20                 </B_sous_rubriques>
    21             </li>
    22             </BOUCLE_rubriques_selectionnes>
    23             <BOUCLE_sites_selectionnes(SITES){mots.titre=site_bandeau}>
    24             <li class="item menu-entree"><a href="#URL_SITE" title="<:scolaspip:lien_externe:>[ - (#DESCRIPTIF|couper{60})]" class="spip_out">[(#NOM_SITE|couper{30})]</a></li>
    25             </BOUCLE_sites_selectionnes>
    26         </ul>
    27     </div>
     3    <ul class="menu-items menu-liste menuder">
     4        <li class="item menu-entree home"><a href="#URL_SITE_SPIP" class="intitule" title="<:accueil_site:>"><img src="#CHEMIN{img/picto-home.png}" alt="Accueil" /></a></li>
     5        <li class="item menu-entree[(#PLUGIN{agenda}|?{' '})[(#CONFIG{scolaspip_plus/boutonagenda}|=={oui}|?{' invisible',''})]]"><a href="#URL_SITE_SPIP/spip.php?page=agenda&amp;annee=[(#DATE|annee)]&amp;mois=[(#DATE|mois)]&amp;jour=[(#DATE|jour)]&amp;type=mois&amp;echelle=120&amp;partie_cal=sansheure" title="Agenda complet">Agenda</a></li>
     6        <li class="item menu-entree[(#CONFIG{scolaspip_plus/boutonliens}|=={oui}|?{' invisible',''})]"><a href="#URL_PAGE{sites}" title="Les sites sélectionnés">Liens</a></li>
     7        <BOUCLE_articles_selectionnes(ARTICLES){mots.titre=article_bandeau}>
     8        <li class="item menu-entree"><a href="#URL_ARTICLE" [title="(#INTRODUCTION|couper{60})"]>[(#TITRE|couper{30})]</a></li>
     9        </BOUCLE_articles_selectionnes>
     10        <BOUCLE_rubriques_selectionnes(RUBRIQUES){mots.titre=rubrique_bandeau}>
     11        <li class="item menu-entree">
     12            <a href="#URL_RUBRIQUE"[ class="(#EXPOSE)"][ title="(#INTRODUCTION|couper{60})"]>[(#TITRE|couper{30})]</a>
     13            <B_sous_rubriques>
     14            <ul>
     15                <BOUCLE_sous_rubriques(RUBRIQUES){id_parent}{par num titre, titre}>
     16                <li><a href="#URL_RUBRIQUE" <BOUCLE_test_sousrub(RUBRIQUES){id_parent}{0,1}>class="daddy"</BOUCLE_test_sousrub>>[(#TITRE|couper{80})]</a><BOUCLE_sous_sous_rubriques(BOUCLE_sous_rubriques)></BOUCLE_sous_sous_rubriques></li>
     17                </BOUCLE_sous_rubriques>
     18            </ul>
     19            </B_sous_rubriques>
     20        </li>
     21        </BOUCLE_rubriques_selectionnes>
     22        <BOUCLE_sites_selectionnes(SITES){mots.titre=site_bandeau}>
     23        <li class="item menu-entree"><a href="#URL_SITE" title="<:scolaspip:lien_externe:>[ - (#DESCRIPTIF|couper{60})]" class="spip_out">[(#NOM_SITE|couper{30})]</a></li>
     24        </BOUCLE_sites_selectionnes>
     25    </ul>
    2826</div>
    2927
  • _squelettes_/scolaspip/trunk/lang/scolaspip_fr.php

    r59827 r59862  
    4040
    4141// c
    42     'cache_couleur' => 'Après avoir enregistré ces valeurs, <a href="?exec=admin_vider">vider le cache</a> de SPIP pour que les couleurs et réglages soient pris en compte.',
     42    'cache_couleur' => 'Après avoir enregistré ces valeurs, pour que les couleurs et réglages soient pris en compte un « recalcul » de la page s\'impose (ou <a href="?exec=admin_vider">vider le cache</a> de SPIP).',
    4343    'calendrier_legend' => 'Affichage du mini-calendrier sur la page d\'accueil',
    4444    'calendrier_texte' => 'Souhaitez-vous afficher le mini calendrier en page d\'accueil ?',
  • _squelettes_/scolaspip/trunk/scolaspip.css

    r59827 r59862  
    1010
    1111html body{}
    12 body .page { position:relative;width:980px;margin:0em auto;padding:0;border:none;}
     12body .page { position:relative;width:980px;margin:0 auto;padding:0;border:none;}
    1313body .header {padding:0;overflow:hidden;border:none;}
    14 body .container {width:980px;margin:0em auto;padding-top:1em;}
    15 body .content{float:right;width:74%;padding:0.5em 0.5em 0.5em 1.5em;}
    16 body .extra1{clear:left ;float:left;width:22%;padding:0.5em 0.5em;}
    17 body .extra2{clear:left ;float:left;clear:left;width:22%;padding:0.5em 0.5em;}
     14body .container {width:980px;margin:0 auto;padding-top:1em;}
     15body .content{float:right;width:74%;padding:.5em .5em .5em 1.5em;}
     16body .extra1,body .extra2{clear:left ;float:left;width:22%;padding:.5em 0 0 .5em;margin-bottom:0;}
    1817body .footer {border:none;}
    19 body .footer a{text-decoration: underline;}
    2018
    2119/* bandeau */
    2220.logo-institution{position:absolute;right:10px;top:10px;}
    23 body .header .accueil {width:980px;padding:O;height:80px;position:relative;margin:0 auto;}
     21body .header .accueil {width:980px;padding:O;position:relative;margin:0 auto;min-height:80px;}
    2422body .hornav {border:none;height:32px;}
    2523#menuhorizontal{position:relative;margin:0 auto;width:980px;}
     
    2725body .header .accueil .bandeau{margin:0.5em 0 0 0.4em;}
    2826body .header .accueil .bandeau .spip_logos{margin:.3em;float:left;}
    29 body .header .accueil .bandeau .infos{position:absolute;top:0;left:240px;width:600px;}
     27body .header .accueil .bandeau .infos{float:left;padding:.5em 0 1em 1em;width:600px;}
    3028#nom_site_spip,#slogan_site_spip{margin:0;}
     29body .header .accueil #nom_site_spip {font-size: 2.5em;line-height:1.1em;}
    3130#nom_site_spip a{text-decoration: none;}
    3231body .hornav .item a{font-weight:normal;padding:0.5em 0.75em;}
     
    6261/* Mise en page des breves */
    6362.breves h3.h3{cursor:pointer;}
    64 .breves .h3 a.ouvrable{padding-right:20px;background-image:url(img/plus.png);background-position:right 0;background-repeat:no-repeat;}
    65 .breves .h3 a.ouvert{padding-right:20px;background-image:url(img/moins.png);background-position:right 0 ;background-repeat:no-repeat;}
     63.breves .h3 a.ouvrable{padding-right:30px;padding-bottom:5px;background-image:url(img/deplierhaut.png);background-position:right 0;background-repeat:no-repeat;}
     64.breves .h3 a.ouvert{padding-right:30px;padding-bottom:5px;background-image:url(img/deplierbas.png);background-position:right 0 ;background-repeat:no-repeat;}
    6665.page_breve #site_menu{display:none;}
    6766
     
    7170.page_sites .liste.syndics .spip_logos{float:right;}
    7271
     72/* Page plan */
     73.page_plan h3.h3{display:none;}
     74
    7375/* Menu vertical des rubriques et bloc de liens de sites */
    7476body .extra1 .menu{padding-top:0.8em;overflow:hidden;}
    7577body .extra1 #site_menu ul li{float:left;margin:.5em 1em 0 0;}
    7678body .extra1 #site_menu .spip_logos{float:none;margin:0 1em 0 0;}
    77 body .extra1 .menu,#site_menu{margin:0 0 1em 0;}
     79body .extra1 .menu,#site_menu,body .extra2 .liste{margin:0 0 1em 0;}
    7880body .extra1 .menu .menu-items li.item{list-style-type:none;margin-left:0px;}
    7981body .extra1 .menu ul{margin-left:0px;padding-left:0px;}
     
    8284
    8385/* Listes du bloc extra */
    84 body .extra2 .liste{margin-top:1em;}
    8586body .extra2 .liste-items .item{font-size:0.9em;}
    8687
     
    9394#calendar table{margin-bottom:0;}
    9495#calendar>span{display:none;}
    95 #calendar h2.menu-titre{margin-bottom:.2em;}
    9696.today{font-weight:bold;}
    9797.evenements p.date{font-size:.8em;}
     
    102102/* Typo, Intertitres */
    103103.droite h2,#edito h2.h2,.extra2 h2{text-align:center;}
    104 body h1,body .h1{font-size:2em;}
     104body h1,body .h1{font-size:2.5em;}
    105105body h2,body .h2,body .droite #calendar h2{font-size:1.5em;line-height:1.1em;}
    106 body .extra1 h2,body .extra2 h2,body .extra2 .h2,body .droite h2{font-size:1.5em;}
     106body .extra1 h2,body .extra2 h2,body .extra2 .h2,body .droite h2{font-size:1.5em;margin:.2em 0 .5em 0 ;}
    107107body h3,body .h3{font-size:1.4em;}
    108108body h4,body .h4{font-size:1.2em;}
  • _squelettes_/scolaspip/trunk/scolaspip.js.html

    r59861 r59862  
    11[(#REM)
    22
    3  Ce squelette definit le javascript du plugin ScolaSPIP
     3 Ce squelette definit le javascript du plugin ScolaSPIP (page publique)
    44 
    5  Cache à 0 pendant le dev, #CACHE{604800} ensuite (7 jours)
    65]
    7 #CACHE{0}
     6#CACHE{604800}
    87#HTTP_HEADER{Content-Type:text/javascript;charset=utf-8}
    98#HTTP_HEADER{Vary:Accept-Encoding}
     
    1211function masque(identifiant,num) { // masque les premiers sous niveaux
    1312    $(".niveau1>li>.ss-rubrique").each(function(){ $(this).hide('slow');});
    14     $("img.imageplus").each(function(){$(this).attr({ src: "[(#CHEMIN{img/plus.png})]", alt : " - " , title : "Voir les sous-rubriques"});});
     13    $("img.imageplus").each(function(){$(this).attr({ src: "[(#CHEMIN{img/deplierhaut.png})]", alt : " - " , title : "Voir les sous-rubriques"});});
    1514}
    1615function changeTousPlusMoins(){
    1716    if (tout_masque){
    18         jQuery("img.imageplus").each(function(){jQuery(this).attr({ src: "[(#CHEMIN{img/moins.png})]", alt : " - " , title : "Masquer les sous-rubriques"});});
     17        jQuery("img.imageplus").each(function(){jQuery(this).attr({ src: "[(#CHEMIN{img/deplierbas.png})]", alt : " - " , title : "Masquer les sous-rubriques"});});
    1918        tout_masque=false;
    2019    }
    2120    else{
    22         jQuery("img.imageplus").each(function(){jQuery(this).attr({ src: "[(#CHEMIN{img/plus.png})]", alt : " + " , title : "Voir les sous-rubriques"});});
     21        jQuery("img.imageplus").each(function(){jQuery(this).attr({ src: "[(#CHEMIN{img/deplierhaut.png})]", alt : " + " , title : "Voir les sous-rubriques"});});
    2322        tout_masque=true;
    2423    }
     
    2625function changePlusMoins(niveau){
    2726    if (niveau.parent().children("ul").css("display")=="block")
    28         niveau.attr({ src: "[(#CHEMIN{img/plus.png})]", alt : " + " , title : "Voir les sous-rubriques" });
     27        niveau.attr({ src: "[(#CHEMIN{img/deplierhaut.png})]", alt : " + " , title : "Voir les sous-rubriques" });
    2928    else
    30         niveau.attr({ src: "[(#CHEMIN{img/moins.png})]", alt : " - " , title : "Masquer les sous-rubriques" });
     29        niveau.attr({ src: "[(#CHEMIN{img/deplierbas.png})]", alt : " - " , title : "Masquer les sous-rubriques" });
    3130}
    3231
  • _squelettes_/scolaspip/trunk/scolaspip_pipelines.php

    r59827 r59862  
    9595
    9696function scolaspip_insert_head($flux){
    97         $config = scolaspip_couleurs_config();
    98         if ($config['css_scolaspip']=='oui') {
    99                 $flux .='<script src="spip.php?page=javascript/scolaspip.js" type="text/javascript"></script>';
    100         }
     97        $js_start = parametre_url(generer_url_public('scolaspip.js'), 'lang', $lang);
     98        if (_VAR_MODE=="recalcul")
     99                $js_start = parametre_url($js_start, 'var_mode', 'recalcul');
     100        $flux .= "<script type='text/javascript' src='$js_start'></script>\n";
     101
    101102        return $flux;
    102103}
     
    106107                $flux .= '<link rel="stylesheet" href="'.direction_css(find_in_path('scolaspip.css')).'" type="text/css" media="all" />';
    107108                if ($config['couleurs']=='oui') {
    108                         $flux .= '<link rel="stylesheet" href="spip.php?page=couleurs" type="text/css" media="all" />';
     109                        $css_start = parametre_url(generer_url_public('couleurs.css'), 'lang', $lang);
     110                        if (_VAR_MODE=="recalcul")
     111                                $css_start = parametre_url($css_start, 'var_mode', 'recalcul');
     112                        $flux .= "<link rel='stylesheet' href='$css_start' type='text/css' media='all' />";
    109113                }
    110114        }
Note: See TracChangeset for help on using the changeset viewer.