Hilfe:Link-Buttons: Unterschied zwischen den Versionen

Aus ZUM-Unterrichten
(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…“)
Markierung: 2017-Quelltext-Bearbeitung
 
K (Tippfehler korrigiert)
 
(8 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
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 8:
{{button
{{button
|position=zentriert
|position=zentriert
|text=Start
|text=Zurück zur Hauptseite
|link=Hauptseite
|link=Hauptseite
|hervorhebung=ja
|hervorhebung=ja
Zeile 17: Zeile 17:
{{button
{{button
|position=zentriert
|position=zentriert
|text=Start
|text=Zurück zur Hauptseite
|link=Hauptseite
|link=Hauptseite
|hervorhebung=ja
|hervorhebung=ja
}}
}}


=== Erklärung ===
===Erklärung===


# position: links|zenriert|rechts (optionale Angabe, Standard ist links)
#<code>position</code>: links|zentriert|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 45:
|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.
{{Hilfe Navigation}}

Aktuelle Version vom 1. Oktober 2022, 08:51 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|zentriert|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.