Vorlage:Portalseite/Spotlight: Unterschied zwischen den Versionen

Aus ZUM-Unterrichten
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
 
(11 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 43: Zeile 43:
{{Portalseite/Spotlight
{{Portalseite/Spotlight
   | iconfile=Mitmachen-Icon.svg
   | iconfile=Mitmachen-Icon.svg
  | link = Dürfen wir Tiere essen?
  | titel = Doppelstunde: Dürfen wir Tiere essen?
  | teaser = Ja, aber die Herstellung sollte nicht zum Schaden aller sein.
}}
| Experimentieren
}}
{{Box
  | Beispiel mit Iconclasses
  | <pre>
{{Portalseite/Spotlight
  | iconclasses=brainy hdg-school zum-farbe-sekundär-1 zum-farbe-heller
  | link = Dürfen wir Tiere essen?
  | titel = Doppelstunde: Dürfen wir Tiere essen?
  | teaser = Ja, aber die Herstellung sollte nicht zum Schaden aller sein.
}}
</pre>
{{Portalseite/Spotlight
  | iconclasses=brainy hdg-school zum-farbe-sekundär-1 zum-farbe-dunkler
   | link = Dürfen wir Tiere essen?
   | link = Dürfen wir Tiere essen?
   | titel = Doppelstunde: Dürfen wir Tiere essen?
   | titel = Doppelstunde: Dürfen wir Tiere essen?
Zeile 50: Zeile 69:
}}
}}
</noinclude>
</noinclude>
<includeonly><div class="uk-panel"><div class="uk-panel-teaser">[[File:{{{iconfile}}}|75px|link={{{link}}}|class=]]</div><div class="uk-panel-title">[[{{{link}}}|{{{titel}}}]]</div>
<includeonly><div class="zum-portalseite-spotlight"><div class="zum-portalseite-spotlight--icon__container">{{#if: {{{iconfile|}}}
 
|[[File:{{{iconfile}}}|150x90px|link={{{link}}}|class=zum-portalseite-spotlight--icon]]
{{{teaser|}}}
}}{{#if: {{{iconclasses|}}}
|[[{{{link}}}|<span class="zum-portalseite-spotlight--icon {{{iconclasses|}}}"></span>]]}}</div>[[{{{link}}}|{{{titel}}}]]<p class="zum-portalseite-spotlight--teaser">{{{teaser|}}}</p>
</div></includeonly>
</div></includeonly>
<noinclude>
<noinclude>

Aktuelle Version vom 14. Februar 2024, 16:24 Uhr

Dies ist die Vorlage „Portalseite/Spotlight“. Diese Zeigt ein Icon und einen Textlink an. Das Icon ist der gleiche Link wie der Textlink. Das Icon wird bei kleineren Bildschirmen verkleinert dargestellt.


Sie sollte im folgenden Format genutzt werden:

{{Portalseite/Spotlight 
  | link = 
  | iconfile = 
  | titel = 
  | teaser = [OPTIONAL]
}}

Beispiel
{{Portalseite/Spotlight
  | iconfile=Mitmachen-Icon.svg
  | link = Dürfen wir Tiere essen?
  | titel = Doppelstunde: Dürfen wir Tiere essen?
}}


Beispiel mit Teaser
{{Portalseite/Spotlight
  | iconfile=Mitmachen-Icon.svg
  | link = Dürfen wir Tiere essen?
  | titel = Doppelstunde: Dürfen wir Tiere essen?
  | teaser = Ja, aber die Herstellung sollte nicht zum Schaden aller sein.
}}
Mitmachen-Icon.svg
Doppelstunde: Dürfen wir Tiere essen?

Ja, aber die Herstellung sollte nicht zum Schaden aller sein.

Beispiel mit Iconclasses
{{Portalseite/Spotlight
  | iconclasses=brainy hdg-school zum-farbe-sekundär-1 zum-farbe-heller
  | link = Dürfen wir Tiere essen?
  | titel = Doppelstunde: Dürfen wir Tiere essen?
  | teaser = Ja, aber die Herstellung sollte nicht zum Schaden aller sein.
}}
Doppelstunde: Dürfen wir Tiere essen?

Ja, aber die Herstellung sollte nicht zum Schaden aller sein.