Hilfe:Link-Buttons: Unterschied zwischen den Versionen

Aus ZUM-Unterrichten
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
(5 dazwischenliegende Versionen desselben Benutzers 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 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 ==
== Nicht hervorgehobener Button mit grauem Hintergrund aber mit Icon ==

Version vom 20. November 2018, 15:26 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.