Vorlage:Button: Unterschied zwischen den Versionen
Aus ZUM-Unterrichten
|  (Die Seite wurde neu angelegt: „<noinclude>Mit dieser Vorlage können Links einfach als Button angezeigt werden.  Die Vorlage hat folgende Parameter:    # position: links|zenriert|rechts (opt…“) Markierung: 2017-Quelltext-Bearbeitung | KKeine Bearbeitungszusammenfassung Markierung: 2017-Quelltext-Bearbeitung | ||
| Zeile 42: | Zeile 42: | ||
| |link=Mathematik-digital | |link=Mathematik-digital | ||
| }} | }} | ||
| 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: | |||
| <pre> | |||
| {{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 | |||
| }} | |||
| }} | |||
| </pre> | |||
| Das sieht man: | |||
| {{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 | |||
| }} | |||
| }} | |||
Version vom 21. November 2018, 14:49 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:
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:
