Vorlage:Portalseite/Highlight: Unterschied zwischen den Versionen

Aus ZUM-Unterrichten
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
(3 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 51: Zeile 51:
}}
}}


{{Box
  | Beispiel mit Icon
  | <pre>
{{Portalseite/Highlight
  | iconclass=brainy hdg-school
  | link = Dürfen wir Tiere essen?
  | titel = Doppelstunde: Dürfen wir Tiere essen?
}}
</pre>
{{Portalseite/Highlight
  | iconclasses=brainy hdg-school
  | link = Dürfen wir Tiere essen?
  | titel = Doppelstunde: Dürfen wir Tiere essen?
}}
| Experimentieren
}}


{{Box  
{{Box  
   | Beispiel mit Teaser
   | Beispiel mit Icon und Teaser
   | <pre>
   | <pre>
{{Portalseite/Highlight
{{Portalseite/Highlight
Zeile 73: Zeile 89:
<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;height:21px;font-size:27px;vertical-align:bottom;" class="uk-icon-justify {{{iconclasses|}}} uk-margin-small-right uk-visible-small"></span><span style="width:75px;height:45px;font-size:55px;vertical-align:bottom;" class="uk-icon-justify {{{iconclasses|}}} uk-margin-small-right uk-hidden-small {{#if: {{{teaser|}}}|uk-align-left}}"></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:52 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?
Ja, aber die Herstellung sollte nicht zum Schaden aller sein.


Beispiel mit Icon
{{Portalseite/Highlight
  | iconclass=brainy hdg-school
  | link = Dürfen wir Tiere essen?
  | titel = Doppelstunde: Dürfen wir Tiere essen?
}}

Doppelstunde: Dürfen wir Tiere essen?


Beispiel mit Icon und 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?
Ja, aber die Herstellung sollte nicht zum Schaden aller sein.