Lauf-Button - Website X5 Hilfe - Die Helpsite

Direkt zum Seiteninhalt

Hauptmenü:

Lauf-Button

Scripte > Button Navigation

Ein Laufbutton mit Mouseover (Kontakt me)

Ein Button, der am rechten Seitenrand augenscheinlich mitläuft und bei Mouseover scheinbar die Position 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;">
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.

HTML-Code kopieren und in den BODY Bereich der ausführenden Seite an beliebiger Stelle einfah nur einfügen.
Soll der Button auf allen Seiten dargestellt werden empielt sich der Einbau in den Footer der Homepage.
In Website X5 empfehle ich die Objekthöhe auf "Automatisch" zu stellen.
Download Button
Code für den <BODY> Bereich
<div style="position: fixed; right:0px; top: 300px;">
<a href="ordner/seite.html"
onMouseOver="document.Bild.src='images/demo-laufbutton_a.png'"
onMouseOut="document.Bild.src='images/demo-laufbutton_p.png'">
<img src="images/demo-laufbutton_p.png" name="Demo" width=100 height=50 alt="Demo Kontakt" 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" name="Demo" width=100 height=50 alt="Demo Kontakt" border=0></a>
</div>
Feedbacks zu ""

es gibt insgesamt 0 Kommentar(e)



Name*
Vorname
Kommentar*
Email *
Homepage
Telefon
Sicherheitscode *
 
Logo HTML5
Button Spenden

© 2009 - 2018




  Besucher Statistik
 » 13 Online
 » 114 Heute
 » 874 Woche
 » 3661 Monat
 » 52889 Jahr
 » 299467 Gesamt
Rekord: 1420 (10.04.2014)
Zurück zum Seiteninhalt | Zurück zum Hauptmenü