| Du möchtest helfen ? |
| gewusst wie ! |
| Es handelt sich beim THWiki (u.a. zu erreichen unter http://www.thwiki.org) um keine offizielle Seite der Bundesanstalt Technisches Hilfswerk. Das THWiki wird ausschließlich von privaten Personen betrieben und erhält auch keine Unterstützung durch die BA THW. |
Vorlage:Card: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Lars (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Lars (Diskussion | Beiträge) (Beschreibung hinzugefügt) |
||
| (Eine dazwischenliegende Version desselben Benutzers wird nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
__NOEDITSECTION__ __NOTOC__<div style="clear: both;"></div> | __NOEDITSECTION__ __NOTOC__ | ||
<div style="clear: both;"></div> | |||
<div style="position: relative;display: flex;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: {{{bgc|#fff}}};background-clip: border-box;border: 1px solid rgba(0,0,0,.125);border-radius: .25rem; width: {{{width|100%}}};"> | <div style="position: relative;display: flex;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: {{{bgc|#fff}}};background-clip: border-box;border: 1px solid rgba(0,0,0,.125);border-radius: .25rem; width: {{{width|100%}}};"> | ||
<div style="flex: 1 1 auto;min-height: 1px;padding: 1.25rem;"> | <div style="flex: 1 1 auto;min-height: 1px;padding: 1.25rem;"> | ||
| Zeile 18: | Zeile 19: | ||
"autovalue": "#fff", | "autovalue": "#fff", | ||
"description": "Hintergrundfarbe der Card", | "description": "Hintergrundfarbe der Card", | ||
"example": "Card/primary,Card/secondary,Card/success,Card/danger,Card/warning" | "example": "{{Vorlage:Card/primary}},{{Vorlage:Card/secondary}},{{Vorlage:Card/success}},{{Vorlage:Card/danger}},{{Vorlage:Card/warning}}" | ||
}, | }, | ||
"width": { | "width": { | ||
| Zeile 65: | Zeile 66: | ||
"editpage", | "editpage", | ||
"showedit" | "showedit" | ||
] | ], | ||
"description": "A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options. If you’re familiar with Bootstrap 3, cards replace our old panels, wells, and thumbnails. Similar functionality to those components is available as modifier classes for cards.\nDie Vorlage enthält den Card-Titel, den Card-Subtitel und den Card-Body. Der Card-Subtitel ist hierbei optional.\nFür die farbige Gestaltung können folgende Vorlagen oder einfach die Farbe als HEX - wie von CSS gewohnt- verwendet werden" | |||
} | } | ||
</templatedata> | </templatedata> | ||
==== Hintergrundfarben ==== | |||
{| class="wikitable" | |||
|- | |||
! Farbe !! Vorlage | |||
|- | |||
| <span style="background-color:{{Vorlage:Card/primary}};">primary</span> || <code><nowiki>{{Vorlage:Card/primary}}</nowiki></code> | |||
|- | |||
| <span style="background-color:{{Vorlage:Card/secondary}};">secondary</span> || <code><nowiki>{{Vorlage:Card/secondary}}</nowiki></code> | |||
|- | |||
| <span style="background-color:{{Vorlage:Card/danger}};">danger</span> || <code><nowiki>{{Vorlage:Card/danger}}</nowiki></code> | |||
|- | |||
| <span style="background-color:{{Vorlage:Card/success}};">success</span> || <code><nowiki>{{Vorlage:Card/success}}</nowiki></code> | |||
|- | |||
| <span style="background-color:{{Vorlage:Card/warning}};">warning</span> || <code><nowiki>{{Vorlage:Card/warning}}</nowiki></code> | |||
|} | |||
[[Kategorie:Vorlage]] | |||
</noinclude> | </noinclude> | ||
Aktuelle Version vom 22. Januar 2021, 11:32 Uhr
{{{title}}}
{{{content}}}
A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options. If you’re familiar with Bootstrap 3, cards replace our old panels, wells, and thumbnails. Similar functionality to those components is available as modifier classes for cards. Die Vorlage enthält den Card-Titel, den Card-Subtitel und den Card-Body. Der Card-Subtitel ist hierbei optional. Für die farbige Gestaltung können folgende Vorlagen oder einfach die Farbe als HEX - wie von CSS gewohnt- verwendet werden
| Parameter | Beschreibung | Typ | Status | |
|---|---|---|---|---|
| Überschrift | title | keine Beschreibung | Zeichenfolge | erforderlich |
| Unterüberschrift | subtitle | keine Beschreibung | Unbekannt | optional |
| Inhalt der Card | content | keine Beschreibung | Zeichenfolge | erforderlich |
| Hintergrundfarbe | bgc | Hintergrundfarbe der Card
| Zeichenfolge | optional |
| Breite | width | Die abs. Breite kann festgesetzt werden
| Zeichenfolge | optional |
| Farbe der Überschrift | titleforeground | keine Beschreibung
| Zeichenfolge | optional |
| Edit page | editpage | keine Beschreibung
| Unbekannt | optional |
| Bearbeitungslink anzeigen | showedit | keine Beschreibung
| Boolesch | erforderlich |
Hintergrundfarben
| Farbe | Vorlage |
|---|---|
| primary | {{Vorlage:Card/primary}}
|
| secondary | {{Vorlage:Card/secondary}}
|
| danger | {{Vorlage:Card/danger}}
|
| success | {{Vorlage:Card/success}}
|
| warning | {{Vorlage:Card/warning}}
|