Wir möchten folgenden Effekt erzeugen:

Ein Dokument soll sich öffnen, der Inhalt wird sichtbar, Rest des Bildschirms wird verdunkelt.

Beispiel hier:

http://www.nof-schule.de/lyteframe/

Folgende Schritte sind notwendig:

Download der Skripts (derzeit Lytebox v3.23) hier:

http://dolem.com/lytebox/

Zip entpacken, Skripts so wie sie sind inkl. Image-Ordner in einem Unterordner (bei uns "lytebox-scripts" genannt) der lokalen Publizierung einfügen. So sehen die Ordner der lokalen Publizierung aus:

1. Hauptordner:



 lytebox-lokpub.JPG (Größe: 20,4 KB / Downloads: 78)


2. Unterordner "lytebox-scripts"



 inhalt-lokpub2.JPG (Größe: 22,41 KB / Downloads: 63)


Eine Unterseite mit Zero-Margins für die Inhalte des Frames erstellen.

Auf der Seite, in der der Lyteframe erscheinen soll > in den Layout-Eigenschaften > HTML > Zwischen den Headtags folgenden Code einfügen:




 lyteframe-mastrerahmen.JPG (Größe: 90,47 KB / Downloads: 65)


(HTML-Puristen können den letzten Slash entfernen und sparen sich damit 3 HTML-Fehler > Für Risiken und Nebenwirkungen... usw usw)

Liegt der Frame aus einer Unterseite, benötigt man einen Punkt mehr in der Pfadbezeichnungen:


Auf der Startseite (Home) ein Bild (oder ein Text oder ein Button) einfügen, das Bild mit dieser Seite ganz normal intern verlinken. > Link-HTML > Im Link folgenden Code-Schnipsel eingefügen:




 lyteframe-link.JPG (Größe: 39,6 KB / Downloads: 70)




 lyyteframe-link1.JPG (Größe: 43,53 KB / Downloads: 47)


Frame-Größe großzügig bemessen (30px pro Seite) , da sonst ein Scrollbalken entsteht.

Man kann natürlich auch externe Seiten in einem Lyteframe anzeigen.


Vertiefende Links:


http://www.digital-panda.com/lytebox/
http://www.tommyherrmanndesign.com/nof/html/lightbox-beispiel.html

Edit: Wo sind Pandas Tutorials?

Pandas Tutorials sind offline gegangen, die alten Vorlagen bietet Thomas hier zum Download an:

http://www.tommyherrmanndesign.com/nof/htmlPanda/panda.php

Und die Diskussion, die zum Tutorial geführt hat:

http://www.nof-schule.de/forum/t-kleine-fotogalerie-im-pop-up-fenster

Vorlage für NOF 10 - Kann auch mit NOF11 geöffnet werden.

Hallo Barbara, dass ist ja super, was du dir für eine Mühe gemacht hast. Ich werde mich heute dransetzen, sobald ich von meinen Terminen komme es ausprobieren und dann berichten. Die Seite wo das rein soll, wird sehr schön, können wir dann auch als Muster hier reinstellen. Erstmal tausend Dank.

Hallo Ellen, nur als Zusatzinfo für Dich: Die Bilder-Galerie baust Du auf der Frameseite (also die Seite, wo bei mir als Muster-Inhalt der Tutorial steht) auf. Dort gehören alle Skripts, die für die Funktionsfähigkeit der Galerie notwendig sind. Wenn sie dort funktioniert, wird sie auch zuverläßig im Lyteframe angezeigt.

Danke

Hallo Barbara,

das hast Du ganz toll erklärt. Habe noch eine Frage dazu.

Du schreibst

Zitat:Eine Unterseite mit Zero-Margins für die Inhalte des Frames erstellen.

was meinst Du mit Zero-Margins?

LG Ursula

Ohne Navi, ohne Masterrahmen etc... Alles was drumherum ist.

Das machst Du so:

Neue Seite öffnen, F10 > Masterrahmen-Eigenschaften > Name: "Zeromargins" auswählen.

danke Barbara für die schnelle Antwort

LG Ursula

Fragen zu diesem Tutorial wurden im allgemeinen Board umgezogen:

http://www.nof-schule.de/forum/t-lyteframe-lytebox-funktioniert-nicht