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
 
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
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 30: Zeile 30:




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


Weiteres Beispiel mit Icon:
<pre>
<pre>
{{button
{{button
Zeile 47: Zeile 46:
|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.

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