środa, 12 stycznia 2011

Witryny Google - pozioma nawigacja

W Witrynach Google zazwyczaj tworzymy panel nawigacyjny po lewej lub prawej stronie, co pokazaliśmy we wpisie Witryny Google - tworzymy nawigację. Masz jednak także możliwość zbudowania dwupoziomowego, rozwijanego menu u góry strony.

  • W zapleczu administracyjnym, na karcie Układ witryny, kliknij przycisk Zmień układ witryny.

Ukaże się okno Zmień układ witryny.

image

Rysunek - Modyfikowanie układu witryny

Poziomy pasek nawigacyjny nie jest domyślnie włączony. Gdy zaznaczysz tę opcję, po zapisaniu opcji kliknięciem OK zmieni się zawartość karty Układ witryny i będziesz mógł utworzyć poziomy pasek nawigacyjny znajdujący się nad stronami, ale poniżej nagłówka.

image

Rysunek - Edycja zawartości poziomego paska nawigacyjnego

Po kliknięciu linku edytuj zawartość ukaże się okno Właściwości nawigacji poziomej.

image

Rysunek - Okno dodawania stron do nawigacji poziomej

Gdy klikniesz Dodaj stronę, w oknie Wybierz stronę do dodania znajdź potrzebną ci stronę i wprowadź ją do poziomego paska nawigacyjnego.

image

Rysunek - Wybieranie strony do dodania

Domyślny styl elementów nawigacyjnych to Pola.

image

Rysunek - Style elementów nawigacyjnych

Po zapisaniu zmian pasek nawigacyjny wygląda następująco:

image

Rysunek - Pola w pasku nawigacyjnym

Karty mają bardzo podobny wygląd, natomiast Linki mają następującą postać:

image

Rysunek - Linki w pasku nawigacyjnym

Masz jeszcze możliwość tworzenia menu rozwijanego – najlepiej zilustruje to przykład.

Definicja nawigacji (zwróć uwagę na wcięcie stron niższego szczebla – są jednak maksymalnie dwa poziomy):

image

Rysunek - Definiowanie rozwijanego menu

Wynik w witrynie – menu rozwija się po przesunięciu nad nie kursora myszki:

image

Rysunek - Rozwijane menu w witrynie

4 komentarze:

  1. Świetny art ja sam obecnie szukam czegoś podobnego, żeby poprawić nawigację

    OdpowiedzUsuń
  2. Wygląda kozacko:)

    http://www.arp.waw.pl/bloczki.html

    OdpowiedzUsuń
  3. Stronki jak stronki, zwykłe wizytówki

    http://document-manager.pl

    OdpowiedzUsuń
  4. Ale wizytówki są też potrzebne.

    OdpowiedzUsuń