Multi Layout Region - Attrappe

Guckt bitte auch hier für ein ähnliches Ergebnis

Dieses MLR gibt es erst ab der Version NOF 11. Leider habe ich (Stand: 03/2009) seit dem Erscheinen von NOF 11 einige Probleme mit diesem MLR gehabt und habe daher diese Alternative (unten) entwickelt, die man natürlich auch mit jeder anderen NOF Version erstellen kann.

Bitte guckt auch hier für ein <include> (Seiteninhalte einbinden) im MLR.

ACHTUNG (ab 01.10.2009):

... die unten aufgelisteten Seiten werden nicht mehr aktualisiert. Aktuelle Seiten hier.
Grund: ich verwende nun wieder das MLR von NOF 11 mit <include> in den einzelnen Layout-Bereichen.

Zunächst habe ich einen Screenshot von einen Button des Original-MLR’s gemacht. Diesen Button habe ich dann mit einem Fotobearbeitungsprogramm noch nacharbeiten müssen. Ich musste die Beschriftung von NOF entfernen und den Button ganz genau auf seine Größe beschneiden. Unten seht Ihr meine beiden Buttons, die Ihr Euch gerne hier mittels Rechtsklick herunterladen könnt.

Diese beiden Buttons habe ich in meinen Ordner “Styles” kopiert.

Dann habe ich in der “Design-Ansicht” ein neues “Button-Set” erstellt, mittels rechter Maustaste und “neuer Schaltflächensatz grafisch” gewählt.

Jetzt habe ich meine beiden Buttons dort als “Schaltflächenbild” eingetragen.

... nun könnt Ihr, wie Ihr es wollt, die Schrift, Schriftgröße, Farbe, etc. für diese Buttons bestimmen.

Zieht eine neue Navi auf und wählt dann im Fenster “Navigationsleitse-Eigenschaften” dieses neue “Button-Set” (Bild unten).

In der MLR-Attrappe, hier auf meiner Seite, habe ich dann noch folgendes gemacht:

1) Zunächst habe ich meine “Unterseiten” erstellt, diesen einen neuen Master-Rahmen gegeben, Banner und Navi gelöscht und meine neue benutzerdefinierte Navi ganz oben links in den Master-Rahmen-Bereich gesetzt. Den Layout-Bereich habe ich nun direkt, ganz nach oben, an die Unterkante der Navi geschoben.


2) Drei Tabellen mit jeweils 1 Zeile und 1 Spalte aufgezogen und diesen Tabellen die Hintergrundfarbe Weiß gegeben (siehe Bild unten), wobei die obere und die untere Tabelle exakt die Breite von 704 Pixeln haben, eben die Breite meiner Navi. Das müsst Ihr natürlich für Eure Navi entsprechend anpassen.

3) ... nun wollte ich gerne eine feinen Rahmen um die Tabelle haben.

Hierzu erstellt Ihr bitte “Klassen” über eine “Format-Vorlage” (Bild unten) Wie man eine “Format-Vorlage” erstellt könnt Ihr hier in einem Beispiel sehen.

Bei der obersten Tabelle (Platzhalter) eben nur den Rahmen links und rechts und meine gewünschte Farbe eingestellt. Bei der mittleren Tabelle nur den Rahmen links und bei der untersten Tabelle (Platzhalter) den Rahmen links, rechts und unten.

4) Die mittlere Tabelle (in die mein Text soll) habe ich nun scrollbar gemacht. Daher ist diese Tabelle auch ein wenig schmaler als die anderen beiden, nämlich genau um 17 Pixel (die Breite des Scrollbalkens).

Hierzu markiert Ihr diese Tabelle und klickt auf den Button “Tabellen-HTML”

Jetzt fügt Ihr den Code (unten), den Ihr in der Breite (width) und Höhe (height) natürlich noch Euren Bedürfnissen anpassen müsst, “vor dem Tag” (in NOF11 “vorher”) ein.

<div style="position:relative; width:704px; height:443px; overflow:auto; border:0px white inset;" >

... und “nach dem Tag” (in NOF 11 “nachher”) noch:

</div>

3) Nun zieht Ihr Euch auf der Seite, auf der Ihr diese MLR-Attrappe anzeigen wollt, ein Inlineframe in der Größe Eurer Unterseite auf und hakt “Rahmen” ab und stellt “abrollen” auf nein. Ich habe dann dieses Inlineframe auf meinen ersten Navi-Reiter “Formulare” verlinkt.

4) Meine neue Navi habe ich ja bereits auf “Benutzerdefiniert” gestellt und eben für jeden Navigations-Reiter die von mir gewünschte Seite gewählt. Bei “Ziel:” habe ich nichts eingegeben (also “ohne” oder “none”), da ich mich ja in meinem Inlineframe befinde, werden die Seiten dieser Navi dann alle auch im Inlineframe angezeigt.

5) Ihr müsst dann bei den Links, die Ihr auf den einzelnen “Unterseiten” angebt, als
Ziel: _parent wählen, damit Ihr aus dem Inlineframe auch wieder heraus kommt.

Viel Erfolg!

zurück