Mode Cognac : le menu de langue lien doit être appelé par <span...

Mode Cognac : le menu de langue lien doit être appelé par <span class="open-language icon icon-language icon-lg texte-blanc"></span><span class="hide">Langues</span>

fonts/picto-cognac.svg

@@ -3,7 +3,7 @@
 <svg xmlns="http://www.w3.org/2000/svg">
 <metadata>Generated by IcoMoon</metadata>
 <defs>
-<font id="picto-cognac" horiz-adv-x="1024">
+<font id="icomoon" horiz-adv-x="1024">
 <font-face units-per-em="1024" ascent="960" descent="-64" />
 <missing-glyph horiz-adv-x="1024" />
 <glyph unicode="&#x20;" horiz-adv-x="512" d="" />
@@ -16,6 +16,7 @@
 <glyph unicode="&#xe906;" glyph-name="chevron-thin-right" d="M678.4 460.8l-365.619 379.904c-13.722 13.824-13.722 36.198 0 50.125 13.722 13.824 35.891 13.824 49.613 0l400.896-404.89c13.722-13.875 13.722-36.301 0-50.125l-400.896-404.89c-13.722-13.875-35.891-13.824-49.613 0-13.722 13.773-13.722 36.198 0 50.125l365.619 379.75z" />
 <glyph unicode="&#xe907;" glyph-name="chevron-thin-left" d="M711.219 80.998c13.722-13.926 13.722-36.301 0-50.125s-35.891-13.875-49.613 0l-400.896 404.89c-13.722 13.824-13.722 36.198 0 50.125l400.896 404.89c13.722 13.824 35.891 13.824 49.613 0 13.722-13.875 13.722-36.301 0-50.125l-365.619-379.853 365.619-379.802z" />
 <glyph unicode="&#xe908;" glyph-name="home" d="M1024 369.556l-512 397.426-512-397.428v162.038l512 397.426 512-397.428zM896 384v-384h-256v256h-256v-256h-256v384l384 288z" />
+<glyph unicode="&#xe909;" glyph-name="language" horiz-adv-x="878" d="M373.714 334.857c-1.143-4-29.143 9.143-36.571 12-7.429 3.429-41.143 22.286-49.714 28s-41.143 32.571-45.143 34.286v0c-20.571-31.429-46.857-68.571-76.571-103.429-10.286-12-41.143-50.857-60-62.857-2.857-1.714-19.429-3.429-21.714-2.286 9.143 6.857 35.429 39.429 46.857 52.571 14.286 16.571 82.286 111.429 93.714 133.143 12 21.714 48 93.714 49.714 100.571-5.714 0.571-50.857-14.857-62.857-18.857-11.429-3.429-42.857-10.857-45.143-12.571-2.286-2.286-0.571-9.143-1.714-11.429s-11.429-7.429-17.714-8.571c-5.714-1.714-18.857-2.286-26.857 0-7.429 1.714-14.286 9.143-16 12 0 0-2.286 3.429-2.857 13.143 6.857 2.286 18.286 2.857 30.857 6.286s43.429 12.571 60 18.286 48.571 17.714 58.286 20c10.286 1.714 36 18.857 49.714 23.429s23.429 10.286 24 7.429 0-15.429-0.571-18.857c-0.571-2.857-28-56.571-32-65.143-2.286-4.571-18.286-34.857-44-74.857 9.143-4 28.571-12 36.571-16 9.714-4.571 77.714-33.143 81.143-34.286s9.714-27.429 8.571-32zM256.571 612.571c1.714-9.714-1.143-13.714-2.286-16-5.714-10.857-20-18.286-28.571-21.714s-22.857-6.857-34.286-6.857c-5.143 0.571-15.429 2.286-28 14.857-6.857 7.429-12 27.429-9.714 25.143s18.857-4.571 26.286-2.857 25.143 6.857 33.143 9.143c8.571 2.857 25.714 7.429 31.429 8 5.714 0 10.286-2.286 12-9.714zM655.429 538.857l36-129.714-79.429 24zM22.286 81.714l396.571 132.571v589.714l-396.571-133.143v-589.143zM731.429 262.857l58.286-17.714-103.429 375.429-57.143 17.714-123.429-306.286 58.286-17.714 25.714 62.857 120.571-37.143zM444 812.571l327.429-105.143v217.143zM621.714 56.571l90.286-7.429-30.857-91.429-22.857 37.714c-46.286-29.714-103.429-52.571-157.714-61.714-16.571-3.429-35.429-6.857-52-6.857h-48c-60.571 0-170.857 36-218.857 70.857-3.429 2.857-4.571 5.143-4.571 9.143 0 6.286 4.571 10.857 10.286 10.857 5.143 0 32-16.571 39.429-20 51.429-25.714 123.429-49.143 181.143-49.143 71.429 0 120 9.143 185.143 37.143 18.857 8.571 35.429 19.429 53.143 29.143zM877.714 673.143v-616.571c-441.714 140.571-442.286 140.571-442.286 140.571-9.143-4-418.857-142.286-424.571-142.286-4.571 0-8.571 2.857-10.286 7.429 0 0.571-0.571 1.143-0.571 1.714v616c0.571 1.714 1.143 4.571 2.286 5.714 3.429 4 8 5.143 11.429 6.286 1.714 0.571 36.571 12 85.143 28.571v219.429l318.857-113.143c4 1.143 359.429 124 364.571 124 6.286 0 11.429-4.571 11.429-12v-238.857z" />
 <glyph unicode="&#xe986;" glyph-name="search" d="M992.262 88.604l-242.552 206.294c-25.074 22.566-51.89 32.926-73.552 31.926 57.256 67.068 91.842 154.078 91.842 249.176 0 212.078-171.922 384-384 384-212.076 0-384-171.922-384-384s171.922-384 384-384c95.098 0 182.108 34.586 249.176 91.844-1-21.662 9.36-48.478 31.926-73.552l206.294-242.552c35.322-39.246 93.022-42.554 128.22-7.356s31.892 92.898-7.354 128.22zM384 320c-141.384 0-256 114.616-256 256s114.616 256 256 256 256-114.616 256-256-114.614-256-256-256z" />
 <glyph unicode="&#xea3c;" glyph-name="arrow-right2" d="M621.254 82.746l320 320c24.994 24.992 24.994 65.516 0 90.51l-320 320c-24.994 24.992-65.516 24.992-90.51 0-24.994-24.994-24.994-65.516 0-90.51l210.746-210.746h-613.49c-35.346 0-64-28.654-64-64s28.654-64 64-64h613.49l-210.746-210.746c-12.496-12.496-18.744-28.876-18.744-45.254s6.248-32.758 18.744-45.254c24.994-24.994 65.516-24.994 90.51 0z" />
 <glyph unicode="&#xea82;" glyph-name="share2" d="M864 256c-45.16 0-85.92-18.738-115.012-48.83l-431.004 215.502c1.314 8.252 2.016 16.706 2.016 25.328s-0.702 17.076-2.016 25.326l431.004 215.502c29.092-30.090 69.852-48.828 115.012-48.828 88.366 0 160 71.634 160 160s-71.634 160-160 160-160-71.634-160-160c0-8.622 0.704-17.076 2.016-25.326l-431.004-215.504c-29.092 30.090-69.852 48.83-115.012 48.83-88.366 0-160-71.636-160-160 0-88.368 71.634-160 160-160 45.16 0 85.92 18.738 115.012 48.828l431.004-215.502c-1.312-8.25-2.016-16.704-2.016-25.326 0-88.368 71.634-160 160-160s160 71.632 160 160c0 88.364-71.634 160-160 160z" />

javascripts.js.html

@@ -258,6 +258,7 @@ function myInitPages() {
 	
 	sc_init_popup('search', '.cadre_recherche', 'Fermer la recherche');
 	sc_init_popup('socialtags', '#socialtags', 'Fermer le partage');
+	sc_init_popup('language', '#cadre_lang', 'Fermer le choix de langue');
 }
 ;
 function myInitLayout() {

noisettes/header/header_modecommuniquant.html

@@ -5,7 +5,7 @@
 <INCLURE{fond=noisettes/menus/menu_navhaute,env}>
 [(#CONFIG{soyezcreateurs/positiondatemajsite,header}|=={header}|oui)<INCLURE{fond=noisettes/datemajsite}>]
 [(#CONFIG{soyezcreateurs/logoheader,header}|=={header}|oui)#INCLURE{fond=noisettes/logosite}]
-[(#PLUGIN{MLL}|oui)[(#INCLURE{fond=formulaires/menu_lang,env})]]
+[(#PLUGIN{MLL}|oui)[<div id="cadre_lang">(#INCLURE{fond=formulaires/menu_lang}{env})</div>]]
 <a id="[(#ENV{titretop}|sinon{<:soyezcreateurs:sommaire|sc_nettoyer_marqueur:>})]"></a>
 <h1 class="#EDIT{meta-nom_site}"><a href="#URL_SITE_SPIP" title="<:accueil_site|attribut_html:>">[(#NOM_SITE_SPIP)][ <sub>(#SLOGAN_SITE_SPIP|ptobr)</sub>]</a></h1>
 [(#CONFIG{soyezcreateurs_layout/positionlogooutils,mixte}|=={haut}|oui)[(#INCLURE{fond=noisettes/header/cadre_outils}{env})]]

noisettes/header/header_modeedito.html

@@ -5,7 +5,7 @@
 <INCLURE{fond=noisettes/menus/menu_navhaute,env}>
 [(#CONFIG{soyezcreateurs/positiondatemajsite,header}|=={header}|oui)<INCLURE{fond=noisettes/datemajsite}>]
 [(#CONFIG{soyezcreateurs/logoheader,header}|=={header}|oui)#INCLURE{fond=noisettes/logosite}]
-[(#PLUGIN{MLL}|oui)[(#INCLURE{fond=formulaires/menu_lang}{env})]]
+[(#PLUGIN{MLL}|oui)[<div id="cadre_lang">(#INCLURE{fond=formulaires/menu_lang}{env})</div>]]
 <a id="[(#ENV{titretop}|sinon{<:soyezcreateurs:sommaire|sc_nettoyer_marqueur:>})]"></a>
 <h1 class="#EDIT{meta-nom_site}"><a href="#URL_SITE_SPIP" title="<:accueil_site|attribut_html:>">[(#NOM_SITE_SPIP)][ <sub>(#SLOGAN_SITE_SPIP|ptobr)</sub>]</a></h1>
 [(#INCLURE{fond=noisettes/header/cadre_outils}{env})]

noisettes/header/header_modeportail.html

@@ -5,7 +5,7 @@
 <div id="escapelinks" class="escapelinks"><ul><li><a href="#main"><:soyezcreateurs:accessibilite_texte:></a></li><BOUCLE_MenuHaut(RUBRIQUES){titre_mot=MenuHaut}{par num titre}{!lang_select}{0,1}><li><a href="#menuhaut"><:soyezcreateurs:accessibilite_onglets:></a></li></BOUCLE_MenuHaut><li><a href="#menusite"><:soyezcreateurs:accessibilite_menu:></a></li><li><a href="#formulaire_recherche"><:soyezcreateurs:accessibilite_recherche:></a></li><BOUCLE_AccesibiliteLien(ARTICLES){titre_mot=AccesibiliteLien}{0,1}{!par date}><li><a href="#ARTICLE_URL"[ title="(#DESCRIPTIF|attribut_html)"]>[(#TITRE)]</a></li></BOUCLE_AccesibiliteLien></ul></div>
 <INCLURE{fond=noisettes/menus/menu_navhaute,env}>
 [(#CONFIG{soyezcreateurs/positiondatemajsite,header}|=={header}|oui)<INCLURE{fond=noisettes/datemajsite}>]
-[(#PLUGIN{MLL}|oui)[(#INCLURE{fond=formulaires/menu_lang}{env})]]
+[(#PLUGIN{MLL}|oui)[<div id="cadre_lang">(#INCLURE{fond=formulaires/menu_lang}{env})</div>]]
 <a id="[(#ENV{titretop}|sinon{<:soyezcreateurs:sommaire|sc_nettoyer_marqueur:>})]"></a>
 <h1 class="#EDIT{meta-nom_site}"><a href="#URL_SITE_SPIP" title="<:accueil_site|attribut_html:>">[(#NOM_SITE_SPIP)][ <sub>(#SLOGAN_SITE_SPIP|ptobr)</sub>]</a></h1>
 [(#INCLURE{fond=noisettes/header/cadre_outils}{env})]

stylessoyezcreateurs.css.html

@@ -156,6 +156,9 @@ body { background: transparent; }
 .icon-share2:before {
   content: "\ea82";
 }
+.icon-language:before {
+  content: "\e909";
+}
 
 
 /*************** DEFAULT DEFINITION */
@@ -1837,7 +1840,8 @@ div [lang], span [lang] { font-style: italic; }
   }
 }
 .portailcognac #header .cadre_recherche,
-.portailcognac #socialtags {
+.portailcognac #socialtags,
+.portailcognac #cadre_lang {
   position: fixed;
   background-color: rgba(34, 34, 34, 0.95);
   display: none;
@@ -1854,13 +1858,19 @@ div [lang], span [lang] { font-style: italic; }
   margin: 0 auto;
 }
 .portailcognac #header .cadre_recherche #form_rech div,
-.portailcognac #socialtags .socialtags {
+.portailcognac #socialtags .socialtags,
+.portailcognac #menu_lang {
   max-width: 640px;
   margin: 25vh auto;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
 }
+.portailcognac #menu_lang {
+  float: none;
+  font-size: 3em;
+  background-color: transparent;
+}
 .portailcognac #header .cadre_recherche #form_rech label {
   width: 100%;
   text-align: center;
@@ -1900,7 +1910,8 @@ div [lang], span [lang] { font-style: italic; }
   border: 3px solid #000;
 }
 .portailcognac .close-search,
-.portailcognac .close-socialtags {
+.portailcognac .close-socialtags,
+.portailcognac .close-language {
   position: absolute;
   display: none;
   right: 1em;
@@ -1911,18 +1922,21 @@ div [lang], span [lang] { font-style: italic; }
   z-index: 99999;
 }
 .portailcognac .close-search:hover,
-.portailcognac .close-socialtags:hover {
+.portailcognac .close-socialtags:hover,
+.portailcognac .close-language:hover {
   opacity: 1;
 }
 .portailcognac .close-search:hover:before,
-.portailcognac .close-socialtags:hover:before {
+.portailcognac .close-socialtags:hover:before,
+.portailcognac .close-language:hover:before {
   background-color: #e5222e;
   transform: rotate(-45deg);
   -webkit-transition: all .5s ease!important;
   transition: all .5s ease!important;
 }
 .portailcognac .close-search:hover:after,
-.portailcognac .close-socialtags:hover:after {
+.portailcognac .close-socialtags:hover:after,
+.portailcognac .close-language:hover:after {
   background-color: #e5222e;
   transform: rotate(45deg);
   -webkit-transition: all .5s ease!important;
@@ -1931,7 +1945,9 @@ div [lang], span [lang] { font-style: italic; }
 .portailcognac .close-search:before,
 .portailcognac .close-search:after,
 .portailcognac .close-socialtags:before,
-.portailcognac .close-socialtags:after {
+.portailcognac .close-socialtags:after,
+.portailcognac .close-language:before,
+.portailcognac .close-language:after {
   position: absolute;
   left: 35px;
   content: ' ';
@@ -1940,13 +1956,15 @@ div [lang], span [lang] { font-style: italic; }
   background-color: #fff;
 }
 .portailcognac .close-search:before,
-.portailcognac .close-socialtags:before {
+.portailcognac .close-socialtags:before,
+.portailcognac .close-language:before {
   transform: rotate(45deg);
   -webkit-transition: all .5s ease!important;
   transition: all .5s ease!important;
 }
 .portailcognac .close-search:after,
-.portailcognac .close-socialtags:after {
+.portailcognac .close-socialtags:after,
+.portailcognac .close-language:after {
   transform: rotate(-45deg);
   -webkit-transition: all .5s ease!important;
   transition: all .5s ease!important;