Vorlage:Hugo-Notiz

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

Parameter		Beschreibung	Typ	Status
CSS-Klasse	1	Bezeichnung für die CSS-Klasse, die verwendet werden soll Beispiel todo, info, warning	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