Vorlage:Button: Unterschied zwischen den Versionen
Aus ZUM Grundschullernportal
Keine Bearbeitungszusammenfassung Markierung: 2017-Quelltext-Bearbeitung |
Keine Bearbeitungszusammenfassung Markierung: 2017-Quelltext-Bearbeitung |
||
Zeile 4: | Zeile 4: | ||
# position: links|zenriert|rechts (optional, default ist links) | # position: links|zenriert|rechts (optional, default ist links) | ||
# text: ... | # text: ... | ||
# link: ... | # link: ... (Link zu interner Wikiseite) | ||
# linkext: ... (Link zu externer Internetseite) | |||
# hervorhebung: ja|nein (optional, default ist nein) | # hervorhebung: ja|nein (optional, default ist nein) | ||
Zeile 16: | Zeile 17: | ||
|text=Start | |text=Start | ||
|link=Hauptseite | |link=Hauptseite | ||
|linkext= | |||
|hervorhebung=ja | |hervorhebung=ja | ||
}} | }} | ||
Zeile 26: | Zeile 28: | ||
|text=Start | |text=Start | ||
|link=Hauptseite | |link=Hauptseite | ||
|linkext= | |||
|hervorhebung=ja | |hervorhebung=ja | ||
}} | }} | ||
Zeile 36: | Zeile 39: | ||
|position=rechts | |position=rechts | ||
|text=Lernpfade Mathematik <span class="fa fa-chevron-circle-right"></span> | |text=Lernpfade Mathematik <span class="fa fa-chevron-circle-right"></span> | ||
|link= | |link= | ||
|linkext=www.zum.de | |||
}} | }} | ||
</pre> | </pre> | ||
Zeile 45: | Zeile 49: | ||
|position=rechts | |position=rechts | ||
|text=Lernpfade Mathematik <span class="fa fa-chevron-circle-right"></span> | |text=Lernpfade Mathematik <span class="fa fa-chevron-circle-right"></span> | ||
|link= | |link= | ||
|linkext=www.zum.de | |||
}} | }} | ||
Zeile 61: | Zeile 66: | ||
|text=Button links | |text=Button links | ||
|link=:Kategorie:Lernpfad | |link=:Kategorie:Lernpfad | ||
|linkext= | |||
}} | }} | ||
| | | | ||
Zeile 67: | Zeile 73: | ||
|text=Button Mitte | |text=Button Mitte | ||
|link=:Kategorie:Lernpfad | |link=:Kategorie:Lernpfad | ||
|linkext= | |||
}} | }} | ||
| | | | ||
Zeile 73: | Zeile 80: | ||
|text=Button rechts | |text=Button rechts | ||
|link=:Kategorie:Lernpfad | |link=:Kategorie:Lernpfad | ||
|linkext= | |||
}} | }} | ||
}} | }} | ||
Zeile 84: | Zeile 92: | ||
|text=Button links | |text=Button links | ||
|link=:Kategorie:Lernpfad | |link=:Kategorie:Lernpfad | ||
|linkext= | |||
}} | }} | ||
| | | | ||
Zeile 90: | Zeile 99: | ||
|text=Button Mitte | |text=Button Mitte | ||
|link=:Kategorie:Lernpfad | |link=:Kategorie:Lernpfad | ||
|linkext= | |||
}} | }} | ||
| | | | ||
Zeile 96: | Zeile 106: | ||
|text=Button rechts | |text=Button rechts | ||
|link=:Kategorie:Lernpfad | |link=:Kategorie:Lernpfad | ||
|linkext= | |||
}} | }} | ||
}} | }} | ||
Zeile 109: | Zeile 120: | ||
|text=<span class="fa fa-chevron-circle-left"></span> zurück | |text=<span class="fa fa-chevron-circle-left"></span> zurück | ||
|link=:Kategorie:Lernpfad | |link=:Kategorie:Lernpfad | ||
|linkext= | |||
}} | }} | ||
| | | | ||
Zeile 115: | Zeile 127: | ||
|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 | ||
|linkext= | |||
|hervorhebung=ja | |hervorhebung=ja | ||
}} | }} | ||
Zeile 128: | Zeile 141: | ||
|text=<span class="fa fa-chevron-circle-left"></span> zurück | |text=<span class="fa fa-chevron-circle-left"></span> zurück | ||
|link=:Kategorie:Lernpfad | |link=:Kategorie:Lernpfad | ||
|linkext= | |||
}} | }} | ||
| | | | ||
Zeile 134: | Zeile 148: | ||
|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 | ||
|linkext= | |||
|hervorhebung=ja | |hervorhebung=ja | ||
}} | }} |
Version vom 15. Februar 2020, 13:19 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: ... (Link zu interner Wikiseite)
- linkext: ... (Link zu externer Internetseite)
- hervorhebung: ja|nein (optional, default ist nein)
Das schreibt man:
{{button |position=zentriert |text=Start |link=Hauptseite |linkext= |hervorhebung=ja }}
Das sieht man:
Weiteres Beispiel mit Icon:
{{button |position=rechts |text=Lernpfade Mathematik <span class="fa fa-chevron-circle-right"></span> |link= |linkext=www.zum.de }}
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 |linkext= }} | {{button |position=zentriert |text=Button Mitte |link=:Kategorie:Lernpfad |linkext= }} | {{button |position=rechts |text=Button rechts |link=:Kategorie:Lernpfad |linkext= }} }}
Das sieht man:
Weiteres Beispiel
{{2Spalten | {{button |position=links |text=<span class="fa fa-chevron-circle-left"></span> zurück |link=:Kategorie:Lernpfad |linkext= }} | {{button |position=rechts |text=weiter <span class="fa fa-chevron-circle-right"></span> |link=:Kategorie:Lernpfad |linkext= |hervorhebung=ja }} }}
Das sieht man: