Datei:Uhr-0908.png und Vorlage:Button: Unterschied zwischen den Seiten
Aus ZUM-Unterrichten
(Unterschied zwischen Seiten)
Keine Bearbeitungszusammenfassung Markierung: 2017-Quelltext-Bearbeitung |
KKeine Bearbeitungszusammenfassung Markierung: 2017-Quelltext-Bearbeitung |
||
Zeile 1: | Zeile 1: | ||
<noinclude>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) | |||
[[Kategorie: | '''Das schreibt man:''' | ||
<pre> | |||
{{button | |||
|position=zentriert | |||
|text=Start | |||
|link=Hauptseite | |||
|hervorhebung=ja | |||
}} | |||
</pre> | |||
'''Das sieht man:''' | |||
{{button | |||
|position=zentriert | |||
|text=Start | |||
|link=Hauptseite | |||
|hervorhebung=ja | |||
}} | |||
'''Weiteres Beispiel mit Icon:''' | |||
<pre> | |||
{{button | |||
|position=rechts | |||
|text=Lernpfade Mathematik <span class="fa fa-chevron-circle-right"></span> | |||
|link=Mathematik-digital | |||
}} | |||
</pre> | |||
'''Das sieht man:''' | |||
{{button | |||
|position=rechts | |||
|text=Lernpfade Mathematik <span class="fa fa-chevron-circle-right"></span> | |||
|link=Mathematik-digital | |||
}} | |||
'''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: | |||
<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 | |||
}} | |||
}} | |||
'''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 | |||
}} | |||
}} | |||
</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 | |||
}} | |||
}} | |||
</noinclude><includeonly> | |||
<div class="{{#switch:{{{position|}}}|links=button-left|zentriert=button-center|rechts=button-right}} {{#ifeq:{{{hervorhebung|}}}|ja|button-primary}}">[[{{{link|}}}|{{{text|}}}]]</div> | |||
</includeonly> |
Version vom 21. November 2018, 14:53 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 }} }}
Das sieht man:
Dateiversionen
Klicke auf einen Zeitpunkt, um diese Version zu laden.
Version vom | Vorschaubild | Maße | Benutzer | Kommentar | |
---|---|---|---|---|---|
aktuell | 12:09, 15. Sep. 2016 | 120 × 120 (13 KB) | Maintenance script (Diskussion | Beiträge) | Importing file |
Du kannst diese Datei nicht überschreiben.
Dateiverwendung
Die folgende Seite verwendet diese Datei: