Responsywne menu z kilkoma elementami w jednym wierszu

Wszystko o HTML, XHTML, XML, CSS.
SoqllooS
Posty: 1
Rejestracja: 29 sie 2015, 22:16:45
Płeć: Niewybrana
User Agent: Opera Windows

Responsywne menu z kilkoma elementami w jednym wierszu

Post autor: SoqllooS »

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_m ... c_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!
ODPOWIEDZ