Lauf-Button - Website X5 Hilfe - Die Helpsite

Logo Schriftzug
Logo WSX5
Newsletter anmelden
Scan QR or Download Android App
Direkt zum Seiteninhalt

Lauf-Button

Scripte > Button Navigation

Ein Laufbutton mit Mouseover (Kontakt me)

Ein Button, der am rechten Seitenrand augenscheinlich mitläuft und bei Mouseover scheinbar sich verändert (Bildwechsel). Real wurde dieses Image natürlich durch den Befehl "fixed" nur in der entsprechenden Position fest verankert (siehe auch NEWS-Button auf der linken Seite).
Der Button muss je nach Bedarf entsprechend positioniert werden:
<div style="position: fixed; right:0px; top: 300px;">
HTML-Code kopieren und in den BODY-Bereich <body>....</body> der ausführenden Seite an beliebiger Stelle einfach nur einfügen. Nun noch die Pfade zu den Bilddateien und zur verlinkten Seite anpassen, fertig.
Erfahrene Nutzer können mit diesem Script auch Popup-Fenster öffnen lassen oder anderweitige Informationen in Verbindung mit anderen Scripten anzeigen lassen.
Soll der Button auf allen Seiten dargestellt werden, empiehlt sich der Einbau in den Footer der Homepage.
Download Button
Bild Pferd
Bild Hund
Bild Hund klein
Code für den <BODY> Bereich
<div style="position: fixed; right:0px; top: 300px;">
<a href="ordner/seite.html">
<img src="images/demo-laufbutton_p.png"
onmouseover="this.src='images/demo-laufbutton_a.png'"
onmouseout="this.src='images/demo-laufbutton_p.png'"
width="100" height="50" alt="Demo-Link" border="0">
</a>
</div>

Darstellung ohne Mouseover:
<div style="position: fixed; right:0px; top: 300px;">
<a href="ordner/seite.html">
<img src="images/demo-laufbutton_p.png"
width="100" height="50" alt="Demo-Link" border="0">
</a>
</div>
Feedbacks zu ""
Kein Kommentar
Vielen Dank für Dein Feedback.
Logo Host Europe
Button Spenden

© 2009 - 2019





Besucher Statistik
» 1 Online
» 43 Heute
» 317 Gestern
» 756 Woche
» 2464 Monat
» 131606 Jahr
» 459362 Gesamt
Record: 2382 (29.03.2019)
Gesamt Downloads:
Hosting by
Zurück zum Seiteninhalt