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:

  1. position: links|zenriert|rechts (optional, default ist links)
  2. text: ...
  3. link: ...
  4. 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: