Navigation

Mit der CSS für diese ul / li Text-Navigation kann man sehr leicht eine Anpassung für mobile Geräte vornehmen, sodass sich die Navigation bei einem kleinen Display von einer horizontalen in eine vertikale Navigation ändert.

Ich habe das mal auf einer Beispielseite für ein responsives Design in NOF 2015 hier eingebaut. Schiebt das Browser-Fenster zusammen oder ruft den Link mit dem Handy oder Tablet auf, um den Effekt zu sehen. Für die CSS klickt in der Navi auf Tutorial Navigation.

Responsive Website mit responsiver Navigationsleiste

 

Teil-Ansicht am PC:

Ansicht-PC

Ansicht am Handy:

Screenshot-Handy

 

… und hier noch eine Erweiterung, die bei kleinen Displays (Handy hochkant) auf eine zusätzliche Slick-Navigation umschaltet.

Ansicht Handy Slick-Navigation (ab 600px Displaybreite):

Slick-Navigation

 

… und noch eine Erweiterung mit der sehr schönen, responsiven Navigationsleiste von SmartMenus, sowie dem Einbau von zusätzlichen, parallaxen Layoutbereichen.

www.nof-tutorials.com/Responsive-Website-Layout-CSS/Layoutbereiche/layoutbereiche.html

… und noch eine Erweiterung mit einer eigenen @Media-Navigation und einer Gestaltung der Seite mittels CMS (Content Management System).

www.nof-tutorials.com/Responsive-Website-Layout-CSS/CMS/cms.php

Eine rein CSS basierende Textnavigation mit einem sehr großen Ausklappmenü, das Ihr beliebig anpassen könnt.

Der Einbau und die Änderung der CSS sowie der Listen-Navigation, ist eher für fortgeschrittene Bastler zu empfehlen.

www.nof-tutorials.com/Mega-Navigation/

Mega Navigation

Endlich steht eine neue umfangreiche Anleitung für den Aufbau eines eigenen Designs mit NOF zur Verfügung.

Es sind also nun zwei Versionen vorhanden:

Das Original wurde umgezogen:

Die alte Version – Ein eigenes Design mit NOF – Mit Tabellen (mit der Geranien-Vorlage)

 

Die neue Anleitung befindet sich auf den Hauptseiten der NOF-Schule:

Basisanleitung insbesondere für NetObjects Fusion 2013

NetObjects Fusion Tutorial

Inhalte:

Eine genaue Auflistung der Inhalte wurde in der NOF-Schule veröffentlicht:

http://www.nof-schule.de/forum/t-neues-tutorial-ein-eigenes-design-mit-nof

Die Themen sind übersichtlich mit Ankern verlinkt, so dass man in den Tutorials auch sehr leicht einzelne Themen finden und bearbeiten kann.

Eine Druckversion ist in Vorbereitung.

 

 

Die Ansichten der Navi-Eigenschaften sind im ersten Button gleich sowohl bei der grafischen als auch bei der Textnavi, im zweiten Button unterscheiden sie sich. Bei der grafischen hast du mehrere Einstellmöglichkeiten so dass dort ein Button „Erweitert“ erscheint wobei bei der Textnavi nur der Hintergrund und ein paar Kleinigkeiten eingestellt werden können.
Bei Erweitert stellt man das Klappnavi ein.

Navi-Eigens

Sollte eine Seite aus der Site-Navigation ausgeschlossen werden, so steht diese einfache Funktion auf Site-Ansicht zur Verfügung:

Seite aus der Navigation ausschließen

Seite aus der Navigation ausschließen

 

Auf dieser Seite wird allerdings keine Navigation mehr angezeigt.  Möchte man demnoch auf einer Seite, die von der Navigation ausgeschlossen ist, die Navigation anzeigen, geht man wie folgt vor:

Navigationsleiste auf von der Site-Navi ausgeschlossenen Seiten

Screenshot von Navi ausschließen – trotzdem erscheint die Navi:

Navi erscheint auf ausgeschlossenen Seiten

Navi erscheint auf ausgeschlossenen Seiten

 

 

Möchte man eine Seite innerhalb des NOF-Projekts von der Navigation ausschließen, so steht folgendes Werkzeug zur Verfügung:

Die Seite in der Site-Ansicht markieren. Im Eigenschaften-Fenster „Von der Navigation ausschließen“ anhaken.

 

Seite von der Navigation ausschließen

Seite von der Navigation ausschließen

 

 

Zum Auschluss der Publizierung einer Seite im zweiten Reiter des Eigenschaften-Fensters „Nicht publizieren“ anhaken, so wie im Screenshot gezeigt:

 

Seiteneigenschaft "Nicht publizieren"

Seiteneigenschaft „Nicht publizieren“

 

Wichtige Anmerkung zum Ausschluss einzelner Seiten:

Sollte man die Seite schon einmal publiziert haben, so wird diese Seite beim Publizieren ab NOF 12, inklusive aller auf dieser Seite verwendeten Objekte, automatisch auf dem Server gelöscht.

Bei älteren NOF-Versionen sollte man sich per FTP auf dem Webspace einloggen und nicht mehr benötigte Seiten manuell löschen um den Server von unnötigem „Ballast“ zu befreien.