Logo der NOF-Schule


Thema geschlossen 
Pfadnavigation, "Breadcrumb-Navigation"
Verfasser Nachricht
barbara0701 Offline
Administrator
*****

Beiträge: 5.243
Registriert seit: Jan 2010
Mit NetObjects eine kleine Pfadnavigation zu erstellen (wie hier oben im Forum) ist keine schwierige Unternehmung. Bei größeren Webseiten empfiehlt sich diese Methode, da der Besucher bequem zu vorherigen Ebene zurücknavigieren kann.

Ich habe folgendes Beispiel in NOF version 10 erstellt:



.gif breadcrumb-tuto-1.gif (Größe: 1,68 KB / Downloads: 116)


Vorbereitung: Wir stellen selbst passende Buttons im Grafikprogramm her. Dies kann in dem Fall auch mit einem einfachen Textverarbeitungsprogramm erledigt werden. Einfach die Zeichen ">>" auf die richtige Hintergrundfarbe schreiben, als Screenshot in der richtigen Größe als .gif speichern. Meine Buttons sehen wie folgt aus:


.gif  breadcrumb_button-standard.gif (Größe: 219 Bytes / Downloads: 158)


.gif  breadcrumb_button.gif (Größe: 359 Bytes / Downloads: 157)

In NOF öffnen wir die Design-Ansicht und fügen eine neue Buttonleiste ein. Diese Funktion findet man im Eigenschaftsfenster:



.gif breadcrumb_neu.GIF (Größe: 8,17 KB / Downloads: 81)


Wir fügen die Buttons in diese Navigationsleiste ein (Button Set 1) und formatieren die Beschriftungen. So sieht die Leiste in der Design-Ansicht aus:



.gif breadcrumb-tuto-2.gif (Größe: 2,16 KB / Downloads: 65)


Nun wechseln wir zur Seitenansicht und fügen eine neue horizontale Navigationsleiste ein. In den Navigationseigenschaften geben wir im Menü "Navigationspfad" ein:



.gif breadcrumb-tuto-3.gif (Größe: 18,62 KB / Downloads: 75)


Darüberhinaus müssen wir im Karteireiter "Stil" der Navigationseigenschaften eintragen, welche übergeordenete Ebenen betroffen sind:



.gif breadcrumb-tuto-4.gif (Größe: 39,95 KB / Downloads: 61)


Und welcher Button Set verwendet werden soll:



.gif breadcrumb-tuto-5.gif (Größe: 10,16 KB / Downloads: 64)


Das wäre es dann schon.

Viel Spaß damit!

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

Lumis-Webdesign in Nürnberg
(Dieser Beitrag wurde zuletzt bearbeitet: 31.05.2010 17:38 von barbara0701.)
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
TEIL 2 - Breadcrumb als Text- Pfadnavigation

Da das Selbsverständliche oft übersehen wird: Die Breadcrumb-Navigation kann auch ganz einfach als Textnavigation verwendet werden. Die Einstellungen werden in den zwei Screenshots gezeigt.

Die Formatierung wird von der Textnavigation der Designansicht übernommen.


Angehängte Datei(en)

.jpg breadcrumb_text.jpg (Größe: 25,66 KB / Downloads: 61)


.jpg breadcrumb_text1.jpg (Größe: 23,88 KB / Downloads: 56)


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

Lumis-Webdesign in Nürnberg
(Dieser Beitrag wurde zuletzt bearbeitet: 22.07.2010 10:22 von barbara0701.)
Beitrag #2
nach oben
Webseite des Benutzers besuchen 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.581 28.09.2011 22:10
Letzter Beitrag: astour
  Klappleisten - Navigation in NOF Pittiplatsch 3 3.630 08.12.2010 10:41
Letzter Beitrag: Snoopy Joker
  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