Perfection or Vanity

Sztuczka ta jest bardzo stara i znana w światku Ludzi Którzy Uwierzyli, ale nadal może być czymś nowym dla innych designerów. Technika rollover na obrazkach polega oczywiście na zamienianiu ich po najechaniu kursorem. Tworzy się gustowna, interaktywna animacja. Wszystko przy wsparciu ze strony JavaScript.

Otóż nie musi tak być. Od czego mamy CSS?

Potrzebowałem ostatnio sposobu na stworzenie drzewka za pomocą semantycznego XHTML i opisania jego wyglądu za pomocą CSS. Pod pojęciem semantycznego, mam na myśli brak classitis. Przez to, że należy korzystać z pseudoklasy CSS3 :last-child, podany przykład nie działa na Operze. No, a że na IE nie to chyba oczywiste.

Ostatnio Vendro założył sobie fotoblog. Wszedłem z ciekawości. Cóż, layout jak layout, ale zdenerwował mnie dziecinny skrypt "blokujący" prawy klawisz myszy. Nie to, żebym od razu chciał ukraść jego obrazy. Po prostu mam w zwyczaju używać kliknięcia myszrolką, aby uaktywnić tryb przewijania samymi jej ruchami, góra-dół.

Kolega, po moim zwróceniu uwagi, skrypt zdjął. Lecz co z przyczyną, która spowodowała umieszczenie takiego "zabezpieczenia"? Obiecałem, że na coś wpadnę. No i wpadłem. Rozwiązanie proste i niedenerwujące. To znaczy troszkę denerwujące nadal może być - ponieważ sprawiamy, że klik prawym na zdjęciu nie jest naprawdę klikiem na nim samym. ;) No, ale zobaczycie o co chodzi dalej.

Próbowałem wyczarować menu w CSS takie jak w Dark Throne. Oczywiście bez bajerów typowych dla JS - delaya i zatrzymywania się na pozycji w menu.

Nie potrafię znaleźć wyjścia dla użycia position: absolute;, przez co dolne menu nie jest wycentrowane. Przykład oczywiście na razie nie działa na NUP, są tam widoczne istne puzzle. Testowane na razie tylko na Gecko. :) Lecz możliwe, że błędy są przez box-model albo białe znaki między ul a li. Kończąc - to było wyzwanie rzucone przez admina, więc nie dziwię się że poległem. Aczkolwiek popróbuję jeszcze - takie menu to bardzo ciekawy efekt na stronie. :-)