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:



 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:


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


  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:



 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:



 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:



 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:



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


Und welcher Button Set verwendet werden soll:



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


Das wäre es dann schon.

Viel Spaß damit!

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.