NOF-Forum  |  Referenzen  |  Kontakt  |  Impressum  |  Sitemap

NetObjects Fusion - Tutorials
NOF Tutorials und Hilfe von Thomas Frei-Herrmann

Nur mal einige Beispiele für den neuen “Mehrfach-Layout-Bereich” (MLR) von NOF 11 und NOF 12

Ab NOF 12 passt sich der Stil des MLR’s dem jeweilig verwendeten neuen Site-Style von NOF 12 an.

Unten noch einige andere Beispiele sowie im MLR “Assistent” eine eigene CSS erstellt.

... guckt Euch mal zu den CSS Einstellungen die Filme von “paby” an: Film 1 und Film 2 und Film 3
Für eine “MLR-Attrappe” guckt bitte hier und hier für eine zusätzliche Test-Seite bezüglich des Rahmens um das MLR-Layout. Hier noch weitere Beispiele für die Tabs-Beschriftung in NOF 2013.

Übrigens für die direkte Verlinkung auf ein Tab des MLR’s gebt Ihr die URL inklusive des Anker-Namens des Tab’s ein, wie z.B. (hier Tab “Foto 3”):

http://www.tommyherrmanndesign.com/nof/html/multi-layout.php#LayoutBereich8LYR


Hier noch einige andere Layout-Möglichkeiten des MLR

Registrierkarte unten:

 

Ziehharmonika:

  • Seite 1

    Ich habe hier auch mal ein
    Overlib als Hotspot auf die
    beiden Tigerköpfe gelegt.

    Bitte mit Maus drüber gehen.

    Dies scheint nur in diesem MLR
    Ziehharmonika
    möglich zu sein.

  • Seite 2
  • Seite 3


Assistent
:

Hier Button-Beschriftung in Datei NOF_MLR.js (Zeile 47+48) und CSS der Buttons in “Design-Ansicht” geändert.
Weiterhin habe ich hier die CSS der einzelnen Tabs geändert.

  • Code Buttons Beschriftung in Deutsch aendern


    Hier die Code-Änderung in der Datei “NOF_MLR.js” (Ordner “Assets” Zeile 47+48)






    var nxtBtn = "<INPUT class='next' type='button' value='weiter' title='weiter'/>";
    var prevBtn = "<INPUT class='previous' type='button' value='zurück' title='zurück'/>";






    ... übrigens man kommentiert Zeilen in der CSS so aus:

    /* hier zwischen ist alles auskommentiert und wird nicht verarbeitet */

     

  • CSS-Code der Class .next und .previous Buttons aendern
  • Rahmen Tabs entfernen
  • Hintergrundbilder entfernen und Tab-Farbe anpassen
  • Tutorial als Filme von paby

Ausschnitt wechseln:

Mehrfach-Layout-Bereich (ohne Tabs)

für diese Variante guckt bitte hier.

nach oben

zurück

 

Tutorials von Thomas Frei-Herrmann

diese Seite weiter empfehlen


Counter Statistik