Vorlage:Hugo-Notiz: Unterschied zwischen den Versionen

Aus KGS-Wiki
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(8 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
<onlyinclude><templatestyles src="Hugo-Notiz/style.css"/>
<onlyinclude><templatestyles src="Hugo-Notiz/style.css"/>
<includeonly>{{#tag:templatestyles||src="{{{1}}}/style.css"}}</includeonly>
<div class="notices {{{1|}}}">
<div class="notices {{{1|}}}" data-emoji="🗿">
<div class="notices-icon">{{{ICON|🗿}}}</div>
<div class="notices-title">{{{TITLE|Info}}}</div>
<div class="notices-content" style="background: {{{BGCOLOR|#ddd}}}; border-top-color: {{{TITLECOLOR|#888}}};">
{{{2}}}
{{{2}}}
</div>
</div></onlyinclude>
</div></onlyinclude>
<noinclude>
<noinclude>
Zeile 10: Zeile 13:
"1": {
"1": {
"label": "CSS-Klasse",
"label": "CSS-Klasse",
"description": "Bezeichnung für die CSS-Klasse, die verwendet werden soll. Muss zugleich dem Namen der Vorlage entsprechen, die hierauf aufbaut",
"description": "Bezeichnung für die CSS-Klasse, die verwendet werden soll, falls für eine Vorlagenart Extra-CSS definiert werden soll.",
"example": "todo, info, warning",
"example": "todo, info, warning",
"type": "string",
"type": "string",
"required": true
"required": false
},
},
"2": {
"2": {
Zeile 59: Zeile 62:
{{#tag:syntaxhighlight|{{Todo/style.css}}|lang=css|line=1}}
{{#tag:syntaxhighlight|{{Todo/style.css}}|lang=css|line=1}}


Die Einbindung <code><nowiki>{{Todo|Dieser Abschnitt wird bald fertiggestellt}}</nowiki></code> erzeugt folgenden Baustein:
Die Einbindung <code><nowiki>{{Todo|Sn}}</nowiki></code> erzeugt folgenden Baustein:


{{Todo|Dieser Abschnitt wird bald fertiggestellt}}
{{Todo|Sn}}


</noinclude>
</noinclude>

Aktuelle Version vom 12. November 2024, 06:20 Uhr

🗿
Info

{{{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.

Vorlagenparameter

Diese Vorlage bevorzugt Inline-Formatierung von Parametern.

ParameterBeschreibungTypStatus
CSS-Klasse1

Bezeichnung für die CSS-Klasse, die verwendet werden soll, falls für eine Vorlagenart Extra-CSS definiert werden soll.

Beispiel
todo, info, warning
Zeichenfolgeoptional
Text2

Text, der in dem Hinweisbaustein erscheinen soll

Unausgeglichener Wikitexterforderlich

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|Sn}} erzeugt folgenden Baustein:

🏗
Baustelle

Dieser Abschnitt wird gerade von Sn überarbeitet