Vorlage:Portalseite/Highlight: Unterschied zwischen den Versionen

Aus ZUM-Unterrichten
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
Zeile 73: Zeile 73:
<includeonly><span class="uk-display-inline-block uk-clearfix"
<includeonly><span class="uk-display-inline-block uk-clearfix"
>{{#if: {{{iconfile|}}}
>{{#if: {{{iconfile|}}}
| [[File:{{{iconfile}}}|35px|link={{{link}}}|class=uk-margin-small-right uk-visible-small]]
| [[File:{{{iconfile}}}|35px|link={{{link}}}|class=uk-margin-small-right uk-visible-small]][[File:{{{iconfile}}}|75x45px|link={{{link}}}|class=uk-hidden-small uk-margin-small-right {{#if: {{{teaser|}}}|uk-align-left}}]]
  [[File:{{{iconfile}}}|75x45px|link={{{link}}}|class=uk-hidden-small uk-margin-small-right {{#if: {{{teaser|}}}|uk-align-left}}]]
| [[{{{link}}}|<span style="width:35px;" class="uk-icon-justify {{{iconclasses|}}} uk-margin-small-right uk-visible-small"></span><span style="width:75px;height:45px;font-size:55px;" class="uk-icon-justify {{{iconclasses|}}} uk-margin-small-right uk-hidden-small"></span>]]
| [[{{{link}}}
}}[[{{{link}}}|{{{titel}}}]]{{#if: {{{teaser|}}} <br />{{{teaser|}}}
  |<span style="width:35px;" class="uk-icon-justify {{{iconclasses|}}} uk-margin-small-right uk-visible-small"></span>
    <span style="width:75px;height:45px;font-size:55px;" class="uk-icon-justify {{{iconclasses|}}} uk-margin-small-right uk-hidden-small"></span>]]
}}
[[{{{link}}}|{{{titel}}}]]{{#if: {{{teaser|}}}
| <br />{{{teaser|}}}
}}</span></includeonly>
}}</span></includeonly>
<noinclude>
<noinclude>

Version vom 16. Oktober 2018, 07:44 Uhr

Dies ist die Vorlage „Portalseite/Highlight“. 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/Highlight 
  | link = 
  | iconfile = 
  | iconclasses = [anstelle von iconfile]
  | titel = 
  | teaser = [OPTIONAL]
}}

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

Mitmachen-Icon.svgMitmachen-Icon.svgDoppelstunde: Dürfen wir Tiere essen?


Beispiel mit Teaser
{{Portalseite/Highlight
  | 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.svgMitmachen-Icon.svgDoppelstunde: Dürfen wir Tiere essen?


Beispiel mit Teaser
{{Portalseite/Highlight
  | iconclass=brainy hdg-school
  | 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?