ś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

11 komentarzy:

  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ń
  5. miło się czyta te wpisy!

    OdpowiedzUsuń
  6. fajnie tu ! Podoba mi się Twój styl pisania.

    OdpowiedzUsuń
  7. Bardzo podoba mi się ten wpis.

    OdpowiedzUsuń
  8. człowiek każdego dnia uczy się nowych rzeczy, polecę tego bloga znajomym. Może sama tego spróbuję

    OdpowiedzUsuń
  9. Ja zawsze wracam do tego bloga, ciekawe miejsce.

    OdpowiedzUsuń
  10. Długo już śledzę ten blog, są tu ciekawe i przydatne informację, polecam wszystkim.

    OdpowiedzUsuń
  11. Nie jestem fachowcem i mistrzem w obsłudze komputera i wszystkich programów. Z internetu korzystam, jak każdy teraz i nie wyobrażam sobie nie mieć dostępu do sieci. A i taki radiowy jest warty uwagi, na https://fiberlink.pl/blog/internet-radiowy-wszystko-co-musisz-wiedziec/ można się dowiedzieć więcej jak dokładnie działa i na jakie jego działanie można liczyć. Nie wszędzie przecież dotarła już technologia światłowodowa.

    OdpowiedzUsuń