Vorlage:Hoverbutton: Unterschied zwischen den Versionen
K (update) |
K (...) |
||
| Zeile 1: | Zeile 1: | ||
<onlyinclude><templatestyles src="Hoverbutton/style.css" /><span style="width:{{{Breite|20ex}}}; border:1px solid black; border-radius:{{{Rundung|0.3em}}}; margin:{{{Abstand|1ex}}};" class="mw-ui-button mw-ui-progressive" role="button"><span class="plainlinks">{{{Link|[[Hauptseite|zur Hauptseite]]}}}</span></span></onlyinclude><br><br><br> | <onlyinclude><templatestyles src="Hoverbutton/style.css" /><span style="width:{{{Breite|20ex}}}; border:1px solid black; border-radius:{{{Rundung|0.3em}}}; {{#if:{{{Schatten|}}} |box-shadow: 2px 2px 4px #333;}} margin:{{{Abstand|1ex}}};" 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=== | ||
| Zeile 17: | Zeile 17: | ||
| Breite = 200px <small>* Bestimmt die Breite der Schaltfäche.</small><br> | | Breite = 200px <small>* Bestimmt die Breite der Schaltfäche.</small><br> | ||
| Rundung = 0.3em <small>* Beeinflusst den Radius der abgerundeten Ecken.</small><br> | | Rundung = 0.3em <small>* Beeinflusst den Radius der abgerundeten Ecken.</small><br> | ||
| Schatten = Ja <small>* Legt Schatten in den Hintergrund, der einen 3D-Effekt erzeugt..</small><br> | |||
| Abstand = 10px <small>* Legt den Abstand zwischen den einzelnen Button fest.<br><u>HINWEIS</u>: ''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 ''')''</small> | | Abstand = 10px <small>* Legt den Abstand zwischen den einzelnen Button fest.<br><u>HINWEIS</u>: ''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 ''')''</small> | ||
<br><br><br> | <br><br><br> | ||
| Zeile 26: | Zeile 27: | ||
'''|Abstand =''' 10px<br> | '''|Abstand =''' 10px<br> | ||
'''|Rundung =''' 0.3em<br> | '''|Rundung =''' 0.3em<br> | ||
'''|Schatten =''' Ja<br> | |||
'''<nowiki>}}</nowiki>''' | '''<nowiki>}}</nowiki>''' | ||
Version vom 6. Dezember 2023, 16:38 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:
{{Hoverbutton
|Link = [[deine Link-Adresse|deine Beschriftung]]
}}
... oder Einbindung einer externen Seite:
{{Hoverbutton
|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):
{{Hoverbutton
|Link = [[Hauptseite|zur Hauptseite]]
|Breite = 200px
|Abstand = 10px
|Rundung = 0.3em
|Schatten = Ja
}}