Vorlagen Download/Bildkarten: Unterschied zwischen den Versionen

Aktuelle Version vom 19. Mai 2025, 11:47 Uhr

Download

Diese Vorlage erstellt eine Reihe von Bildern, die für die Verlinkung von Wiki-Seiten vorgesehen sind.

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:

Entpacken Sie die zip-Datei.
Klicken Sie Browse... und wählen Sie die Datei HW-Bildkarten.xml.
Geben Sie ein Interwiki-Präfix an. Da dieses Feld erforderlich ist, geben Sie hier einfach hw (für hallowelt) ein.
Belassen Sie die Vorauswahl Zu den Standard-Speicherorten importieren.
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:Bildkarten
Vorlage:Bildkarten/start
Vorlage:Bildkarten/end
Vorlage:Bildkarten/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.

Code zum Kopieren:

(Setzen Sie anschließend die gewünschten Dateinamen für imagname= aus Ihrem Wiki ein)

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

Code zum Kopieren:

(Setzen Sie anschließend die gewünschten Dateinamen für imagname= aus Ihrem Wiki ein)

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

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.

Wichtig!BlueSpice beinhaltet nicht immer die aktuellste Version der Bootstrap-Icons.Hier ist eine Liste der aktuell unterstützten Icons.

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

Code zum Kopieren:

(Setzen Sie anschließend die gewünschten Dateinamen für imagname= aus Ihrem Wiki ein)

{{Bildkarten/start|cardsize=}}
{{Bildkarten|iconname=fa-regular fa-calendar-days|label=Inkasso|imglink=Hauptseite}}
{{Bildkarten|iconname=bi bi-lightbulb|label=Anleitungen|imglink=Hauptseite}}
{{Bildkarten|iconname=bi bi-eyeglasses|label=Wissensbank|imglink=https://google.de}}
{{Bildkarten|iconname=bi bi-signpost|label=Verzeichnisse|imglink=Hauptseite}}
{{Bildkarten|iconname=bi bi-geo-alt|label=Standorte|imglink=Hauptseite}}{{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. Wenn die Anzahl der Karten hier einen Zeilenumbruch verursacht, und Sie nicht von "space-between" auf "flex-start" umstellen möchten, können Sie hier zusätzliche leere Platzhalterkarten einfügen, die die Bildkarten in der zweiten Reihe nach links "schieben". Die Anzahl der nötigen Platzhalter müssen Sie austesten. Hier würden 2 Platzhalter generiert werden: {{Bildkarten\|class=placeholder}} {{Bildkarten\|class=placeholder}}
justifycontent	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.

PDF-Ausschluss - Start

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

PDF-Ausschluss - Ende

@@ Zeile 92: / Zeile 92: @@
 (Setzen Sie anschließend die gewünschten Dateinamen für i''magname='' aus Ihrem Wiki ein)<syntaxhighlight lang="text">
 {{Bildkarten/start|cardsize=}}
-{{Bildkarten|iconname=bi bi-gear|iconcolor=Tomato|label=Processes|imglink=Main Page|alt=}}
+{{Bildkarten|iconname=fa-regular fa-calendar-days|label=Inkasso|imglink=Hauptseite}}
-{{Bildkarten|iconname=bi bi-lightbulb|label=How-to's|imglink=Main Page|alt=}}
+{{Bildkarten|iconname=bi bi-lightbulb|label=Anleitungen|imglink=Hauptseite}}
-{{Bildkarten|iconname=bi bi-eyeglasses|label=Knowledge base|imglink=https://google.de|alt=}}
+{{Bildkarten|iconname=bi bi-eyeglasses|label=Wissensbank|imglink=https://google.de}}
-{{Bildkarten|iconname=bi bi-signpost|label=Directories|imglink=Main Page|alt=}}
+{{Bildkarten|iconname=bi bi-signpost|label=Verzeichnisse|imglink=Hauptseite}}
-{{Bildkarten|iconname=bi bi-geo-alt|label=Locations|imglink=|alt=}}{{Bildkarten/end}}
+{{Bildkarten|iconname=bi bi-geo-alt|label=Standorte|imglink=Hauptseite}}{{Bildkarten/end}}
 </syntaxhighlight>
 ==Einstellungen==
@@ Zeile 102: / Zeile 102: @@
 ===Vorlage:Bildkarten/start===
 {| class="wikitable" style="width:100%;"
-! 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
+! 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);width:200px;" |Parameter
-! 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
+! 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);width:180px;" |Value
 ! 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
 |- style="box-sizing: inherit;"
-| style="width:200px;box-sizing:inherit;padding:0.2em 0.4em;border:1px solid rgb(162, 169, 177);" |cardsize
+| style="box-sizing:inherit;padding:0.2em 0.4em;border:1px solid rgb(162, 169, 177);width:200px;" |cardsize
-| style="width:180px;box-sizing:inherit;padding:0.2em 0.4em;border:1px solid rgb(162, 169, 177);" |
+| style="box-sizing:inherit;padding:0.2em 0.4em;border:1px solid rgb(162, 169, 177);width:180px;" |
 *medium (can stay empty, it is the default)
 *small
@@ Zeile 113: / Zeile 113: @@
 | style="box-sizing:inherit;padding:0.2em 0.4em;border:1px solid rgb(162, 169, 177);" |Setzt die Größe der einzelnen Karten.
 |-
-| rowspan="2" |justifycontent
+| rowspan="2" style="" |justifycontent
-|
+| style="" |
 *space-between (default)
-| Verteilt die Karten gleichmäßig auf dem verfügbaren Platz in einer Zeile.
+| style="" | Verteilt die Karten gleichmäßig auf dem verfügbaren Platz in einer Zeile.
 <span><br /></span>
@@ Zeile 124: / Zeile 124: @@
 </syntaxhighlight>
 |-
-|
+| style="" |
 *flex-start
-| Wenn es einen Umbruch zu einer anderen Zeile gibt (z.B. über die Einstellung flexwrap=wrap), werden die Karten linksbündig ausgerichtet.
+| style="" | Wenn es einen Umbruch zu einer anderen Zeile gibt (z.B. über die Einstellung flexwrap=wrap), werden die Karten linksbündig ausgerichtet.
 |-
-| flexwrap
+| style="" | flexwrap
-|
+| style="" |
 * nowrap (default)
-|Karten werden kleiner, wenn neue Bilder hinzugefügt werden. Es erfolgt kein Zeilenumbruch.
+| style="" |Karten werden kleiner, wenn neue Bilder hinzugefügt werden. Es erfolgt kein Zeilenumbruch.
 |-
-|flexwrap
+| style="" |flexwrap
-|
+| style="" |
 *wrap
-|Die Karten behalten ihre Originalgröße. Bilder, die nicht in die erste Reihe passen, werden in die nächste Reihe verschoben.
+| style="" |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.
 |}
@@ Zeile 142: / Zeile 142: @@
 ===Vorlage:Bildkarten===
 {| class="wikitable" style="width:100%;"
-! 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);" |
+! 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);width:200px;" |
-! 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
+! 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);width:180px;" |Value
 ! 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
 |-
-| style="width:200px;box-sizing:inherit;padding:0.2em 0.4em;border:1px solid rgb(162, 169, 177);" |imgname
+| style="box-sizing:inherit;padding:0.2em 0.4em;border:1px solid rgb(162, 169, 177);width:200px;" |imgname
-| style="width:180px;box-sizing:inherit;padding:0.2em 0.4em;border:1px solid rgb(162, 169, 177);" | e.g.:
+| style="box-sizing:inherit;padding:0.2em 0.4em;border:1px solid rgb(162, 169, 177);width:180px;" | e.g.:
 meinbild.jpg, meinbild.png
@@ Zeile 153: / Zeile 153: @@
 Es darf kein Wert angegeben sein, wenn Icons anstelle von Bildern verwendet werden.
 |-
-| label
+| style="" | label
-|e.g.:
+| style="" |e.g.:
 London
-|Beschriftung, die unter dem Bild/Symbol angezeigt wird.
+| style="" |Beschriftung, die unter dem Bild/Symbol angezeigt wird.
 |-
-|imglink
+| style="" |imglink
-|e.g.:
+| style="" |e.g.:
 Hauptseite
@@ Zeile 165: / Zeile 165: @@
 https://google.de
-|Link zu einer Wiki-Seite oder einer Website.
+| style="" |Link zu einer Wiki-Seite oder einer Website.
 Der Link ist optional.
 |-
-|alt
+| style="" |alt
-|e.g.:
+| style="" |e.g.:
 Büro am Standort London
-| Bereitgestellt zur Unterstützung von Benutzern mit Bildschirmlesegeräten.
+| style="" | 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
+| style="" |iconname
-| e.g.:
+| style="" | e.g.:
 bi bi-lightbulb
-|Wird anstelle von ''imgname'' verwendet, wenn Icons als Bild verwendet werden.
+| style="" |Wird anstelle von ''imgname'' verwendet, wenn Icons als Bild verwendet werden.
 |-
-|iconcolor
+| style="" |iconcolor
-|e.g.:
+| style="" |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.
+| style="" |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.
 |}