Logo der NOF-Schule


Thema geschlossen 
Klappleisten - Navigation in NOF
Verfasser Nachricht
Pittiplatsch Offline
Super Moderator
*****

Beiträge: 1.162
Registriert seit: Sep 2010
Immer wieder gefragt und lange versprochen....soll hier nun eine kleine Anleitung zur Klappleistennavigation (was für ein Wort) folgen.

Grundsätzlich führen ja viele Wege nach Rom und sicher auch zur perfekten Navigation, aus diesem Grund will ich für die Anfänger unter uns mal etwas ausholen.
(alle Bilder könnt Ihr vergrößert ansehen, wenn Ihr im Forum angemeldet seid)

Hier zu Ansicht mal eine mögliche Baum/Site-Struktur...


.jpg Struktur_gr.jpg (Größe: 84,59 KB / Downloads: 354)

...die Anordnung Eurer Unterseiten in dieser Struktur spielt bei der Entscheidung eine Rolle, ob Eure Navigation später nach Site-Struktur oder Benutzerdefiniert angelegt wird.

Im Gegensatz zur benutzerdefinierten Navigation sollte bei der Navigation nach Site-Struktur schon hier die Anordnung der einzelnen Seiten durchdacht werden.

Grundsätzlich ist Euch die grafische Gestaltung Eurer Navigation frei überlassen...Ihr könnt also vorgegebene Buttons verwenden oder auch selbst diese kleinen Grafiken erstellen und austauschen.
Für die von mir hier verwendeten Buttons, in Form von Karteireitern, habe ich einfach mal das Internet bemüht und mir diese erstellen lassen.

In NOF unter Design geht es dann an die Arbeit...


.jpg Schaltflächen_Design_gr.jpg (Größe: 103,66 KB / Downloads: 395)

...hier könnt Ihr die Buttongrafiken austauschen oder neue Schaltsätze den Bestehenden hinzufügen.

Eure Navigation befindet sich z. B. oben horizontal im Masterrahmen.... um Eure Navigation nach unten aufklappen zu lassen entfernt Ihr erstmal den Haken bei Untergeordnete Seiten und setzt dann den Punkt bei Benutzerdefiniert.


.jpg Klappleiste_1gr.jpg (Größe: 318,27 KB / Downloads: 362)

Dann klickt Ihr auf Bearbeiten und fügt die jeweiligen Seiten Eures Webprojektes, welche später auch in der Navigation erscheinen sollen, durch anklicken der Seite links und hinzufügen in das rechte weiße Feld ein.

Achtet dabei aber auf die Anordnung der jeweiligen Seiten!


.jpg Klappleiste_2gr.jpg (Größe: 113,2 KB / Downloads: 358)

Nun geht Ihr im Eigenschaftsfenster auf den 2. Reiter....
setzt jeweils einen Haken bei Klappleisten-Unterm. und autom. schließen.....
und klickt dann auf Erweitert.

In den folgenden erweiterten Einstellungen könnt Ihr nun bestimmen, wie sich Eure Klappleistennavigation verhalten soll.

1. Haken setzen bei Klappleisten-Untermenüs einschließen
2. die Richtung angeben (in meinem Fall eben vertikal nach unten)
3. unter Schaltflächensatz die Buttongrafik angeben, welche die ausgeklappte Navi haben soll
4. unten auf übernehmen und OK klicken


.jpg Klappleiste_3gr.jpg (Größe: 256,79 KB / Downloads: 319)


Wenn Ihr das jetzt mal lokal publiziert Rolleyes


.jpg Ansicht 1.jpg (Größe: 47,8 KB / Downloads: 249)

...sieht das ganze noch nicht wirklich so perfekt aus (wegen der Karteireiterform auch bei den ausgeklappten Buttons)

Wenn Ihr nun für die ausgeklappten Navigationsflächen noch eine andere Grafik anzeigen lassen wollt als die der normal sichtbaren Buttons geht Ihr.....
1. auf die erste Unterseite in Eurer Navigation
2. klickt 1x die Navi an und wählt bei Schaltfläche die entsprechende (in meinem Fall -Secondary-) aus.


.jpg unterschiedliche Button_gr.jpg (Größe: 135,71 KB / Downloads: 246)


Und schon sieht das in diesem Fall wesentlich geschmeidiger aus


.jpg Ansicht 2.jpg (Größe: 10,13 KB / Downloads: 192)


Natürlich sind Euren grafischen Gestaltungskünsten hier kaum Grenzen gesetzt Wink und Ihr könnt Euch nach herzenlust versuchen.

Grundsätzlich ist zu bemerken:
Eine im Masterrahmen sitzende Klappleistennavigation klappt sich immer über das Layout hinaus (in diesem Fall) nach unten aus (wenn Ihr ansonsten nicht diese verhaßten Frames benutzt), deshalb solltet Ihr also bei der ganzen Gestaltung auch immer den Inhalt Eures Bodys/Layout berücksichtigen.
Ansonsten fummelt einfach mal etwas rum und schaut auch mal in unsere NOF-Schule rein....Wissen frisst kein Brot oder so ähnlich!

Ish haben fertisch! Wink

Gruß Pittiplatsch
................................................
Jede Veränderung entsteht anfangs zwischen dem rechten und dem linken Ohr (und setzt den Einsatz der Mitte voraus).
Für Leute mit Humor...die noch den Knall hören.
MAK Webdesign
Webdesign Agentur
(Dieser Beitrag wurde zuletzt bearbeitet: 07.12.2010 18:17 von Pittiplatsch.)
Beitrag #1
nach oben
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden (beantworten)
barbara0701 Offline
Administrator
*****

Beiträge: 5.243
Registriert seit: Jan 2010
Cool, Pitti, super-gemacht, jetzt bekomme ich das auch hin :D

Ein ganz großes "Dankeschön" thumbs up

Gruß, Barbara
----------
Schon gelesen? Wichtige Tutorials für alle Nofler:
Datensicherung | Design | Publizierung

Lumis-Webdesign in Nürnberg
Beitrag #2
nach oben
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden (beantworten)
zumsel Online
Supporter
****

Beiträge: 978
Registriert seit: Oct 2010
thumbs up Pitti, mir gefällt die Mädchenfarbe auch sehr gut.

Gruß Zumsel

.........und von meinem Rechner lass ich mich nicht schikanieren...........
MS Windows 7 Home Premium 64-bit SP1 - NOF12

zeitnah-webdesign
Webdesign in Würzburg
Beitrag #3
nach oben
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden (beantworten)
Snoopy Joker Offline
Junior Mitglied
**

Beiträge: 41
Registriert seit: Oct 2010
Kasse Beitrag! Toll beschrieben!

Für meine Ausbildungsseiten sicherlich super zu nutzen!

Gruß
Anette
Beitrag #4
nach oben
Alle Beiträge dieses Benutzers finden (beantworten)
Thema geschlossen 


Möglicherweise verwandte Themen...
Thema: Verfasser Antworten: Ansichten: Letzter Beitrag
  Externe Seiten in der Navigation verlinken, Titel verwenden Fred0 0 108 04.04.2012 14:02
Letzter Beitrag: Fred0
  Navigation & eigene Buttons erstellen Pittiplatsch 5 1.580 28.09.2011 22:10
Letzter Beitrag: astour
  Pfadnavigation, "Breadcrumb-Navigation" barbara0701 1 2.055 22.07.2010 10:20
Letzter Beitrag: barbara0701
  Individuelle Netobjects-Navigation, jede Seite mit eigenem Button barbara0701 3 4.968 16.03.2010 14:07
Letzter Beitrag: barbara0701



Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste

nach oben An den Anfang der Seite scrollen
Diese Website wird durch Bot-Trap vor Spam geschützt!
Informationen zu NetObjects XII/NOF12, Software und Updates bei netobjects.de