Lauf-Button
Scripte > Button Navigation
Ein Laufbutton mit Mouseover (Kontakt me)
Ein Button, der am rechten Seitenrand augenscheinlich mitläuft und bei Mouseover sein Aussehen verändert (Bildwechsel). Real wurden 2 voneinander geringfügig abweichende Imagedateien durch den Befehl "fixed" nur in der entsprechenden Position fest verankert (siehe auch NEWS-Button auf der linken Seite). Die beiden unterschiedlichen Imagedateien müssen dazu auf dem Webserver in einem Verzeichnis z. B. "images" vorliegen.
Der Lauf-Button muss je nach Bedarf entsprechend dann positioniert werden:
Der Lauf-Button muss je nach Bedarf entsprechend dann positioniert werden:
position: fixed; Image auf Position feststehend
right: 0px; Ausrichtung am rechten Rand
top: 300px; Abstand vom oberen Rand
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.
Der Pfad kann mit "http://www.domain.tld/" auf eine eigene oder andere Domain und auch derer Unterseiten hinterlegt werden. Aber auch eine relative Pfadangabe, also ohne "http://www.domain.tld/" für eigene Webseiten ist möglich, auch mit Unterordner.
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 ""
Keine Kommentare gefunden.
Vielen Dank für Dein Feedback.
Bitte Dein Feedback
Du wirst als User bei Deinem ersten Kommentar automatisch registriert und musst dies noch bestätigen.
Erstellen Dir ein Konto, damit Deine Kommentare dann ohne Bestätigung veröffentlicht werden.
Login | Registrierung