Vorlage:Hugo-Notiz

Aus KGS-Wiki
🗿
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
Titel1

Bezeichnung für die CSS-Klasse, die verwendet werden soll. Muss zugleich dem Namen der Vorlage entsprechen, die hierauf aufbaut

Beispiel
todo, info, warning
Zeichenfolgeerforderlich
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|Dieser Abschnitt wird bald fertiggestellt}} erzeugt folgenden Baustein:

🏗
todo

Dieser Abschnitt wird gerade von Dieser Abschnitt wird bald fertiggestellt überarbeitet