design:snippets
Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
| Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende ÜberarbeitungLetzte ÜberarbeitungBeide Seiten der Revision | ||
| design:snippets [19.09.2015 14:43] – Manuela v.d.Decken | design:snippets [19.09.2015 19:12] – [Verschiedenes] 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 |
| | | ||
| | | ||
| Zeile 52: | Zeile 52: | ||
| /** ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ | /** ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ | ||
| * | * | ||
| - | * CookieNotice | + | * CookieNotice.js |
| * | * | ||
| * @category | * @category | ||
| 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 | ||
design/snippets.txt · Zuletzt geändert: 21.09.2015 12:13 von Manuela v.d.Decken
Seiten-Werkzeuge
Falls nicht anders bezeichnet, ist der Inhalt dieses Wikis unter der folgenden Lizenz veröffentlicht: CC Attribution-Noncommercial-Share Alike 4.0 International
