Przypisywanie różnych stanów obiektom w programie Adobe Muse

Zamknij przeglądarkę i powróć do programu Adobe Muse.

Kliknij widżet jeden raz, aby zaznaczyć całe menu. Kliknij przycisk „food”, aby zaznaczyć pozycję menu „food”. Jeśli przez przypadek klikniesz po raz trzeci, a Wskaźnik zaznaczenia wyświetli słowo Etykieta, naciśnij klawisz Esc, aby przeskoczyć o jeden poziom wyżej w hierarchii. We wskaźniku zaznaczenia pojawi się słowo Pozycja menu.

Ponieważ opcja Edytuj razem jest włączona w panelu Opcje, wszelkie zmiany w wyglądzie pozycji menu „food” zostaną zastosowane wobec pozostałych przycisków w widżecie Menu poziome. Dzięki temu edytowanie trwa krócej. Domyślna opcja Edytuj razem powinna być włączona, o ile projekt witryny nie wymaga zastosowania odrębnej stylizacji wobec poszczególnych przycisków.

Otwórz panel Stany, klikając jego kartę lub wybierając polecenie Okno > Stany.

Panel ten umożliwia edytowanie różnych sposobów wyświetlania grafiki przycisku w zależności od operacji wykonywanej kursorem przez gościa witryny. Zwróć uwagę, że istnieje kilka szarych pól, które określają wygląd każdego stanu.

W podglądzie witryny można było zauważyć, że stan Zwykły odnosi się do wyglądu menu po pierwszym wczytaniu strony, gdy kursor gościa nie został jeszcze użyty na żadnym elemencie. Jeśli osoba odwiedzająca witrynę umieści kursor na przycisku, zostaną wyświetlone style zastosowane wobec stanu Najazd. Jeśli osoba odwiedzająca naciśnie ten przycisk, zostaną wyświetlone style zastosowane wobec stanu Wciśnięty klawisz myszy. Wreszcie, jeśli gość znajduje się na danej stronie witryny (np. kliknął pozycję menu about i wciąż przegląda stronę about), wygląd przycisku odpowiada ustawieniom stanu Aktywny. Ostatni stan jest opcjonalny, jednak przydaje się w niektórych sytuacjach i np. pozwala gościom zorientować się, na której stronie aktualnie przebywają.

W panelu Stany kliknij każdą z pozycji na liście: Zwykły, Najazd, Wciśnięty klawisz myszy i Aktywny. Zwróć uwagę, że w miarę klikania kolejnych stanów w panelu widżet Menu na stronie aktualizuje się i wyświetla domyślny wygląd stanu.

Kliknij ponownie stan Zwykły. Zaznaczywszy pozycję menu „Home”, kliknij ikonę koloru wypełnienia i wybierz całkowicie inny kolor, np. czerwony. Po ustawieniu innego koloru wypełnienia wszystkie pozycje menu aktualizują stan Zwykły, ponieważ opcja Edytuj razem jest włączona.

Wybierz opcję Przejście, a następnie wybierz Blaknięcie. Przejście między stanami obiektu wiąże się z jego wyblaknięciem lub rozjaśnieniem, zgodnie z ustawieniami.

Po wybraniu opcji przejścia z jednego stanu do drugiego można ustawić następujące opcje:

Opóźnienie: opóźnienie przejścia z jednego stanu do drugiego, w sekundach.

Czas trwania: czas trwania przejścia.

Prędkość: w tym miejscu można utworzyć przejście liniowe lub ułatwić przejście do kolejnego stanu. Możesz także wybrać opcje Zmniejsz tempo, Zwiększ tempo lub Zmniejsz/zwiększ tempo. Przejście obiektu zwalnia lub przyspiesza zgodnie z ustawieniami.

Wybierz ponownie polecenie Plik > Podgląd witryny w przeglądarce, aby sprawdzić dostosowany stan Zwykły przycisku. Po pierwszym załadowaniu menu wszystkie przyciski są czerwone poza tym, który oznacza bieżącą stronę. Po najechaniu kursorem na każdy z przycisków jest wyświetlany domyślny szary kolor stanu Najazd, który tworzy efekt najazdu.

Na potrzeby tego przykładu zaznacz każdy ze stanów w panelu Stany (lub zaznacz każdy z nich za pomocą menu Stany obok wskaźnika zaznaczenia w panelu sterowania) i ustaw kolor wypełnienia na brak (biała próbka z ukośną czerwoną kreską). To ustawienie usuwa kontury przycisków pozycji menu z widoku, dzięki czemu stają się przezroczyste i widać przez nie tło.