Hilfe:Link-Buttons: Unterschied zwischen den Versionen

Aus ZUM Deutsch Lernen
deutsch-lernen>Retemirabile
Keine Bearbeitungszusammenfassung
K (8 Versionen importiert: Hilfe-Seiten aus ZUM-Unterrichten)
 
(3 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.  


Zeile 25: Zeile 27:


# <code>position</code>: 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 ==
== Nicht hervorgehobener Button mit grauem Hintergrund aber mit Icon ==

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.