Vorlage:Hugo-Notiz: Unterschied zwischen den Versionen
Aus KGS-Wiki
Sn (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „<templatestyles src="Hugo-Notiz/style.css"/> <includeonly>{{#tag:templatestyles||src="{{PAGENAME}}/style.css"}}</includeonly> <div class="notices {{{1}}}"> {{{2}}} </div> <noinclude> <templatedata> { "params": { "1": { "label": "CSS-Klasse", "description": "Bezeichnung für die CSS-Klasse, die verwendet werden soll", "example": "todo, info, warning", "type": "string", "required": true }, "2": { "label": "Text", "description": "…“) |
Sn (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 22: | Zeile 22: | ||
} | } | ||
}, | }, | ||
"description": "Erzeugt einen Hinweisbaustein im Stil vom Hugo der Weiterbildung", | "description": "Erzeugt einen Hinweisbaustein im Stil vom Hugo der Weiterbildung. Diese Vorlage soll nicht direkt eingesetzt werden, sondern nur als Baukasten für andere Vorlagen.", | ||
"format": "inline" | "format": "inline" | ||
} | } | ||
</templatedata> | </templatedata> | ||
== Zu implementierendes CSS == | |||
Die folgenden Regeln müssen auf der Seite <code>Vorlage:VORLAGE/style.css</code> eingefügt werden: | |||
<syntaxhighlight lang="css" line> | |||
div.notices.{{{1}}} p { | |||
border-top: 30px solid rgba(92, 184, 92, 0.8); | |||
background: #E6F9E6; | |||
} | |||
div.notices.{{{1}}} p:first-child:after { | |||
content: 'TITEL'; | |||
} | |||
div.notices.{{{1}}} p:first-child::before { | |||
content: "ICON"; | |||
} | |||
</syntaxhighlight> | |||
== Beispiel == | |||
Erzeugt wird die Vorlage <code>Vorlage:Todo</code> mit der CSS-Klasse <code>todo</code> | |||
<syntaxhighlight lang="html" line> | |||
{{Hugo-Notiz|todo|{{{1|Dieser Abschnitt wird gerade überarbeitet}}}}} | |||
</syntaxhighlight> | |||
Die Seite <code>[[Vorlage:Todo/style.css]]</code> enthält folgende Regeln: | |||
{{#tag:syntaxhighlight|{{Todo/style.css}}|lang=css|line=1}} | |||
Die Einbindung <code><nowiki>{{Todo|Dieser Abschnitt wird bald fertiggestellt}}</nowiki></code> erzeugt folgenden Baustein: | |||
{{Todo|Dieser Abschnitt wird bald fertiggestellt}} | |||
</noinclude> | </noinclude> | ||
Version vom 17. April 2024, 12:33 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 | |
|---|---|---|---|---|
| CSS-Klasse | 1 | Bezeichnung für die CSS-Klasse, die verwendet werden soll
| 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 {
border-top: 30px solid rgba(92, 184, 92, 0.8);
background: #E6F9E6;
}
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
