Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende Überarbeitung | ||
design:snippets [19.09.2015 14:43] – Manuela v.d.Decken | design:snippets [21.09.2015 12:13] (aktuell) – Manuela v.d.Decken | ||
---|---|---|---|
Zeile 26: | Zeile 26: | ||
Da hier ein JScript aufgerufen wird, sollte man das natürlich auch noch in den /js/ Ordner des Templates packen. | Da hier ein JScript aufgerufen wird, sollte man das natürlich auch noch in den /js/ Ordner des Templates packen. | ||
<file java CookieNotice.min.js> | <file java CookieNotice.min.js> | ||
- | /** CookieNotice.js | + | /** CookieNotice.min.js |
| | ||
| | ||
| | ||
- | | + | |
</ | </ | ||
Gut, das ist jetzt natürlich hervorragend lesbar. Deshalb hier der Code noch einmal, jedoch in Klartext: | Gut, das ist jetzt natürlich hervorragend lesbar. Deshalb hier der Code noch einmal, jedoch in Klartext: | ||
Zeile 52: | Zeile 52: | ||
/** ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ | /** ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ | ||
* | * | ||
- | * CookieNotice | + | * CookieNotice.js |
* | * | ||
* @category | * @category | ||
Zeile 89: | Zeile 89: | ||
d.setTime(d.getTime() + (exdays*86400000)); | d.setTime(d.getTime() + (exdays*86400000)); | ||
var expires = " | var expires = " | ||
- | document.cookie = cname+" | + | document.cookie = cname+" |
}; | }; | ||
Zeile 118: | Zeile 118: | ||
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ | ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ | ||
new CookieNotice(' | new CookieNotice(' | ||
+ | </ | ||
+ | Jetzt fehlt nur noch die Optik. Dazu wird die nachfolgende CSS-Datei einfach als letztes CSS im **< | ||
+ | <file css CookieNotice.css> | ||
+ | /** ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ | ||
+ | * | ||
+ | * CookieNotice.css | ||
+ | * | ||
+ | * @category | ||
+ | * @copyright | ||
+ | * @author | ||
+ | * @license | ||
+ | * @version | ||
+ | * @lastmodified 19.09.2015 | ||
+ | * @since | ||
+ | * @description | ||
+ | (by default after 7 days the cookie will be removed again) | ||
+ | ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ | ||
+ | |||
+ | / | ||
+ | format the cookie notice | ||
+ | ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ | ||
+ | # | ||
+ | box-sizing: border-box; | ||
+ | position: fixed; | ||
+ | left: 0; top: 0; right: 0; bottom: 0; | ||
+ | padding: 15px; | ||
+ | background-color: | ||
+ | display: none; | ||
+ | z-index: 9999; | ||
+ | } | ||
+ | # | ||
+ | position: relative; | ||
+ | top: 30%; | ||
+ | background-color: | ||
+ | text-align: center; | ||
+ | color: #777; | ||
+ | font-size: 0.9em; | ||
+ | padding: 6px 4px; | ||
+ | border-radius: | ||
+ | border: solid 1px red; | ||
+ | } | ||
+ | # | ||
+ | float: | ||
+ | background: #ff0000; | ||
+ | color: #ffffff; | ||
+ | font-weight: | ||
+ | width: 1.525em; | ||
+ | cursor: pointer; | ||
+ | border-radius: | ||
+ | } | ||
+ | # | ||
+ | / | ||
</ | </ | ||
+ | ??? ..nächste Frage | ||
+ | !!! ..nächste Antwort |