Vorlage:Hoverbtn: Unterschied zwischen den Versionen
K (...) Markierung: Manuelle Zurücksetzung |
K (...) Markierung: Zurückgesetzt |
||
| Zeile 1: | Zeile 1: | ||
<onlyinclude><templatestyles src="Hoverbtn/style.css" /><span style="width:{{{Breite|20ex}}}; border:1px solid black; border-radius:{{{Rundung|0.3em}}}; {{#if:{{{Schatten|}}} |box-shadow: 2px 2px 4px #555;}} margin:{{{Abstand| | <onlyinclude><templatestyles src="Hoverbtn/style.css" /><span style="width:{{{Breite|20ex}}}; border:1px solid black; border-radius:{{{Rundung|0.3em}}}; {{#if:{{{Schatten|}}} |box-shadow: 2px 2px 4px #555;}} margin:{{{Abstand|0.5ex}}};" class="mw-ui-button mw-ui-progressive" role="button"><span class="plainlinks">{{{Link|[[Hauptseite|zur Hauptseite]]}}}</span></span></onlyinclude><br><br><br> | ||
__NOEDITSECTION__ | __NOEDITSECTION__ | ||
===Vorlage: Hoverbutton klein=== | ===Vorlage: Hoverbutton klein=== | ||
Version vom 4. Oktober 2024, 15:08 Uhr
Vorlage: Hoverbutton klein
Diese Vorlage fügt einen kleinen Hover-Button auf deiner Seite ein.
Die Einbindung erfolgt mittels Zuweisung mind. 1 Parameters über folgenden Code:
{{Hoverbtn
|Link = [[deine Link-Adresse|deine Beschriftung]]
}}
... oder Einbindung einer externen Seite:
{{Hoverbtn
|Link = [deine Web-Adresse deine Beschriftung]
}}
optionale Parameter:
| Breite = 200px * Bestimmt die Breite der Schaltfäche.
| Rundung = 0.3em * Beeinflusst den Radius der abgerundeten Ecken.
| Schatten = Ja * Legt Schatten in den Hintergrund, der einen 3D-Effekt erzeugt..
| Abstand = 10px * Legt den Abstand zwischen den einzelnen Button fest.
HINWEIS: sollte der Button nicht im Verbund, sondern als Single-Schaltfläche verwenden werden, dann empfiehlt es sich beim Einbinden den Abstand auf Null zu setzen. ( | Abstand = 0px )
Kopiervorlage mit allen Parametern (Link zur Wiki-Startseite):
{{Hoverbtn
|Link = [[Hauptseite|zur Hauptseite]]
|Breite = 200px
|Abstand = 10px
|Rundung = 0.3em
|Schatten = Ja
}}