Hilfe:Link-Buttons: Unterschied zwischen den Versionen

Aus ZUM Deutsch Lernen
deutsch-lernen>Retemirabile
(Die Seite wurde neu angelegt: „Wenn man einen Link hervorheben möchte, kann man ihn als Button anzeigen. Er bekommt dann eine größere Fläche, die entweder grau oder (hervorgehoben) farbi…“)
 
K (8 Versionen importiert: Hilfe-Seiten aus ZUM-Unterrichten)
 
(7 dazwischenliegende Versionen von einem anderen Benutzer werden nicht angezeigt)
Zeile 1: Zeile 1:
{{Hilfe Navigation}}
Wenn man einen Link hervorheben möchte, kann man ihn als Button anzeigen. Er bekommt dann eine größere Fläche, die entweder grau oder (hervorgehoben) farbig sein kann.  
Wenn man einen Link hervorheben möchte, kann man ihn als Button anzeigen. Er bekommt dann eine größere Fläche, die entweder grau oder (hervorgehoben) farbig sein kann.  


== Normaler Button mit grauem Hintergrund ==
== Hervorgehobener Button mit farbigem Hintergrund ==


Das schreibt man:
Das schreibt man:
Zeile 8: Zeile 10:
{{button
{{button
|position=zentriert
|position=zentriert
|text=Start
|text=Zurück zur Hauptseite
|link=Hauptseite
|link=Hauptseite
|hervorhebung=ja
|hervorhebung=ja
Zeile 17: Zeile 19:
{{button
{{button
|position=zentriert
|position=zentriert
|text=Start
|text=Zurück zur Hauptseite
|link=Hauptseite
|link=Hauptseite
|hervorhebung=ja
|hervorhebung=ja
Zeile 24: Zeile 26:
=== Erklärung ===
=== Erklärung ===


# position: links|zenriert|rechts (optionale Angabe, Standard ist links)
# <code>position</code>: links|zenriert|rechts (optionale Angabe, Standard ist links)
# text: Legt den Text des Buttons fest
# <code>text</code>: Legt den Text des Buttons fest
# link: Hier trägt man den Namen der Seite ein, auf die verlinkt werden soll, Leerzeichen sind erlaubt
# <code>link</code>: Hier trägt man den Namen der Seite ein, auf die verlinkt werden soll, Leerzeichen sind erlaubt
# hervorhebung: ja|nein (optionale Angabe, Standard ist nein)  
# <code>hervorhebung</code>: ja|nein (optionale Angabe, Standard ist nein)


== Nicht hervorgehobener Button mit grauem Hintergrund aber mit Icon ==


== Hervorgehobener Button mit farbigem Hintergrund ==
Weiteres Beispiel mit Icon:
<pre>
<pre>
{{button
{{button
Zeile 47: Zeile 47:
|link=Mathematik-digital
|link=Mathematik-digital
}}
}}
* Im Linktext kann man auch die '''[[Hilfe:Icons einbinden|zur Verfügung stehenden Icons]]''' einbinden.
* Da hier die Angabe „hervorhebung“ weggelassen wurde, wird der Standardbutton ohne Hervorhebung angezeigt.

Aktuelle Version vom 9. Februar 2020, 10:11 Uhr

Wenn man einen Link hervorheben möchte, kann man ihn als Button anzeigen. Er bekommt dann eine größere Fläche, die entweder grau oder (hervorgehoben) farbig sein kann.

Hervorgehobener Button mit farbigem Hintergrund

Das schreibt man:

{{button
|position=zentriert
|text=Zurück zur Hauptseite
|link=Hauptseite
|hervorhebung=ja
}}

Das sieht man:


Erklärung

  1. position: links|zenriert|rechts (optionale Angabe, Standard ist links)
  2. text: Legt den Text des Buttons fest
  3. link: Hier trägt man den Namen der Seite ein, auf die verlinkt werden soll, Leerzeichen sind erlaubt
  4. hervorhebung: ja|nein (optionale Angabe, Standard ist nein)

Nicht hervorgehobener Button mit grauem Hintergrund aber mit Icon

{{button
|position=rechts
|text=Lernpfade Mathematik <span class="fa fa-chevron-circle-right"></span>
|link=Mathematik-digital
}}

Das sieht man:


  • Im Linktext kann man auch die zur Verfügung stehenden Icons einbinden.
  • Da hier die Angabe „hervorhebung“ weggelassen wurde, wird der Standardbutton ohne Hervorhebung angezeigt.