Responsywne menu składające się z kilki elementów w jednym wierszu


ForumKategoria: HTML i CSSResponsywne menu składające się z kilki elementów w jednym wierszu
Anonimowy zapytał 9 lat temu

 Witam,

WSTĘP
Z góry uprzedzam że jestem grafikiem, nie programistą, zatem często nawet najbardziej podstawowe kodowanie jest dla mnie trudne. Przygotowuję obecnie swoje portfolio w oparciu o Adobe Muse i troszeczkę Edge Animate jednak powyższe programy są bardzo ograniczone przez co muszę napisać coś z palca.

ZADANIE
Za pomocą Adobe Muse przygotowałem menu aby wyglądało tak jakbym chciał. Jednak ów program nie pozwala wykonać responsywności na której mi zależy. Chcę aby menu było przypięte do prawego górnego rogu przeglądarki nawet przy scrollowaniu i skalowaniu.

Wygląd menu przygotowany w Muse
http://problem.bplaced.net/responsive_menu/test_003/

Walcząc z problemem udało mi się zrobić wersję responsywną jednak nie udało mi się dodać odpowiedniej interaktywności jak w wersji z Muse.
http://problem.bplaced.net/responsive_menu/test_004/

Link do pliku Muse 2015:
http://problem.bplaced.net/responsive_menu/menu_responsywnosc_004.muse

PROBLEM
1 – Zależy mi aby całe pole klawisza było klikalne tak jak te z pierwszego linku, a nie każdy z elementów klawisza osobno.
2 – Chciałbym aby po najechaniu myszką klawisza, zapalały się wszystkie jego elementy jednocześnie.
3 – Menu powinno mieć stałą szerokość i mieć 50px margines z prawej strony.
5 – Bardzo fajnie by było gdyby pasek na dole menu był animowany. Rósł od lewej do prawej stając sie cały ciemno szary.

Dziękuję za każdą pomoc!