Changeset 111395 in spip-zone

Timestamp:

Aug 21, 2018, 8:35:52 PM (2 years ago)

Author:

chankalan@…

Message:

des couleurs choisies pour les boutons du menu latéral

Location:

_squelettes_/html5up_phantom

Files:

• html5up_phantom_fonctions.php (modified) (1 diff)
• paquet.xml (modified) (1 diff)
• styles_config.css.html (modified) (1 diff)

_squelettes_/html5up_phantom/html5up_phantom_fonctions.php

@@ -25 +25 @@
 
 }
+function hexa2utf8($color) {
+        // %23585858%3B
+        $color = str_replace('#','%23',$color);
+        $color = $color.'%3B';
+//      $color = utf8_encode($color);
+        return $color;
+}

_squelettes_/html5up_phantom/paquet.xml

@@ -2 +2 @@
         prefix="html5up_phantom"
         categorie="squelette"
-        version="0.1.4"
+        version="0.1.5"
         schema="0.0.2" 
         etat="test"

_squelettes_/html5up_phantom/styles_config.css.html

@@ -37 +37 @@
 
 <BOUCLE_articles(ARTICLES)>[.tiles article.style#ID_ARTICLE > .image, .tiles article.style#ID_ARTICLE > .image:before { background-color:(#COULEUR); }]</BOUCLE_articles>
+
+[(#REM) les boutons du menu lateral ]
+[(#SET{typosvg,[(#CONFIG{html5up/couleur_typo}|hexa2utf8)]})]
+[(#SET{accentsvg,[(#CONFIG{html5up/couleur_accent}|hexa2utf8)]})]
+#header nav ul li a[href="#menu"]:before {
+        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: #GET{accentsvg} %7D%3C/style%3E%3Cline x1='0' y1='25' x2='100' y2='25' /%3E%3Cline x1='0' y1='50' x2='100' y2='50' /%3E%3Cline x1='0' y1='75' x2='100' y2='75' /%3E%3C/svg%3E");
+        opacity: 0;
+}
+#header nav ul li a[href="#menu"]:after {
+        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: #GET{typosvg} %7D%3C/style%3E%3Cline x1='0' y1='25' x2='100' y2='25' /%3E%3Cline x1='0' y1='50' x2='100' y2='50' /%3E%3Cline x1='0' y1='75' x2='100' y2='75' /%3E%3C/svg%3E");
+        opacity: 1;
+}
+#menu > .close:before {
+        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: #GET{accentsvg} %7D%3C/style%3E%3Cline x1='15' y1='15' x2='85' y2='85' /%3E%3Cline x1='85' y1='15' x2='15' y2='85' /%3E%3C/svg%3E");
+        opacity: 0;
+}
+#menu > .close:after {
+        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: #GET{typosvg} %7D%3C/style%3E%3Cline x1='15' y1='15' x2='85' y2='85' /%3E%3Cline x1='85' y1='15' x2='15' y2='85' /%3E%3C/svg%3E");
+        opacity: 1;
+}