Zuletzt bearbeitet vor 3 Monaten
von Margit Link-Rodrigue

Vorlagen Download und Vorlagen Download/Bildkarten: Unterschied zwischen den Seiten

(Unterschied zwischen Seiten)
VisuellWikitext
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
Zeile 1: Zeile 1:
<div class="headertabsbox">
<div class="downloadarea">
=Vorlagen=
<span class="getButton">[[Medium:HW-Bildkarten.zip|Download]]</span>
{{Hinweisbox|boxtype=Hinweis|icon=|Note text=Die Vorlagen benutzen Erweiterungen, die in BlueSpice pro aber nicht in BlueSpice free enthalten sind. Diese werden entsprechend bei den Vorlagen angegeben:
 
* [[Referenz:Page_Forms|Page Forms (PF)]]
[[File:Image cards large.png|450x450px|verweis=Special:FilePath/Image_cards_large.png]]
* [[Referenz:Semantic_MediaWiki|Semantic MediaWiki (SMW)]]
</div>This template creates a set of images that is useful for linking to wiki pages.
* [[Referenz:TemplateData|TemplateData (TD)]]|bgcolor=}}
 
__NOTOC__
== <span class="mw-headline">Import der Vorlage</span> ==
<div class="cards">
Die benötigte Import-Datei befindet sich im Archiv HW-Bildkarten.zip. Sie enthält die Datei HW-Bildkarten.xml.
<!--start card------------------>
 
<div>
<span><span /><span /><br /></span>
==Aktionspunkte==
Führen Sie auf der Seite ''Spezial:Import'' in Ihrem Wiki folgende Schritte durch:
<div class="box">
 
<div class="screenshot">[[Datei:HW-AP-de.png|600x600px|alt=Vorlage für Aktionspunkte|link=Vorlagen_Download/Aktionspunkte]]</div>
# '''Entpacken''' Sie die zip-Datei.
<div class="text">[[Vorlagen_Download/Aktionspunkte|Aktionspunkte für Protokolle]] (SMW, TD)</div>
# '''Klicken''' Sie Browse... und wählen Sie die Datei ''HW-Bildkarten.xml.''
</div>
# '''Geben''' Sie ein Interwiki-Präfix '''an'''. Da dieses Feld erforderlich ist, geben Sie hier einfach ''hw'' (für hallowelt) ein.
</div>
# '''Belassen''' Sie die Vorauswahl ''Zu den Standard-Speicherorten importieren''.
<!--start card------------------>
# '''Klicken''' Sie ''Datei hochladen...'' .
<div>
 
==Banner==
<span style="color: rgb(37, 37, 37)">Die Vorlage ist nun in Ihrem Wiki verfügbar <span style="color: rgb(37, 37, 37)">.</span></span>
<div class="box">
 
<div class="screenshot">[[Datei:banner-beispiel.png|400x400px|alt=Seitenbannervorlage|link=Vorlagen_Download/Seitenbanner]]</div>
== <span class="mw-headline">Enthaltene Importdateien</span> ==
<div class="text">[[Vorlagen_Download/Seitenbanner|Seitenbanner für Portalseiten]]  (TD)</div>
The xml import erstellt folgende Seiten:
</div>
 
</div>
*Vorlage:Image_cards
<!--start card------------------>
*Vorlage:Image_cards/start
<div>
*Vorlage:Image_cards/end
==Bildkarten==
*Vorlage:Image_cards/styles.css
<div class="box">
 
<div class="screenshot">[[Datei:Image cards large.png|400x400px|alt=Screenshot von Bildkarten|link=Vorlagen_Download/Bildkarten]]</div>
==Bildkarten darstellen==
<div class="text">[[Vorlagen_Download/Bildkarten|Verlinkte Bildkarten]] (TD)</div>
 
</div>
===Allgemeines===
</div>
 
<!--start card------------------>
*'''Start- und Endvorlagen:''' Jedes Kartenset benötigt die ''Startvorlage'' (Bildkarten/start) und die ''Endvorlage'' (Bildkarten/end). Stellen Sie sicher, dass Sie die Endvorlage direkt nach der letzten Bildkarte ohne Zeilenumbruch hinzufügen. Wenn Sie einen Zeilenumbruch haben, sehen Sie nach der letzten Karte ein unnötiges Leerzeichen.
<div>
*'''Kartengrößen:''' Sie können zwischen mittleren (Standard), kleinen und großen Bildkarten wählen. Standardmäßig wird die mittlere Größe  angezeigt.
==Button-Link==
*'''Bilder oder Icons:''' Sie können wählen, ob Sie Bildkarten oder Icon-lkarten erstellen möchten. Icon-karten sind nur in den Größen ''klein'' und ''mittel'' darstellbar. Wenn Sie Bilder verwenden möchten, müssen Sie diese zuerst in Ihr Wiki hochladen.
<div class="box">
 
<div class="screenshot">[[Datei:HW-ButtonLink-de.png|300x300px|link=Vorlagen_Download/ButtonLink]]</div>
<span><span /><span /><span /><br /></span>
<div class="text">[[Vorlagen_Download/ButtonLink|Als Schaltfläche formatierter Link]] (TD)</div>
[[Vorlagen Download/Bildkarten#Einstellungen|siehe unten: Liste aller Einstellungen]]
</div>
 
</div>
===Bildkarten===
<!--start card------------------>
Wählen Sie ein Startlayout aus den Beispielen auf dieser Seite. Kopieren Sie einfach den Beispielcode und fügen Sie ihn im Quellbearbeitungsmodus auf einer Wikiseite ein.
<div>
 
==Erwähnung==
{{Hinweisbox|boxtype=important|icon=|Note text=Kopierte Inhalte immer über  '''<code>Strg+Umschalt+v</code>''' in den Quelltexteinfügen. Ansonsten können zusätzliche Formattierungs-Anweisungen erzeugt werden, die das Funktionieren der Vorlage verhindern.|bgcolor=}}
<div class="box">
 
<div class="screenshot">[[Datei:HW-mention-output-de.png|300x300px|link=Vorlagen_Download/Erwähnung]]</div>
====Bildkarten einfügen====
<div class="text">[[Vorlagen_Download/Erwähnung|Benutzer erwähnen]] (TD)</div>
Standardmäßig werden die Bildkarten in mittlerer Größe angezeigt.[[File:Image cards standard.png|center|thumb|950x950px|Standard-sized cards|verweis=Special:FilePath/Image_cards_standard.png]]
</div>
 
</div>
<span><span /><span /><span /><span /><span /><span /><br /></span>
<!--start card------------------>
 
<div>
'''Code zum Kopieren:'''<syntaxhighlight lang="text">
==Hinweisbox==
{{Bildkarten/start|cardsize=}}
<div class="box">
{{Bildkarten|imgname=yourimage1.jpg|label=London|imglink=https://google.de|alt=office in London headquarters}}
<div class="screenshot">[[Datei:HW-Infobox-de.png|400x400px|link=Vorlagen Download/Hinweisbox]]</div>
{{Bildkarten|imgname=yourimage2.jpg|label=Helsinki|imglink=http://google.de|alt=}}
<div class="text">[[Vorlagen Download/Hinweisbox|Farbkodierte Hinweisbox]] (TD)</div>
{{Bildkarten|imgname=yourimage3.jpg|label=Madrid|imglink=Main Page|alt=}}
</div>
{{Bildkarten|imgname=yourimage4.jpg|label=Hamburg|imglink=Main Page|alt=}}
</div>
{{Bildkarten|imgname=yourimage5.jpg|label=Regensburg|imglink=|alt=}}{{Bildkarten/end}}
<!--start card------------------>
</syntaxhighlight>
<div>
 
==Icon==
====Große Bildkarten====
<div class="box">
[[File:Image cards large.png|center|thumb|850x850px|Large Bildkarten|verweis=Special:FilePath/Image_cards_large.png]]
<div class="screenshot">[[Datei:Icon-template.png|300x300px|link=Vorlagen Download/Icon]]</div>
 
<div class="text">[[Vorlagen Download/Icon|Bootstrap-Icon einfügen]] (TD)</div>
<span><span /><span /><br /></span>
</div>
Code zum Kopieren:
</div>
<syntaxhighlight lang="text">
<!--start card------------------>
{{Bildkarten/start|cardsize=large|flexwrap=wrap}}
<div>
{{Bildkarten|imgname=yourimage1.jpg|label=Sales & Marketing|imglink=Main Page}}
==IMS Dokumente==
{{Bildkarten|imgname=yourimage2.jpg|label=IT Admin|imglink=Main Page}}
<div class="box">
{{Bildkarten|imgname=yourimage3.jpg|label=Development|imglink=Main Page}}
<div class="screenshot">[[Datei:IMS-Prozessbeschreibungen-de.png|400x400px|link=Vorlagen_Download/IMS Dokumente]]</div>
{{Bildkarten|imgname=yourimage4.jpg|label=Tech Support|imglink=Main Page}}
<div class="text">[[Vorlagen_Download/IMS Dokumente|Dokumentenlenkung]] (SMW, PF)</div>
{{Bildkarten|imgname=yourimage5.jpg|label=Accounting|imglink=Main Page}}
</div>
{{Bildkarten|imgname=yourimage6.jpg|label=Management|imglink=Main Page}}{{Bildkarten/end}}
</div>
</syntaxhighlight>
<!--start card------------------>
[[File:Image cards bootstrap icons.png|thumb|Bootstrap icon name|verweis=Special:FilePath/Image_cards_bootstrap_icons.png]]
<div>
 
==Kalender==
===Icon-Karten===
<div class="box">
Für Icon-karten können Sie die meisten aktuellen Bootstrap-Symbole verwenden. Wählen Sie auf der Bootstrap-Icons-Website ein Icon aus, indem Sie darauf klicken. Kopieren Sie den Namen des Icons in Ihre Vorlage.<span /><span /><br /><span /><span /><span /><span />
<div class="screenshot">[[Datei:kalender.png|400x400px|link=Vorlagen_Download/Kalender]]</div>
*<span>Icon-Karten unterstützen die Kartengrößen ''medium''(Standard) und ''small,'' aber nicht die Größe ''large''.</span>
<div class="text">[[Vorlagen_Download/Kalender|Unternehmenskalender]] (SMW, PF)</div>
 
</div>
<span><span /><span /><span /><span /><br /></span>
</div>
 
<!--start card------------------>
[[File:Image cards icons.png|center|thumb|950x950px|Icon cards|verweis=Special:FilePath/Image_cards_icons.png]]
<div>
 
==Portal==
<span><span /><span /><span /><span /><br /></span>
<div class="box">
Code zum Kopieren:<syntaxhighlight lang="text">
<div class="screenshot">[[Datei:HW-PortalFlex-Combo-de.png|300x300px|alt=Portalseitenvorlage|link=Vorlagen Download/PortalFlex]]</div>
{{Bildkarten/start|cardsize=}}
<div class="text">[[Vorlagen Download/PortalFlex|Formular-basierte Portalseite]] (PF)</div>
{{Bildkarten|iconname=bi bi-gear|iconcolor=Tomato|label=Processes|imglink=Main Page|alt=}}
</div>
{{Bildkarten|iconname=bi bi-lightbulb|label=How-to's|imglink=Main Page|alt=}}
</div>
{{Bildkarten|iconname=bi bi-eyeglasses|label=Knowledge base|imglink=https://google.de|alt=}}
<!--start card------------------>
{{Bildkarten|iconname=bi bi-signpost|label=Directories|imglink=Main Page|alt=}}
<div>
{{Bildkarten|iconname=bi bi-geo-alt|label=Locations|imglink=|alt=}}{{Bildkarten/end}}
==Protokolle==
</syntaxhighlight>
<div class="box">
==Einstellungen==
<div class="screenshot">[[Datei:HW-Protokoll-de.png|460x460px|link=Vorlagen Download/Protokolle für Teams]]</div>
 
<div class="text">[[Vorlagen Download/Protokolle für Teams|Teams-basierte Hauptvorlage]] (TD)</div>
===Vorlage:Bildkarten/start===
</div>
{| class="wikitable" style="width:100%;"
</div>
! style="background-color:rgb(234, 236, 240);text-align:center;width:200px;box-sizing:inherit;padding:0.2em 0.4em;border:1px solid rgb(162, 169, 177);" |Parameter
<!--start card------------------>
! style="background-color:rgb(234, 236, 240);text-align:center;width:180px;box-sizing:inherit;padding:0.2em 0.4em;border:1px solid rgb(162, 169, 177);" |Value
<div>
! style="background-color:rgb(234, 236, 240);text-align:center;box-sizing:inherit;padding:0.2em 0.4em;border:1px solid rgb(162, 169, 177);" |Description
==Risiken & Vorfälle==
|- style="box-sizing: inherit;"
<div class="box">
| style="width:200px;box-sizing:inherit;padding:0.2em 0.4em;border:1px solid rgb(162, 169, 177);" |cardsize
<div class="screenshot">[[Datei:RM-riskentry-de.png|560x560px|link=Vorlagen Download/Risikomanagement]]</div>
| style="width:180px;box-sizing:inherit;padding:0.2em 0.4em;border:1px solid rgb(162, 169, 177);" |  
<div class="text">[[Vorlagen Download/Risikomanagement|Risikoeinträge / Vorfallsmeldungen]] (SMW, PF)</div>
*medium (can stay empty, it is the default)
</div>
*small
</div>
*large
<!--start card------------------>
| style="box-sizing:inherit;padding:0.2em 0.4em;border:1px solid rgb(162, 169, 177);" |Setzt die Größe der einzelnen Karten.
<div>
|-
==Sprachenwechsler==
| rowspan="2" |justifycontent
<div class="box">
|
<div class="screenshot">[[Datei:HW-languageswitcher.png|300x300px|link=Vorlagen Download/Sprachenwechsler]]</div>
*space-between (default)
<div class="text">[[Vorlagen Download/Sprachenwechsler|Sprachenwechsler für Unterseiten]] (TD)</div>
| Verteilt die Karten gleichmäßig auf dem verfügbaren Platz in einer Zeile.
</div>
|-
</div>
|
<!--start card------------------>
*flex-start
<div>
| Wenn es einen Umbruch zu einer anderen Zeile gibt (z.B. über die Einstellung flexwrap=wrap), werden die Karten linksbündig ausgerichtet.
==SVG==
|-
<div class="box">
| flexwrap
<div class="screenshot">[[Datei:HW-svg-animated.gif|300x300px|link=Vorlagen_Download/SVG]]</div>
|
<div class="text">[[Vorlagen_Download/SVG|Interaktives SVG einbetten]] (TD, Widgets)</div>
* nowrap (default)
</div>
|Karten werden kleiner, wenn neue Bilder hinzugefügt werden. Es erfolgt kein Zeilenumbruch.
</div>
|-
<!--start card------------------>
|flexwrap
<div>
|
==TOC Limit==
*wrap
<div class="box">
|Die Karten behalten ihre Originalgröße. Bilder, die nicht in die erste Reihe passen, werden in die nächste Reihe verschoben.
<div class="screenshot">[[Datei:template-download-TOClimit.png|link=Vorlagen Download/TOClimit|460x460px]]</div>
Diese Einstellung sollte vor allem mit ''cardsize=large'' verwendet werden.
<div class="text">[[Vorlagen Download/TOClimit|Begrenztes Inhaltsverzeichnis]] (TD)</div>
|}
</div>
 
</div>
===Vorlage:Bildkarten===
<!--start card------------------>
{| class="wikitable" style="width:100%;"
<div>
! style="background-color:rgb(234, 236, 240);text-align:center;width:200px;box-sizing:inherit;padding:0.2em 0.4em;border:1px solid rgb(162, 169, 177);" |
==Unterseitenliste==
! style="background-color:rgb(234, 236, 240);text-align:center;width:180px;box-sizing:inherit;padding:0.2em 0.4em;border:1px solid rgb(162, 169, 177);" |Value
<div class="box">
! style="background-color:rgb(234, 236, 240);text-align:center;box-sizing:inherit;padding:0.2em 0.4em;border:1px solid rgb(162, 169, 177);" |Description
<div class="screenshot">[[Datei:HW-Unterseiten-de.png|360x360px|link=Vorlagen Download/Unterseiten]]</div>
|-
<div class="text">[[Vorlagen Download/Unterseiten|Alle Unterseiten einer Seite anzeigen]] (TD)</div>
| style="width:200px;box-sizing:inherit;padding:0.2em 0.4em;border:1px solid rgb(162, 169, 177);" |imgname
</div>
| style="width:180px;box-sizing:inherit;padding:0.2em 0.4em;border:1px solid rgb(162, 169, 177);" | e.g.: 
</div>
 
<!--start card------------------>
meinbild.jpg, meinbild.png
<div class="emptycard"></div>
| style="box-sizing:inherit;padding:0.2em 0.4em;border:1px solid rgb(162, 169, 177);" |Name des Bildes ohne Namensraum-Präfix.
<div class="emptycard"></div>
Es darf kein Wert angegeben sein, wenn Icons anstelle von Bildern verwendet werden.
</div>
|-
=Seitenvorlagen=
| label
<br />
|e.g.:
<br />
London
<div class="cards">
|Beschriftung, die unter dem Bild/Symbol angezeigt wird.
<!--start card------------------>
|-
<div>
|imglink
==Protokoll Kundenprojekte==
|e.g.:
<div class="box">
Hauptseite
<div class="screenshot">[[Datei:HW-Protokoll-kunden-de.png|460x460px|alt=Protokollvorlage für Kundenprojekte|link=Vorlagen Download/Protokoll Kundenprojekte]]</div>
 
<div class="text">[[Vorlagen Download/Protokoll Kundenprojekte|Protokoll Kundenprojekte]]</div>
Hilfe:Hauptseite
</div>
 
</div>
https://google.de
<!--start card------------------>
|Link zu einer Wiki-Seite oder einer Website.
<div>
Der Link ist optional.
==Protokoll Management==
|-
<div class="box">
|alt
<div class="screenshot">[[Datei:HW-Protokoll-management-de.png|800x800px|alt=Protokollvorlage für Management Meetings|link=Vorlagen Download/Protokoll JF Management]]</div>
|e.g.:
<div class="text">[[Vorlagen Download/Protokoll JF Management|Protokoll Jour-fixe Management]]</div>
Büro am Standort London
</div>
| Bereitgestellt zur Unterstützung von Benutzern mit Bildschirmlesegeräten.
</div>
Bei Verwendung von Icons ist diese Angabe nicht notwendig, da Icons nur als Hintergrundbilder geladen werden.
</div>
|-
<headertabs />
|iconname
[[en:Templates download]]
| e.g.:
[[de:{{FULLPAGENAME}}]]
bi bi-lightbulb
|Wird anstelle von ''imgname'' verwendet, wenn Icons als Bild verwendet werden.
|-
|iconcolor
|e.g.:
Tomato,
 
<nowiki>#</nowiki>607d8b
|HTML-Farbwert. Es sind  [https://www.w3schools.com/colors/colors_names.asp gültige Farbbezeichnungen] oder (meistens) [https://www.w3schools.com/colors/colors_schemes.asp HEX-]Werte möglich.
|}

Version vom 21. November 2022, 10:15 Uhr

Download

Image cards large.png

This template creates a set of images that is useful for linking to wiki pages.

Import der Vorlage[Bearbeiten | Quelltext bearbeiten]

Die benötigte Import-Datei befindet sich im Archiv HW-Bildkarten.zip. Sie enthält die Datei HW-Bildkarten.xml.


Führen Sie auf der Seite Spezial:Import in Ihrem Wiki folgende Schritte durch:

  1. Entpacken Sie die zip-Datei.
  2. Klicken Sie Browse... und wählen Sie die Datei HW-Bildkarten.xml.
  3. Geben Sie ein Interwiki-Präfix an. Da dieses Feld erforderlich ist, geben Sie hier einfach hw (für hallowelt) ein.
  4. Belassen Sie die Vorauswahl Zu den Standard-Speicherorten importieren.
  5. Klicken Sie Datei hochladen... .

Die Vorlage ist nun in Ihrem Wiki verfügbar .

Enthaltene Importdateien[Bearbeiten | Quelltext bearbeiten]

The xml import erstellt folgende Seiten:

  • Vorlage:Image_cards
  • Vorlage:Image_cards/start
  • Vorlage:Image_cards/end
  • Vorlage:Image_cards/styles.css

Bildkarten darstellen[Bearbeiten | Quelltext bearbeiten]

Allgemeines[Bearbeiten | Quelltext bearbeiten]

  • Start- und Endvorlagen: Jedes Kartenset benötigt die Startvorlage (Bildkarten/start) und die Endvorlage (Bildkarten/end). Stellen Sie sicher, dass Sie die Endvorlage direkt nach der letzten Bildkarte ohne Zeilenumbruch hinzufügen. Wenn Sie einen Zeilenumbruch haben, sehen Sie nach der letzten Karte ein unnötiges Leerzeichen.
  • Kartengrößen: Sie können zwischen mittleren (Standard), kleinen und großen Bildkarten wählen. Standardmäßig wird die mittlere Größe angezeigt.
  • Bilder oder Icons: Sie können wählen, ob Sie Bildkarten oder Icon-lkarten erstellen möchten. Icon-karten sind nur in den Größen klein und mittel darstellbar. Wenn Sie Bilder verwenden möchten, müssen Sie diese zuerst in Ihr Wiki hochladen.


 siehe unten: Liste aller Einstellungen

Bildkarten[Bearbeiten | Quelltext bearbeiten]

Wählen Sie ein Startlayout aus den Beispielen auf dieser Seite. Kopieren Sie einfach den Beispielcode und fügen Sie ihn im Quellbearbeitungsmodus auf einer Wikiseite ein.

Wichtig!Kopierte Inhalte immer über Strg+Umschalt+v in den Quelltexteinfügen. Ansonsten können zusätzliche Formattierungs-Anweisungen erzeugt werden, die das Funktionieren der Vorlage verhindern.


Bildkarten einfügen[Bearbeiten | Quelltext bearbeiten]

Standardmäßig werden die Bildkarten in mittlerer Größe angezeigt.

Standard-sized cards

Code zum Kopieren:

{{Bildkarten/start|cardsize=}}
{{Bildkarten|imgname=yourimage1.jpg|label=London|imglink=https://google.de|alt=office in London headquarters}}
{{Bildkarten|imgname=yourimage2.jpg|label=Helsinki|imglink=http://google.de|alt=}}
{{Bildkarten|imgname=yourimage3.jpg|label=Madrid|imglink=Main Page|alt=}}
{{Bildkarten|imgname=yourimage4.jpg|label=Hamburg|imglink=Main Page|alt=}}
{{Bildkarten|imgname=yourimage5.jpg|label=Regensburg|imglink=|alt=}}{{Bildkarten/end}}

Große Bildkarten[Bearbeiten | Quelltext bearbeiten]

Large Bildkarten


 Code zum Kopieren: 

{{Bildkarten/start|cardsize=large|flexwrap=wrap}}
{{Bildkarten|imgname=yourimage1.jpg|label=Sales & Marketing|imglink=Main Page}}
{{Bildkarten|imgname=yourimage2.jpg|label=IT Admin|imglink=Main Page}}
{{Bildkarten|imgname=yourimage3.jpg|label=Development|imglink=Main Page}}
{{Bildkarten|imgname=yourimage4.jpg|label=Tech Support|imglink=Main Page}}
{{Bildkarten|imgname=yourimage5.jpg|label=Accounting|imglink=Main Page}}
{{Bildkarten|imgname=yourimage6.jpg|label=Management|imglink=Main Page}}{{Bildkarten/end}}
Bootstrap icon name

Icon-Karten[Bearbeiten | Quelltext bearbeiten]

Für Icon-karten können Sie die meisten aktuellen Bootstrap-Symbole verwenden. Wählen Sie auf der Bootstrap-Icons-Website ein Icon aus, indem Sie darauf klicken. Kopieren Sie den Namen des Icons in Ihre Vorlage.

  • Icon-Karten unterstützen die Kartengrößen medium(Standard) und small, aber nicht die Größe large.

Icon cards

Code zum Kopieren:

{{Bildkarten/start|cardsize=}}
{{Bildkarten|iconname=bi bi-gear|iconcolor=Tomato|label=Processes|imglink=Main Page|alt=}}
{{Bildkarten|iconname=bi bi-lightbulb|label=How-to's|imglink=Main Page|alt=}}
{{Bildkarten|iconname=bi bi-eyeglasses|label=Knowledge base|imglink=https://google.de|alt=}}
{{Bildkarten|iconname=bi bi-signpost|label=Directories|imglink=Main Page|alt=}}
{{Bildkarten|iconname=bi bi-geo-alt|label=Locations|imglink=|alt=}}{{Bildkarten/end}}

Einstellungen[Bearbeiten | Quelltext bearbeiten]

Vorlage:Bildkarten/start[Bearbeiten | Quelltext bearbeiten]

Parameter Value Description
cardsize
  • medium (can stay empty, it is the default)
  • small
  • large
 Setzt die Größe der einzelnen Karten.
justifycontent
  • space-between (default)
 Verteilt die Karten gleichmäßig auf dem verfügbaren Platz in einer Zeile.
  • flex-start
 Wenn es einen Umbruch zu einer anderen Zeile gibt (z.B. über die Einstellung flexwrap=wrap), werden die Karten linksbündig ausgerichtet.
flexwrap
  • nowrap (default)
 Karten werden kleiner, wenn neue Bilder hinzugefügt werden. Es erfolgt kein Zeilenumbruch.
flexwrap
  • wrap
 Die Karten behalten ihre Originalgröße. Bilder, die nicht in die erste Reihe passen, werden in die nächste Reihe verschoben.

Diese Einstellung sollte vor allem mit cardsize=large verwendet werden.

Vorlage:Bildkarten[Bearbeiten | Quelltext bearbeiten]

Value Description
imgname e.g.:

meinbild.jpg, meinbild.png

Name des Bildes ohne Namensraum-Präfix.

Es darf kein Wert angegeben sein, wenn Icons anstelle von Bildern verwendet werden.

label e.g.:

London

Beschriftung, die unter dem Bild/Symbol angezeigt wird.
imglink e.g.:

Hauptseite

Hilfe:Hauptseite

https://google.de

Link zu einer Wiki-Seite oder einer Website.

Der Link ist optional.

alt e.g.:

Büro am Standort London

Bereitgestellt zur Unterstützung von Benutzern mit Bildschirmlesegeräten.

Bei Verwendung von Icons ist diese Angabe nicht notwendig, da Icons nur als Hintergrundbilder geladen werden.

iconname e.g.:

bi bi-lightbulb

Wird anstelle von imgname verwendet, wenn Icons als Bild verwendet werden.
iconcolor e.g.:

Tomato,

#607d8b

HTML-Farbwert. Es sind gültige Farbbezeichnungen oder (meistens) HEX-Werte möglich.

Protokoll zur Verschlüsselung und Authentifizierung der Kommunikation zwischen Webserver und Browser im World Wide Web.

Im Wiki abgetrennter Bereich, dessen Inhalte über spezielle Berechtigungen gelesen und bearbeitet werden können. Einen Namensraum erkennt man an einem Präfix vor dem Artikeltitel.


Feedback zur Dokumentation ist im Community-Forum möglich.

Abgerufen von „https://de.wiki.bluespice.com/w/index.php?title=Vorlagen_Download&oldid=6485“
Keine Kategorien vergebenBearbeiten

Diskussionen