Vorlage:Hugo-Notiz: Unterschied zwischen den Versionen
Sn (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Sn (Diskussion | Beiträge) (Änderung 4260 von Sn (Diskussion) rückgängig gemacht.) |
||
| Zeile 1: | Zeile 1: | ||
<onlyinclude><templatestyles src="Hugo-Notiz/style.css"/> | <onlyinclude><templatestyles src="Hugo-Notiz/style.css"/> | ||
<div class="notices"> | <div class="notices {{{1|}}}"> | ||
<div class="notices-icon">{{{ICON|🗿}}}</div> | <div class="notices-icon">{{{ICON|🗿}}}</div> | ||
<div class="notices-title">{{{TITLE|Info}}}</div> | <div class="notices-title">{{{TITLE|Info}}}</div> | ||
<div class="notices-content" style="background: {{{BGCOLOR|#ddd}}}; border-top-color: {{{TITLECOLOR|#888}}};"> | <div class="notices-content" style="background: {{{BGCOLOR|#ddd}}}; border-top-color: {{{TITLECOLOR|#888}}};"> | ||
{{{ | {{{2}}} | ||
</div> | </div> | ||
</div></onlyinclude> | </div></onlyinclude> | ||
| Zeile 12: | Zeile 12: | ||
"params": { | "params": { | ||
"1": { | "1": { | ||
"label": "Titel", | |||
"description": "Bezeichnung für die CSS-Klasse, die verwendet werden soll. Muss zugleich dem Namen der Vorlage entsprechen, die hierauf aufbaut", | |||
"example": "todo, info, warning", | |||
"type": "string", | |||
"required": true | |||
}, | |||
"2": { | |||
"label": "Text", | "label": "Text", | ||
"description": "Text, der in dem Hinweisbaustein erscheinen soll", | "description": "Text, der in dem Hinweisbaustein erscheinen soll", | ||
Version vom 21. April 2024, 13:31 Uhr
{{{2}}}
Erzeugt einen Hinweisbaustein im Stil vom Hugo der Weiterbildung. Diese Vorlage soll nicht direkt eingesetzt werden, sondern nur als Baukasten für andere Vorlagen.
| Parameter | Beschreibung | Typ | Status | |
|---|---|---|---|---|
| Titel | 1 | Bezeichnung für die CSS-Klasse, die verwendet werden soll. Muss zugleich dem Namen der Vorlage entsprechen, die hierauf aufbaut
| Zeichenfolge | erforderlich |
| Text | 2 | Text, der in dem Hinweisbaustein erscheinen soll | Unausgeglichener Wikitext | erforderlich |
Zu implementierendes CSS
Die folgenden Regeln müssen auf der Seite Vorlage:VORLAGE/style.css eingefügt werden:
div.notices.{{{1}}} p {
background: #E6F9E6;
}
div.notices.{{{1}}} p:first-child {
border-top: 30px solid rgba(92, 184, 92, 0.8);
}
div.notices.{{{1}}} p:first-child:after {
content: 'TITEL';
}
div.notices.{{{1}}} p:first-child::before {
content: "ICON";
}
Beispiel
Erzeugt wird die Vorlage Vorlage:Todo mit der CSS-Klasse todo
{{Hugo-Notiz|todo|{{{1|Dieser Abschnitt wird gerade überarbeitet}}}}}
Die Seite Vorlage:Todo/style.css enthält folgende Regeln:
div.notices.todo div.notices-content {
border-image: repeating-linear-gradient(135deg, black, black 50px, #fc3 50px, #fc3 100px) 25 0!important;
}
Die Einbindung {{Todo|Dieser Abschnitt wird bald fertiggestellt}} erzeugt folgenden Baustein:
Dieser Abschnitt wird gerade von Dieser Abschnitt wird bald fertiggestellt überarbeitet
