THWiki

Bearbeiten von „Vorlage:Card“

Warnung: Du bist nicht angemeldet. Deine IP-Adresse wird bei Bearbeitungen öffentlich sichtbar. Melde dich an oder erstelle ein Benutzerkonto, damit Bearbeitungen deinem Benutzernamen zugeordnet werden. Ein eigenes Benutzerkonto hat eine ganze Reihe von Vorteilen.

Die Bearbeitung kann rückgängig gemacht werden. Bitte prüfe den Vergleich unten, um sicherzustellen, dass du dies tun möchtest, und veröffentliche dann unten deine Änderungen, um die Bearbeitung rückgängig zu machen.

Aktuelle Version Dein Text
Zeile 1: Zeile 1:
__NOEDITSECTION__ __NOTOC__
__NOEDITSECTION__ __NOTOC__<div style="clear: both;"></div>  
<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;">
     <!--{{#ifexpr: showedit |<p style="float:right;font-size: 80%;color:{{{titleforeground|#000000}}}">[{{fullurl:{{{editpage|{{FULLPAGENAME}}}}}|action=edit}} {{int:editsection}}]</p>|}}-->
     <p style="float:right;font-size: 80%;color:{{{titleforeground|#000000}}}">[{{fullurl:{{{editpage|{{FULLPAGENAME}}}}}|action=edit}} {{int:editsection}}]</p>
     <h5 style="margin-bottom: .75rem;margin-top: 0;font-size: 1.25rem;font-weight: 500;line-height: 1.2;"><span style="color:{{{titleforeground|#000000}}}">{{{title}}}</span></h5>
     <h5 style="margin-bottom: .75rem;margin-top: 0;font-size: 1.25rem;font-weight: 500;line-height: 1.2;"><span style="color:{{{titleforeground|#000000}}}">{{{title}}}</span></h5>
     <h6 style="color: #6c757d;margin-bottom: .5rem;margin-top: -.375rem;font-size: 1rem;font-weight: 500;line-height: 1.2;">{{{subtitle|}}}</h6>
     <h6 style="color: #6c757d;margin-bottom: .5rem;margin-top: -.375rem;font-size: 1rem;font-weight: 500;line-height: 1.2;">{{{subtitle|}}}</h6>
Zeile 17: Zeile 16:
"label": "Hintergrundfarbe",
"label": "Hintergrundfarbe",
"type": "string",
"type": "string",
"autovalue": "#fff",
"default": "Hintergrundfarbe der Card",
"description": "Hintergrundfarbe der Card",
"autovalue": "#fff"
"example": "{{Vorlage:Card/primary}},{{Vorlage:Card/secondary}},{{Vorlage:Card/success}},{{Vorlage:Card/danger}},{{Vorlage:Card/warning}}"
},
},
"width": {
"width": {
Zeile 48: Zeile 46:
"label": "Inhalt der Card",
"label": "Inhalt der Card",
"type": "string",
"type": "string",
"required": true
"autovalue": "",
},
"showedit": {
"label": "Bearbeitungslink anzeigen",
"type": "boolean",
"autovalue": "false",
"required": true
"required": true
}
}
Zeile 64: Zeile 57:
"width",
"width",
"titleforeground",
"titleforeground",
"editpage",
"editpage"
"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>
Bitte kopiere keine Webseiten, die nicht deine eigenen sind, benutze keine urheberrechtlich geschützten Werke ohne Erlaubnis des Urhebers!
Du gibst uns hiermit deine Zusage, dass du den Text selbst verfasst hast, dass der Text Allgemeingut (public domain) ist oder dass der Urheber seine Zustimmung gegeben hat. Falls dieser Text bereits woanders veröffentlicht wurde, weise bitte auf der Diskussionsseite darauf hin. Bitte beachte, dass alle THWiki-Beiträge automatisch unter der „Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 4.0 International (CC BY-SA 4.0)“ stehen (siehe THWiki:Urheberrechte für Einzelheiten). Falls du nicht möchtest, dass deine Arbeit hier von anderen verändert und verbreitet wird, dann klicke nicht auf „Seite speichern“.

Bitte beantworte die folgende Frage, um diese Seite speichern zu können (weitere Informationen):

Abbrechen Bearbeitungshilfe (wird in einem neuen Fenster geöffnet)

Folgende Vorlagen werden auf dieser Seite verwendet:

Abgerufen von „https://thwiki.org/t=Vorlage:Card“