Vorlage:Button - Versionsgeschichte

Uschuetzenmeister am 21. November 2018 um 14:55 Uhr

2018-11-21T14:55:04Z

← Nächstältere Version		Version vom 21. November 2018, 14:55 Uhr
Zeile 134:		Zeile 134:
	\|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
	}}		}}
	}}		}}

Uschuetzenmeister am 21. November 2018 um 14:54 Uhr

2018-11-21T14:54:25Z

← Nächstältere Version		Version vom 21. November 2018, 14:54 Uhr
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
	\|		\|

Uschuetzenmeister am 21. November 2018 um 14:53 Uhr

2018-11-21T14:53:44Z

← Nächstältere Version		Version vom 21. November 2018, 14:53 Uhr
Zeile 93:		Zeile 93:
	}}		}}

			'''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
			}}
			}}

Uschuetzenmeister am 21. November 2018 um 14:51 Uhr

2018-11-21T14:51:01Z

← Nächstältere Version		Version vom 21. November 2018, 14:51 Uhr
Zeile 45:		Zeile 45:

	'''Mehrere Buttons nebeneinander'''		'''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:

Uschuetzenmeister am 21. November 2018 um 14:50 Uhr

2018-11-21T14:50:47Z

← Nächstältere Version		Version vom 21. November 2018, 14:50 Uhr
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 18:
	</pre>		</pre>

	Das sieht man:		'''Das sieht man:'''
	{{button		{{button
	\|position=zentriert		\|position=zentriert
Zeile 27:		Zeile 27:


	Weiteres Beispiel mit Icon:		'''Weiteres Beispiel mit Icon:'''
	<pre>		<pre>
	{{button		{{button
Zeile 36:		Zeile 36:
	</pre>		</pre>

	Das sieht man:		'''Das sieht man:'''
	{{button		{{button
	\|position=rechts		\|position=rechts
Zeile 44:		Zeile 44:


			'''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 70:
	</pre>		</pre>

	Das sieht man:		'''Das sieht man:'''
	{{3Spalten		{{3Spalten
	\|		\|

Uschuetzenmeister am 21. November 2018 um 14:49 Uhr

2018-11-21T14:49:26Z

← Nächstältere Version		Version vom 21. November 2018, 14:49 Uhr
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
			}}
			}}

Uschuetzenmeister: Die Seite wurde neu angelegt: „Mit dieser Vorlage können Links einfach als Button angezeigt werden. Die Vorlage hat folgende Parameter: # position: links|zenriert|rechts (opt…“

2018-11-19T13:31:56Z

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…“

Neue Seite

<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)

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
}}

</noinclude><includeonly>
<div class="{{#switch:{{{position|}}}|links=button-left|zentriert=button-center|rechts=button-right}} {{#ifeq:{{{hervorhebung|}}}|ja|button-primary}}">[[{{{link|}}}|{{{text|}}}]]</div>
</includeonly>