Browse Source

Menu Off-Canvas pour le menu latéral si et seulement s'il est déroulant (onglet Positionnement de la config de SoyezCréateurs)

master
RealET 4 months ago
parent
commit
c76f4289f7
  1. 10
      css/inc_stylessoyezcreateurs.css.html
  2. 16
      images/nav-icon.svg
  3. 12
      noisettes/footer/footer.html
  4. 3
      noisettes/header/header_modecommuniquant.html
  5. 3
      noisettes/header/header_modeedito.html
  6. 3
      noisettes/header/header_modeportail.html
  7. 3
      noisettes/menus/menuhaut.html
  8. 3
      noisettes/menus/menuhautmots.html
  9. 8
      noisettes/menus/menurwd.html
  10. 4
      stylessoyezcreateurs.css.html

10
css/inc_stylessoyezcreateurs.css.html

@ -125,9 +125,10 @@
width: auto !important;
}
#header { background-image: none !important; min-height: inherit !important; padding-top: 0!important; }
#mobile-header { background-color: #333333; display: block; height: 32px; width: 32px; z-index: 1000; }
#responsive-menu-button { background: url("[(#CHEMIN{images/nav-icon.svg}|embarque_fichier)]") no-repeat scroll center center transparent; display: block; height: 32px; width: 32px; }
#responsive-menu-button span { position:absolute !important; overflow:hidden !important; top:-2000px !important; left:-2000px !important; height:0 !important; width:0 !important; }
#mobile-header { display: block; }
#responsive-menu-button-navigation { float: right; }
.responsive-menu-button { float: left; background: url("[(#CHEMIN{images/nav-icon.svg}|embarque_fichier)]") no-repeat scroll center center #333333; display: block; height: 3rem; width: 4rem; }
.responsive-menu-button span { position:absolute !important; overflow:hidden !important; top:-2000px !important; left:-2000px !important; height:0 !important; width:0 !important; }
/* fixer une largeur maximale de 100 % aux éléments potentiellement problématiques */
img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
@ -725,9 +726,6 @@ a.button.triadeC:focus,
margin: 0;
z-index: 2;
}]
.portailcognac #mobile-header {
top: 18px;
}
.portailcognac #mobile-header #responsive-menu-button {
background: #GET{c_header_bk};
width: 100px;

16
images/nav-icon.svg

@ -1,13 +1,7 @@
<?xml version="1.0" standalone="no"?>
<!-- Generator: Adobe Fireworks 10, Export SVG Extension by Aaron Beall (http://fireworks.abeall.com) . Version: 0.6.0 -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg id="Untitled-2" viewBox="0 0 18 12" style="background-color:#ffffff00" version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
x="0px" y="0px" width="18px" height="12px"
>
<g id="Layer%201">
<rect x="0" y="0" width="18" height="2" fill="#ffffff"/>
<rect x="0" y="5" width="18" height="2" fill="#ffffff"/>
<rect x="0" y="10" width="18" height="2" fill="#ffffff"/>
<svg viewBox="0 0 26 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xml:space="preserve">
<g id="rwdmenu">
<rect x="4" y="4" width="18" height="2" fill="#ffffff"/>
<rect x="4" y="10" width="18" height="2" fill="#ffffff"/>
<rect x="4" y="16" width="18" height="2" fill="#ffffff"/>
</g>
</svg>

12
noisettes/footer/footer.html

@ -25,7 +25,17 @@ jQuery(document).ready(function() {
});
});
/* \]\]> */</script>]
</BOUCLE_HasMenuHaut>
</BOUCLE_HasMenuHaut>[(#PLUGIN{SIDR}|oui)
[<script src="(#CHEMIN{javascript/jquery.sidr.js}|timestamp)" type="text/javascript"></script>]
<script type="text/javascript">/* <!\[CDATA\[ */
jQuery(document).ready(function() {
jQuery("#responsive-menu-button-navigation").sidr({
name: "sidr-navigation",
source: "#menu",
side: "right"
});
});
/* \]\]> */</script>]
[(#CHEMIN{noisettes/footer/inserfooterjs.html}|oui)
<INCLURE{fond=noisettes/footer/inserfooterjs}>
]

3
noisettes/header/header_modecommuniquant.html

@ -4,7 +4,8 @@
<div id="header">
<div id="headerbackground"></div>
<div id="header_inner">
<INCLURE{fond=noisettes/menus/menu_navhaute,env}>
<INCLURE{fond=noisettes/menus/menurwd,idbody} />
<INCLURE{fond=noisettes/menus/menu_navhaute,env} />
[(#CONFIG{soyezcreateurs/positiondatemajsite,bottom}|=={header}|oui)<INCLURE{fond=noisettes/datemajsite}>]
[(#CONFIG{soyezcreateurs/logoheader,header}|=={header}|oui)#INCLURE{fond=noisettes/logosite}]
[(#PLUGIN{MLL}|oui)[(#CONFIG{soyezcreateurs_layout/pictochangementlangue,icone}|=={texte}|non)[<div id="cadre_lang">(#INCLURE{fond=formulaires/menu_lang,env})</div>]]]

3
noisettes/header/header_modeedito.html

@ -4,7 +4,8 @@
<div id="header">
<div id="headerbackground"></div>
<div id="header_inner">
<INCLURE{fond=noisettes/menus/menu_navhaute,env}>
<INCLURE{fond=noisettes/menus/menurwd,idbody} />
<INCLURE{fond=noisettes/menus/menu_navhaute,env} />
[(#CONFIG{soyezcreateurs/positiondatemajsite,bottom}|=={header}|oui)<INCLURE{fond=noisettes/datemajsite}>]
[(#CONFIG{soyezcreateurs/logoheader,header}|=={header}|oui)#INCLURE{fond=noisettes/logosite}]
[(#PLUGIN{MLL}|oui)[(#CONFIG{soyezcreateurs_layout/pictochangementlangue,icone}|=={texte}|non)[<div id="cadre_lang">(#INCLURE{fond=formulaires/menu_lang,env})</div>]]]

3
noisettes/header/header_modeportail.html

@ -5,7 +5,8 @@
<div id="headerbackground"></div>
<div id="header_inner">
<div id="pre-header">
<INCLURE{fond=noisettes/menus/menu_navhaute,env}>
<INCLURE{fond=noisettes/menus/menurwd,idbody} />
<INCLURE{fond=noisettes/menus/menu_navhaute,env} />
[(#CONFIG{soyezcreateurs/positiondatemajsite,bottom}|=={header}|oui)<INCLURE{fond=noisettes/datemajsite}>]
[(#PLUGIN{MLL}|oui)[(#CONFIG{soyezcreateurs_layout/pictochangementlangue,icone}|=={texte}|non)[<div id="cadre_lang">(#INCLURE{fond=formulaires/menu_lang,env})</div>]]]
<a id="[(#ENV{titretop}|sinon{<:soyezcreateurs:sommaire|sc_nettoyer_marqueur:>})]"></a>

3
noisettes/menus/menuhaut.html

@ -1,7 +1,4 @@
<B_MenuHaut>
[(#PLUGIN{SIDR}|oui)<div id="mobile-header">
<a id="responsive-menu-button" href="#sidr-main"><span><:soyezcreateurs:menunavrwd:></span></a>
</div>]
<nav id="menuhaut">
<h2 class="nocontent offscreen">Menu principal</h2>
<ul id="menuh" class="sf-menu">

3
noisettes/menus/menuhautmots.html

@ -7,9 +7,6 @@
[(#SET{groupes, #GET{groupes}|push{#ID_GROUPE}})]
</BOUCLE_Groupes>
<B_MenuHaut>
[(#PLUGIN{SIDR}|oui)<div id="mobile-header">
<a id="responsive-menu-button" href="#sidr-main"><span><:soyezcreateurs:menunavrwd:></span></a>
</div>]
<nav id="menuhaut">
<h2 class="nocontent offscreen">Menu principal</h2>
<ul id="menuh" class="sf-menu">

8
noisettes/menus/menurwd.html

@ -0,0 +1,8 @@
<!-- idbody: #ENV{idbody} -->
#SET{menurwd,''}
<BOUCLE_HasMenuHaut(RUBRIQUES){titre_mot=MenuHaut}{par num titre}{!lang_select}{0,1}>[(#PLUGIN{SIDR}|oui)<div id="mobile-header">
<a id="responsive-menu-button" class="responsive-menu-button" href="#sidr-main"><span><:soyezcreateurs:menunavrwd:></span></a>#SET{menurwd,1}]
</BOUCLE_HasMenuHaut>
[(#ENV{idbody}|in_array{#ARRAY{0,sommaire_mode_portail, 1,sommaire_mode_actualites, 2, sommaire_mode_communiquant, 3,sommaire_mode_mairie, 4,sommaire_mode_blog, 5,sommaire_mode_portailcognac, 6,sommaire_mode_portailagence}}|non)[(#CONFIG{soyezcreateurs_layout/menuderoulant,replie}|=={deroulant}|oui)[(#PLUGIN{SIDR}|oui)[(#GET{menurwd}|non)<div id="mobile-header">]<a id="responsive-menu-button-navigation" class="responsive-menu-button" href="#sidr-navigation"><span><:soyezcreateurs:menunavrwd:></span></a>
#SET{menurwd,1}]]][(#GET{menurwd}|oui)</div>]
#FILTRE{mini_html}

4
stylessoyezcreateurs.css.html

@ -1069,7 +1069,7 @@ table.programmation caption { text-align: left; }
#menuhaut li.cadre_recherche { float: right; }
@media screen and (max-width:[(#GET{LargeurContaineur})]px) {
[(#PLUGIN{SIDR}|oui)#menuhaut { display: none; }
[(#PLUGIN{SIDR}|oui)#menuhaut, #menu { display: none; }
.sidr ul li a, .sidr ul li span { display: inline-block; }
.sidr ul li span { padding-left: 0; }
.sidr ul li a { padding-left: 15px;}
@ -1857,7 +1857,7 @@ div [lang], span [lang] { font-style: italic; }
#content .listesites a.spip_out:hover { opacity: 1; }
.listesitesssrub { padding-left: 2em; }
#mobile-header { display: none; position: fixed; top: 0; }
#mobile-header { display: none; }
/************* Plan du site + Antichrono */
#antichrono #content ul.spip li, #plan #content ul.spip li {

Loading…
Cancel
Save