ś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

0 komentarze:

Prześlij komentarz

Nowości Helionu