Vorlage:Button: Unterschied zwischen den Versionen
Aus ZUM Deutsch Lernen
KKeine Bearbeitungszusammenfassung |
K (7 Versionen importiert: Hilfe-Seiten aus ZUM-Unterrichten) |
||
| (5 dazwischenliegende Versionen von einem anderen Benutzer werden nicht angezeigt) | |||
| Zeile 7: | Zeile 7: | ||
# hervorhebung: ja|nein (optional, default ist nein) | # hervorhebung: ja|nein (optional, default ist nein) | ||
Das schreibt man: | |||
'''Das schreibt man:''' | |||
<pre> | <pre> | ||
| Zeile 18: | Zeile 20: | ||
</pre> | </pre> | ||
Das sieht man: | |||
'''Das sieht man:''' | |||
{{button | {{button | ||
|position=zentriert | |position=zentriert | ||
| Zeile 27: | Zeile 30: | ||
Weiteres Beispiel mit Icon: | |||
'''Weiteres Beispiel mit Icon:''' | |||
<pre> | <pre> | ||
{{button | {{button | ||
| Zeile 36: | Zeile 40: | ||
</pre> | </pre> | ||
Das sieht man: | |||
'''Das sieht man:''' | |||
{{button | {{button | ||
|position=rechts | |position=rechts | ||
| Zeile 43: | Zeile 48: | ||
}} | }} | ||
'''Mehrere Buttons nebeneinander''' | |||
Wenn mehrere Buttons nebeneinander positioniert werden sollen, kann diese Vorlage mit der [[Vorlage:2Spalten|Vorlage:2Spalten]] bzw. der [[Vorlage:3Spalten|Vorlage:3Spalten]] kombiniert werden. Die Buttons werden dann auf kleinen Displays untereinander statt nebeneinander angezeigt: | Wenn mehrere Buttons nebeneinander positioniert werden sollen, kann diese Vorlage mit der [[Vorlage:2Spalten|Vorlage:2Spalten]] bzw. der [[Vorlage:3Spalten|Vorlage:3Spalten]] kombiniert werden. Die Buttons werden dann auf kleinen Displays untereinander statt nebeneinander angezeigt: | ||
| Zeile 69: | Zeile 77: | ||
</pre> | </pre> | ||
Das sieht man: | '''Das sieht man:''' | ||
{{3Spalten | {{3Spalten | ||
| | | | ||
| Zeile 91: | Zeile 99: | ||
}} | }} | ||
'''Weiteres Beispiel''' | |||
<pre> | |||
{{2Spalten | |||
| | |||
{{button | |||
|position=links | |||
|text=<span class="fa fa-chevron-circle-left"></span> zurück | |||
|link=:Kategorie:Lernpfad | |||
}} | |||
| | |||
{{button | |||
|position=rechts | |||
|text=weiter <span class="fa fa-chevron-circle-right"></span> | |||
|link=:Kategorie:Lernpfad | |||
|hervorhebung=ja | |||
}} | |||
}} | |||
</pre> | |||
'''Das sieht man:''' | |||
{{2Spalten | |||
| | |||
{{button | |||
|position=links | |||
|text=<span class="fa fa-chevron-circle-left"></span> zurück | |||
|link=:Kategorie:Lernpfad | |||
}} | |||
| | |||
{{button | |||
|position=rechts | |||
|text=weiter <span class="fa fa-chevron-circle-right"></span> | |||
|link=:Kategorie:Lernpfad | |||
|hervorhebung=ja | |||
}} | |||
}} | |||
Aktuelle Version vom 9. Februar 2020, 10:11 Uhr
Mit dieser Vorlage können Links einfach als Button angezeigt werden. Die Vorlage hat folgende Parameter:
- position: links|zenriert|rechts (optional, default ist links)
- text: ...
- link: ...
- hervorhebung: ja|nein (optional, default ist nein)
Das schreibt man:
{{button
|position=zentriert
|text=Start
|link=Hauptseite
|hervorhebung=ja
}}
Das sieht man:
Weiteres Beispiel mit Icon:
{{button
|position=rechts
|text=Lernpfade Mathematik <span class="fa fa-chevron-circle-right"></span>
|link=Mathematik-digital
}}
Das sieht man:
Mehrere Buttons nebeneinander
Wenn mehrere Buttons nebeneinander positioniert werden sollen, kann diese Vorlage mit der Vorlage:2Spalten bzw. der Vorlage:3Spalten kombiniert werden. Die Buttons werden dann auf kleinen Displays untereinander statt nebeneinander angezeigt:
{{3Spalten
|
{{button
|position=links
|text=Button links
|link=:Kategorie:Lernpfad
}}
|
{{button
|position=zentriert
|text=Button Mitte
|link=:Kategorie:Lernpfad
}}
|
{{button
|position=rechts
|text=Button rechts
|link=:Kategorie:Lernpfad
}}
}}
Das sieht man:
Weiteres Beispiel
{{2Spalten
|
{{button
|position=links
|text=<span class="fa fa-chevron-circle-left"></span> zurück
|link=:Kategorie:Lernpfad
}}
|
{{button
|position=rechts
|text=weiter <span class="fa fa-chevron-circle-right"></span>
|link=:Kategorie:Lernpfad
|hervorhebung=ja
}}
}}
Das sieht man:
