Vorlage:Button: Unterschied zwischen den Versionen
Aus ZUM Deutsch Lernen
KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
| Zeile 6: | Zeile 6: | ||
# link: ... | # link: ... | ||
# hervorhebung: ja|nein (optional, default ist nein) | # hervorhebung: ja|nein (optional, default ist nein) | ||
'''Das schreibt man:''' | '''Das schreibt man:''' | ||
| Zeile 17: | Zeile 19: | ||
}} | }} | ||
</pre> | </pre> | ||
'''Das sieht man:''' | '''Das sieht man:''' | ||
| Zeile 25: | Zeile 28: | ||
|hervorhebung=ja | |hervorhebung=ja | ||
}} | }} | ||
| Zeile 35: | Zeile 39: | ||
}} | }} | ||
</pre> | </pre> | ||
'''Das sieht man:''' | '''Das sieht man:''' | ||
| Zeile 42: | Zeile 47: | ||
|link=Mathematik-digital | |link=Mathematik-digital | ||
}} | }} | ||
| Zeile 92: | Zeile 98: | ||
}} | }} | ||
}} | }} | ||
'''Weiteres Beispiel''' | '''Weiteres Beispiel''' | ||
| Zeile 107: | Zeile 115: | ||
|text=weiter <span class="fa fa-chevron-circle-right"></span> | |text=weiter <span class="fa fa-chevron-circle-right"></span> | ||
|link=:Kategorie:Lernpfad | |link=:Kategorie:Lernpfad | ||
|hervorhebung=ja | |||
}} | }} | ||
}} | }} | ||
| Zeile 112: | Zeile 121: | ||
'''Das sieht man:''' | '''Das sieht man:''' | ||
{{2Spalten | {{2Spalten | ||
| | | | ||
Version vom 21. November 2018, 14:54 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:
