super +1  
User online : 2 

für NOF ( Netobjects Fusion )

 

Aktuelle  Seite : Tutorials / scroll top (nach oben) Grafik

Tutorial zu Einbau einer "scroll top" / "nach oben" Grafik

Nach einer von Euch festgelegten Höhe,
erscheint am unteren rechten Rand eurer Seite eine kl. Grafik,
mit der Funktion "nach oben scrollen".

Eine Live - Vorschau seht Ihr ja auf meiner Site.
das Original findet Ihr bei dynamicdrive.com

 

Schritt 1

*.zip Datei downloaden
Inhalt nach entpacken:
NOF11 Vorlage / Ordner "scrolltop-Dateien"


227 Download(s)
letzter: 02.02.12 - 14:46 Uhr

 

Schritt 2

mit eurem Grafikprogramm eine Grafik erstellen

 

 

Schritt 3

auf eurem Server (im Hauptverzeichnis = Root)
einen neuen Ordner erstellen, mit dem Namen:
"scrolltop-Dateien"

 

 

Schritt 4

eure fertige Grafik in diesen neuen Ordner (scrolltop-Dateien)
mit einem FTP-Progamm hochladen

 

 

Schritt 5

scrolltopcontrol.js mit eurem Editor öffnen
und euren Wünschen, bzw. Pfad zur Grafik anpassen. (speichern)
Keine Angst, in dieser Datei sind Kommentare eingefügt,
was Ihr ändern müsst / könnt.

 

 

Schritt 6

Jetzt die beiden Dateien
scrolltopcontrol.js und srolltop-jquery.min.js ebenfalls
in den Ordner "scrolltop-Dateien" auf euren Server
mit einem FTP-Programm hochladen.

 

 

Schritt 7

Euer NOF Projekt öffnen

 

 

Schritt 8

im head Bereich des Masterrahmens folgendes einfügen:

Home / Startseite =
<script type="text/javascript" src="./scrolltop-Dateien/srolltop-jquery.min.js"></script>
<script type="text/javascript" src="./scrolltop-Dateien/scrolltopcontrol.js"></script>

Unterseiten =
<script type="text/javascript" src="../scrolltop-Dateien/srolltop-jquery.min.js"></script>
<script type="text/javascript" src="../scrolltop-Dateien/scrolltopcontrol.js"></script>

Bei der Verwendung mehrerer Masterrahmen,
das Ganze natürlich in jedem Masterrahmen einfügen.

 

Schritt 9

Eurem obersten Element (z.B. Tabelle oder Banner o.ä.)
eine "id" mit dem Namen "topcontrol" geben.

id=topcontrol

 

Schritt 10

Seite neu publizieren / hochladen... fertig !

 

 

wichtige
Ergänzung

Ich musste heute feststellen,
dass sich der IE mal wieder etwas zickig anstellt.
Hab vergessen zu testen, sorry. FF3 / Chrome sind ok.
Beim IE kommt es zu Darstellungsfehlern von Teiltransparenzen.
d.h. Schatten, evtl. Spiegelungen usw.
Also arbeitet am besten ohne so etwas.
Wenn Euch das allerdings nicht stört...auch gut ;-)

 

Anmerkung

Um diese Funktion vorher lokal zu testen
braucht Ihr nur den Ordner "scrolltop-Dateien"
aus der gedownloadeten *.zip Datei
in den Ordner:
Usersites/euerProjekt/lokale Publizierung hineinkopieren.

 

16870 Gäste (seit 26.05.2010)

...weitere folgen !