Multibox Test

Die Multibox ist eine JavaScript-Bibliothek, die Inhalte wie z.B. Bilder, HTML-Seiten oder beliebigen HTML-Code in einem Fenster über eine Seite legt. Die Multibox kann auf der Webseite von phatfusion.net  heruntergeladen werden.

Multibox bei NPage - Anpassungen

Ich habe bisher keine Einschränkungen hinsichtlich des Einsatzes bei NPage festgestellt (die Wiedergabe von Multimediainhalten habe ich allerings hier nicht getestet) . Alle hier in diesem Beispiel verwendeten Dateien wurden bei NPage hochgeladen. Das sind 3 JavaScript-Dateien, eine CSS-Datei und einige kleinere Grafiken für die Steuerelemente in der Multibox. In der CSS-Datei müssen die Pfade zu den Grafikdateien angepasst werden. Die im Download-Paket anhaltenen Flash-Dateien sind nur für die Wiedergabe von Multimediainhalten notwendig und müssen für die Wiedergabe von Bildern und HTML nicht hochgeladen werden.

Beispiele

Achtung: Die Multibox funktioniert im Internet Explorer nicht ganz korrekt. Das betrifft die Anzeige von Internetseiten in der Box. Bei Fotos gibt es keine Probleme.

Irgendein Text als Beschreibung.
Das ist keine Werbung für Schuhe.
TIO PEPE schmeckt toll.

NPage Kontakt-Formular dieser Website

Kontakt

HTML

html element

This is a snippet of html.

  • list item 1
  • list item 2
bbc.co.uk
BBC

Google
Google im IFrame

Yahoo
Yahoo im IFrame

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

Link zur aktiven Seite hervorheben (01.07.2013 12:53:00)

Auf vielen Websites wird der Link zur gerade aktiven seite hervorgehoben. NPage unterstützt so etwas leider nicht automatisch. Mein einem kleinen wenig javaScript kann man das aber nachbauen.

Erste Voraussetzung ist, dass man die JavaScript-Bibiothek JQuery bei NPage hochlädt und in die Seite einbindet.

Außerdem benötigt man einen kleinen JavaScript-Schnippsel. Für das von mir verwendete Design Plus 135 sieht der so aus:

$(document).ready(function($){
  var url = window.location.pathname;
  $('.navi_cont a[href="'+url+'"]').addClass('current');
});

Schließlich muss noch etwas CSS-Code eingefügt werden

<style>
  .current, a>.current, a.current   { color:yellow !important}
</style>

Wie bereits beschrieben wurde dieses Patch für die von mir hier verwendete Designvorlage Plus 135 erstellt. Es funktioniert auch mit anderen Designvorlagen, die genauso aufgebaut sind. Siehe dazu diese Übersicht zu den NPage Templates.

Bei allgemeinen Problemen oder Fragen zu anderen Designvorlagen bitte diesen Vorstellungsthread im NPage Forum nutzen.

http://forum.npage.de/vorstellung/29410-designpatch-designvorlagen-anpassen.html


Bewertung: (Keine Bewertung)

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