Vorlage:Bildkarten: Unterschied zwischen den Versionen

Version vom 3. Juli 2023, 11:44 Uhr

Note: Images are set here in the template to load the 400px thumbnail. If images appear blurry in mobile view, it can be adjusted to a larger size. Consider, however, that larger sizes mean longer load times and larger data volume especially on mobile devices.

Bildkarten mit Links

Vorlagenparameter[Vorlagendaten bearbeiten]
Parameter		Beschreibung	Typ	Status
Bildname	`imgname`	Als meinbild.jpg oder meinbild.png eingeben	Datei	erforderlich
Beschriftung	`label`	Angzeigte Linkbezeichnung	Unbekannt	vorgeschlagen
Zielseite	`imglink`	Wikiseite, auf die verlinkt wird	Seitenname	vorgeschlagen
Alternativtext	`alt`	Zusatzinfo für blinde Benutzer, wird nicht angezeigt	Unbekannt	vorgeschlagen
iconname	`iconname`	keine Beschreibung	Unbekannt	optional
iconcolor	`iconcolor`	keine Beschreibung	Unbekannt	optional

@@ Zeile 1: / Zeile 1: @@
-<includeonly><div class="{{#if:{{{class|}}}|placeholder|placeholder|}} {{#if:{{{iconname|}}}|icon|{{#if:{{{imgname|}}}|pic|textonly}}}}">{{#if:{{{imgname|}}}|[[File:{{{imgname}}}|alt={{#if:{{alt|}}}|{{{alt|}}}|{{{label|}}}}}|400px|link={{#if:{{{imglink|}}}|{{{imglink|}}}| }}]]|{{#if:{{{iconname|}}}|{{#if:{{{imglink|}}}|{{#ifeq:{{#sub:{{{imglink}}}||5}}|http:|[{{{imglink|}}} <span class="{{{iconname|}}}" style="{{#if:{{{iconcolor|}}}|color:{{{iconcolor|}}};|}}"></span>]|{{#ifeq:{{#sub:{{{imglink}}}||6}}|https:|[{{{imglink|}}} <span class="{{{iconname|}}}" style="{{#if:{{{iconcolor|}}}|color:{{{iconcolor|}}};|}}"></span>]|[[{{{imglink|}}}|<span class="{{{iconname|}}}" style="{{#if:{{{iconcolor|}}}|color:{{{iconcolor|}}};|}}"></span>]]}}}}|<span class="{{{iconname|}}}" style="{{#if:{{{iconcolor|}}}|color:{{{iconcolor|}}};|}}"></span>}}|}}}}<div class="imgcardlink">{{#if:{{{imglink|}}}|{{#ifeq:{{#sub:{{{imglink}}}||5}}|http:|[{{{imglink|}}} {{{label|}}}]|{{#ifeq:{{#sub:{{{imglink}}}||6}}|https:|[{{{imglink|}}} {{{label|}}}]|[[{{{imglink|}}}|{{{label|}}}]]}}}}|{{{label|}}}}}</div></div></includeonly><noinclude>
+<includeonly><div class=" {{#if:{{{iconname|}}}|icon|pic}}">{{#if:{{{imgname|}}}|[[File:{{{imgname}}}|alt={{#if:{{alt|}}}|{{{alt|}}}|{{{label|}}}}}|400px|link={{#if:{{{imglink|}}}|{{{imglink|}}}| }}]]|{{#if:{{{iconname|}}}|{{#if:{{{imglink|}}}|{{#ifeq:{{#sub:{{{imglink}}}||5}}|http:|[{{{imglink|}}} <span class="{{{iconname|}}}" style="{{#if:{{{iconcolor|}}}|color:{{{iconcolor|}}};|}}"></span>]|{{#ifeq:{{#sub:{{{imglink}}}||6}}|https:|[{{{imglink|}}} <span class="{{{iconname|}}}" style="{{#if:{{{iconcolor|}}}|color:{{{iconcolor|}}};|}}"></span>]|[[{{{imglink|}}}|<span class="{{{iconname|}}}" style="{{#if:{{{iconcolor|}}}|color:{{{iconcolor|}}};|}}"></span>]]}}}}|<span class="{{{iconname|}}}" style="{{#if:{{{iconcolor|}}}|color:{{{iconcolor|}}};|}}"></span>}}|{{#if:{{{imglink|}}}|{{#ifeq:{{#sub:{{{imglink}}}||5}}|http:|[{{{imglink|}}} <span class="placeholder bi bi-card-image"></span>]|{{#ifeq:{{#sub:{{{imglink}}}||6}}|https:|[{{{imglink|}}} <span class="placeholder bi bi-card-image"></span>]|{{#ifeq:{{#sub:{{{imglink}}}||7}}|mailto:|[{{{imglink|}}} <span class="placeholder bi bi-card-image"></span>]|[[{{{imglink|}}}|<span class="placeholder bi bi-card-image"></span>]]}}}}}}|<span class="placeholder bi bi-card-image"></span>}}}}}}<div class="imgcardlink">{{#if:{{{imglink|}}}|{{#ifeq:{{#sub:{{{imglink}}}||5}}|http:|[{{{imglink|}}} {{{label|}}}]|{{#ifeq:{{#sub:{{{imglink}}}||6}}|https:|[{{{imglink|}}} {{{label|}}}]|{{#ifeq:{{#sub:{{{imglink}}}||7}}|mailto:|[{{{imglink|}}} {{{label|}}}]|[[{{{imglink|}}}|{{{label|}}}]]}}}}}}|{{{label|}}}}}</div></div></includeonly><noinclude>
 '''Note: '''Images are set here in the template to load the 400px thumbnail. If images appear blurry in mobile view, it can be adjusted to a larger size. Consider, however, that larger sizes mean longer load times and larger data volume especially on mobile devices.
 <templatedata>