Changeset 112580 in spip-zone


Ignore:
Timestamp:
Nov 30, 2018, 6:19:28 PM (2 years ago)
Author:
jcvilleneuve@…
Message:

EscalV4 : on déplace les js du pied de page dans un fichier dédié + corrections css pour les mobiles et pour l'agenda

Location:
_squelettes_/escal/trunk
Files:
6 edited

Legend:

Unmodified
Added
Removed

  • _squelettes_/escal/trunk/agenda.html

    r112571 r112580  
    3636          <div class="nettoyeur"></div>
    3737         
    38           <main id="page">
     38          <div id="page">
    3939
    40                        
     40                <main id="contenu">
    4141                            <B_test>
    4242                            <div class="agenda-legende">Légende :
    … …  
    5656                                <INCLURE{fond=inclusions/inc-events_mobile}{self=#SELF}>
    5757                        </span>
     58                </main>
    5859
    59 
    60           </main><!-- fin page -->
     60          </div><!-- fin page -->
    6161
    6262          <div id="pied">

  • _squelettes_/escal/trunk/inclusions/inc-pied.html

    r112544 r112580  
    130130
    131131[(#REM) appel des javascripts ]
    132 <!-- ********************************************** -->
    133 <!-- javascript pour fixer le menu en haut de page -->
    134 <!-- ********************************************** -->
    135 [(#CONFIG{escal/config/menufixe}|=={oui}|oui)
    136 <!-- javascript pour fixer le menu -->
    137     <script type="text/javascript">
    138                 // listen for scroll
    139                 var positionElementInPage = $('.menu').offset().top;
    140                 $(window).scroll(
    141                         function() {
    142                                 if ($(window).scrollTop() >= positionElementInPage) {
    143                                         // fixed
    144                                         $('.menu').addClass("floatable");
    145                                 } else {
    146                                         // relative
    147                                         $('.menu').removeClass("floatable");
    148                                 }
    149                         }
    150                 );
    151         </script>
    152 ]
    153 <!-- *********************************** -->
    154 <!-- javascript pour le menu sur mobile -->
    155 <!-- *********************************** -->
    156 <script src="#CHEMIN{scripts/jquery.smartmenus.js}" type="text/javascript"></script>
    157 <script type="text/javascript">
    158 // SmartMenus init
    159 $(function() {
    160   $('#main-menu').smartmenus({
    161     collapsibleBehavior: 'accordion',
    162     mainMenuSubOffsetX: 10,
    163     markCurrentItem: true
    164   });
    165 });
    166 
    167 // SmartMenus mobile menu toggle button
    168 $(function() {
    169   var $mainMenuState = $('#main-menu-state');
    170   if ($mainMenuState.length) {
    171     // animate mobile menu
    172     $mainMenuState.change(function(e) {
    173       var $menu = $('#main-menu');
    174       if (this.checked) {
    175         $menu.hide().slideDown(250, function() { $menu.css('display', ''); });
    176       } else {
    177         $menu.show().slideUp(250, function() { $menu.css('display', ''); });
    178       }
    179     });
    180     // hide mobile menu beforeunload
    181     $(window).bind('beforeunload unload', function() {
    182       if ($mainMenuState[0].checked) {
    183         $mainMenuState[0].click();
    184       }
    185     });
    186   }
    187 });
    188 </script>
    189 <!-- ******************* -->
    190 <!-- javascripts divers -->
    191 <!-- ******************* -->
    192 [(#REM) pour la flèche de retour-haut ]
    193 <script src="#CHEMIN{scripts/escal.js}" type="text/javascript"></script>
    194 
    195 [(#REM) pour que le menu horizontal fonctionne sous Internet Explorer ]
    196 [(#CONFIG{escal/config/menuH}|=={non}|non)
    197 <script src="#CHEMIN{scripts/menu.js}" type="text/javascript"></script>
    198 ]
    199 
    200 [(#REM) pour le menu vertical ]
    201   <script src="#CHEMIN{scripts/menu_vertical.js}" type="text/javascript"></script>
    202 
    203 [(#REM) pour changer la taille du texte dans les articles ]
    204   <script src="#CHEMIN{scripts/changetaille.js}" type="text/javascript"></script>
    205 
    206 [(#REM) pour les blocs depliants ]
    207   [<script src="(#PRODUIRE{fond=scripts/bloc_depliant.js})" type="text/javascript"></script>]
    208 
    209 [(#REM) pour les messages de forum depliants ]
    210   <script src="#CHEMIN{scripts/bloc_depliant2.js}" type="text/javascript"></script>
    211 
    212 [(#REM) pour effet de rotation des blocs defilants ]
    213 <script src="#CHEMIN{scripts/Rotative.js}" type="text/javascript"></script>
    214 
    215 
    216 
    217 
     132<INCLURE {fond=inclusions/inc-javascripts}>

  • _squelettes_/escal/trunk/paquet.xml

    r112572 r112580  
    22        prefix="escal"
    33        categorie="squelette"
    4         version="4.2.12"
     4        version="4.2.13"
    55        schema="1.0.13"
    66        etat="stable"

  • _squelettes_/escal/trunk/styles/agenda.css

    r109988 r112580  
    1 div#contenu {
     1#contenu {
    22        float: none;
    33        margin: 20px 0 0 0;
    … …  
    66        background: rgba(255, 255, 255, 0.5);
    77}
    8 div#page {
     8#page {
    99        width: 100%;
    1010        margin: 0 0 10px 0;
    1111}
    12 div#navigation {
     12#navigation {
    1313        width: 0;
    1414}
    15 div#extra {
     15#extra {
    1616        width: 0;
    1717}
    … …  
    4040}
    4141
    42 div#calendrier {
     42#calendrier {
    4343        width: 98%;
    4444        margin: auto;

  • _squelettes_/escal/trunk/styles/general.css

    r112525 r112580  
    2424        margin: 0;
    2525        padding: 0;
     26        width: auto;
    2627}
    2728body {
    … …  
    3031        text-align: center;
    3132}
    32 
     33/* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */
     34img,
     35table,
     36td,
     37blockquote,
     38code,
     39pre,
     40textarea,
     41input,
     42iframe,
     43object,
     44embed,
     45video {
     46        max-width: 100%;
     47}
     48/* gestion des mots longs */
     49textarea,
     50table,
     51td,
     52th,
     53code,
     54pre,
     55samp,
     56#texte-article,
     57.texte,
     58.titre-doc,
     59.texte-message {
     60        -webkit-hyphens: auto; /* césure propre */
     61        -moz-hyphens: auto;
     62        hyphens: auto;
     63        word-wrap: break-word; /* passage à la ligne forcé */
     64        }
    3365#contenu {
    3466        padding-right: 10px;
    … …  
    103135        padding: 0;
    104136        border: none;
    105         max-width:100%;
    106137        height:auto;
    107138}
    … …  
    111142}
    112143.spip_documents a.spip_out{
    113 background: none;
     144        background: none;
    114145}
    115146.spip_documents_center {
    … …  
    313344        border-left-width: 1px;
    314345        border-style: solid;
    315         word-wrap: break-word;
    316346}
    317347.texte ul{
    … …  
    13071337        font-size: 1.2rem;
    13081338        font-weight: bold;
    1309         word-wrap: break-word;
    13101339}
    13111340#haut {
    … …  
    14001429        text-align: left;
    14011430        font-size: 1.2rem;
    1402         word-wrap: break-word;
    14031431}
    14041432.suggerer-reponse{
    … …  
    22012229}
    22022230
     2231.mejs-horizontal-volume-current{
     2232max-width: 95%;
     2233}

  • _squelettes_/escal/trunk/styles/mobile.css

    r112554 r112580  
    7070        margin: 0;
    7171}
    72 
     72.editer-groupe input{
     73        width: 95% !important;
     74}
     75.spip_documents_audio, .audio-wrapper, .media_wrapper{
     76width : 100% !important;
     77}
    7378#pied {
    7479        width: 100%;
Note: See TracChangeset for help on using the changeset viewer.