Anleitung zum Einbau des RSS-Feedreaders zRSSFeed

Grundlagen

  1. zip-Archiv von zRSSFeed herunterladen und die zip-Datei auf dem PC entpacken.
  2. Die folgenden Dateien bei NPage hochladen
    - example_ticker.css
    - jquery.vticker.js
    - jquery.zrssfeed.min.js
    Diese Dateien befinden sich dann im Verzeichnis HTML-Dateien. Ich habe mir dort zur besseren Übersicht einen Unterordner erstellt und die 3 Dateien dorthin verschoben. Das muss aber nicht unbedingt sein.
  3. Testseite anlegen, diese direkt im HTML-Modus öffnen und den folgenden Code einfügen und anpassen:
    <link type="text/css" rel="stylesheet" href="http://filex.npage.de/yyyyyy/zz/html/example_ticker.css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js" type="text/javascript"></script>
    <script src="https://file1.hpage.com/yyyyyy/zz/html/jquery.zrssfeed.min.js" type="text/javascript"></script> <script src="http://filex.npage.de/yyyyyy/zz/html/jquery.vticker.js" type="text/javascript"></script>
    
    In diesem Beispiel-Code müssen die Werte x, yyyyyy und zz angepasst werden. Sie sind bei jedem NPage-Nutzer unterschiedlich. Sie ergeben sich aus der NPage-User-ID (Einstellungen >> Meine Daten). Man kann sie auch ermitteln, in dem man über Dateien >> Verzeichnisse >> HTML-Dateien auf eine der hochgeladenenen Dateien klickt. Diese wird dann im Browser angezeigt und im Adressfeld des Browsers erscheint die vollständige URL.
  4. Auf dem PC die Datei example_ticker.html aus der heruntergeladenen und entpackten zip-Datei mit einem Editor (notepad) öffnen, den gesamten Abschnitt zwischen <body> und </body> kopieren und in die immer noch im HTML-Modus geöffnete Beispiel-Seite einfügen.
  5. Jetzt speichern testen und weitere Anpassungen vornehmen.

Weitere Erklärungen

Im Grundbeispiel wurden die Verweise zu den JavaScript-Dateien und zur CSS-Datei (siehe Pkt. 3) direkt in der Textseite eingefügt. Man kann diesen Teil auch einfügen in

  • den Design-Style, wenn man mit einem eigenen Design arbeitet.
  • Einstellungen >> Header-Einstellungen>>HTML-Code wenn man den Ticker in mehreren Textseiten verwenden will.

Das Design des Tickers wird mit der Datei example_ticker.css festgelegt. Man kann diese Datei entweder am PC bearbeiten und wieder neu hochladen oder direkt bei NPage editieren. Detailierte Fragen zur Anwendung von CSS-Anweisungen sollten im NPage-Forum geklärt werden (RSS-Feed-Reader).

Obwohl insgesamt 3 JavaScript-Dateien benötigt werden, werden nur 2 bei NPage hochgeladen. Die Basis-Datei jquery.min.js befindet sich auf einem von Google bereitgestellten Server. Man kann diese Datei natürlich auch auf dem PC speichern und dann direkt bei NPage hochladen.

Im Beispiel-Code aus der Datei example_ticker.html werden 2 Beispielticker eingebaut.

Partnerwebsites

Websites mit Mobirise

  1. Startseite der Mobirise Extension Demo Website auf github.bpgs.de
  2. Übersicht zu den Elementen des Themes Mobirise4 in Mobirise 4, Version 4.7.7 auf demo-zu-netcup.9f8.de
  3. Gesamtübersicht zu den Designblöcken des Mobirise5 Themes AMP auf mobirise5-theme-amp.9f8.de
  4. Mobirise4 mit dem Theme PurityM auf mein-wunschname.de.cool
  5. EASY TO USE! erstellt mit Mobirise 4.4.1 und dem Theme default auf mein-wunschname.webspace.rocks
  6. MOBIRISE3 THEME MOBIRISE3 auf lc-pico-phpfriends.bpgs.de
  7. Website erstellt mit Mobirise3 und dem Theme Mobirise(auch unter dem Namen default) auf lc-ver-bummel.bpgs.de

Neuigkeiten

Umbau begonnen (12.04.2013 20:56:00)

Ursprünglich wurde auf dieser Website dargestellt, wie man die NPage Designvorlage o08 durch individuelle Einstellungen anpassen kann. Mittlerweile gibt es bei NPage noch mehr Möglichlichkeiten und teilweise auch bessere Designvorlagen. So sind vor allem einige der Plusvorlagen gut für eine individuelle Anpassung geeignet.

Daher habe ich begonnen, eine individuelle Anpassung der NPage Designvorlage Plus 135 vorzunehmen.


Bewertung: (4,00 Punkt(e) / 1 Bewertung(en))

 
 
Kommentare
 
Keine Kommentare vorhanden.
 
 
Kommentar verfassen
 
Name:
E-Mail:
Betreff:
Kommentar :
 
 
Zum Seitenanfang