Warning: Redis::get(): php_network_getaddresses: getaddrinfo for localhost failed: No address associated with hostname in /home/klient.dhosting.pl/michalko/webroad.pl/public_html/wp-content/plugins/litespeed-cache/src/object-cache.cls.php on line 665

Warning: Cannot modify header information - headers already sent by (output started at /home/klient.dhosting.pl/michalko/webroad.pl/public_html/wp-content/plugins/litespeed-cache/src/object-cache.cls.php:665) in /home/klient.dhosting.pl/michalko/webroad.pl/public_html/wp-content/plugins/dw-question-answer/inc/Posts/Base.php on line 20

Warning: Cannot modify header information - headers already sent by (output started at /home/klient.dhosting.pl/michalko/webroad.pl/public_html/wp-content/plugins/litespeed-cache/src/object-cache.cls.php:665) in /home/klient.dhosting.pl/michalko/webroad.pl/public_html/wp-includes/feed-rss2-comments.php on line 8
Komentarze do: Jak w prosty sposób stworzyć responsywną nawigację? https://webroad.pl/html5-css3/678-responsywna-nawigacja blog dla webmasterów, na którym piszemy o HTML5, CSS3, JavaScript, webdesign, UX, CMS Thu, 07 Jun 2018 10:20:31 +0000 hourly 1 https://wordpress.org/?v=6.9.4 Autor: Jagoda https://webroad.pl/html5-css3/678-responsywna-nawigacja#comment-14326 Thu, 07 Jun 2018 10:20:31 +0000 https://webroad.pl/c7-zasoby/c36-html-css/678-responsywna-nawigacja/#comment-14326 Po tym jak menu zmieni się w jeden button, po jego kliknięciu nic się nie dziej.

]]>
Autor: netteria.net https://webroad.pl/html5-css3/678-responsywna-nawigacja#comment-6534 Fri, 28 Apr 2017 12:18:33 +0000 https://webroad.pl/c7-zasoby/c36-html-css/678-responsywna-nawigacja/#comment-6534 Ładnie opisane, starannie, itd. Mam tylko pytanie, czy nie prościej użyć bootstrapa i dostosować jedynie sam wygląd?

]]>
Autor: Szyszka https://webroad.pl/html5-css3/678-responsywna-nawigacja#comment-2565 Sun, 24 Jul 2016 22:40:00 +0000 https://webroad.pl/c7-zasoby/c36-html-css/678-responsywna-nawigacja/#comment-2565 Odpaliłam pliczek, by zobaczyć, jak to wygląda, i w ani desktopowym firefoxie, ani w desktopowej operze nie reaguje na kliknięcie na menu (obie najnowsze wersje). Wrzuciłam link do opery mobilnej i na telefonie wyszło cacy. Pytanie następuje: czemu nie chce działać normalnie? Spotkał się ktoś z tym problemem?

]]>
Autor: Damian https://webroad.pl/html5-css3/678-responsywna-nawigacja#comment-2246 Tue, 31 Mar 2015 13:11:00 +0000 https://webroad.pl/c7-zasoby/c36-html-css/678-responsywna-nawigacja/#comment-2246 W momencie, gdy mam włączone rozwijane menu dla rozdzielczości mniejszej niż 960px, chciałbym aby po kliknięciu na daną pozycję Menu zamykało się automatycznie. Da się zrobić coś takiego?

]]>
Autor: Mr.Mr https://webroad.pl/html5-css3/678-responsywna-nawigacja#comment-1099 Fri, 30 Aug 2013 12:08:00 +0000 https://webroad.pl/c7-zasoby/c36-html-css/678-responsywna-nawigacja/#comment-1099 nie ma semantycznie nic wspólnego z nawigacją. To duża wada takich rozwiązań.

]]>
Autor: Krzysiek https://webroad.pl/html5-css3/678-responsywna-nawigacja#comment-1098 Fri, 30 Aug 2013 10:47:00 +0000 https://webroad.pl/c7-zasoby/c36-html-css/678-responsywna-nawigacja/#comment-1098 Pomysł jest dobry, ale jak zwykle można ciut inaczej.

Ja zrobiłem responsywne menu zmieniające się z pomocą mediaqueries i oczywiście z jquery. Menu to jest oparte o menu i odpowiednio sformatowane. Gdy rozdzielczość jest mniejsza niż 768 px zwykłe menu zamieniam w select i sprawdza się to doskonale. Pozwolę sobie przytoczyć przykład jaki umieściłem na stronie http://www.elbox.info. Jak by było zainteresowanie mogę napisać krótki tutorialek.

]]>
Autor: Mr.Mr https://webroad.pl/html5-css3/678-responsywna-nawigacja#comment-1049 Tue, 20 Aug 2013 11:44:00 +0000 https://webroad.pl/c7-zasoby/c36-html-css/678-responsywna-nawigacja/#comment-1049 To duże uproszczenie. Mimo wszystko strony liquid nie są lekarstwem na każde zło. Najczęściej dużo lepsze efekty otrzymuje się stosują podejście RWD w stylu serwowania róznych wersji strony przy różnych breakpointach.

]]>
Autor: Adam https://webroad.pl/html5-css3/678-responsywna-nawigacja#comment-1048 Tue, 20 Aug 2013 11:32:00 +0000 https://webroad.pl/c7-zasoby/c36-html-css/678-responsywna-nawigacja/#comment-1048 W prawdziwym projekcie wystarczy jeden breakpoint, a stronę zakodować jako liquid layout.

]]>
Autor: Guest https://webroad.pl/html5-css3/678-responsywna-nawigacja#comment-1042 Mon, 19 Aug 2013 14:34:00 +0000 https://webroad.pl/c7-zasoby/c36-html-css/678-responsywna-nawigacja/#comment-1042 mega spoko dzięki:)

]]>
Autor: Michał Kortas https://webroad.pl/html5-css3/678-responsywna-nawigacja#comment-1039 Sat, 17 Aug 2013 09:30:00 +0000 https://webroad.pl/c7-zasoby/c36-html-css/678-responsywna-nawigacja/#comment-1039 Okej, już wszystko jest. Dzięki

]]>
Autor: Mr.Mr https://webroad.pl/html5-css3/678-responsywna-nawigacja#comment-1038 Sat, 17 Aug 2013 08:48:00 +0000 https://webroad.pl/c7-zasoby/c36-html-css/678-responsywna-nawigacja/#comment-1038 To daj jeszcze linka do niego :P

]]>
Autor: Mr.Mr https://webroad.pl/html5-css3/678-responsywna-nawigacja#comment-1036 Sat, 17 Aug 2013 08:45:00 +0000 https://webroad.pl/c7-zasoby/c36-html-css/678-responsywna-nawigacja/#comment-1036 W artykule jest jedynie przykład zastosowania. W prawdzimy projekcie powinno się wyznaczyć co najmniej 4 breakpointy.

]]>
Autor: Michał Kortas https://webroad.pl/html5-css3/678-responsywna-nawigacja#comment-1034 Fri, 16 Aug 2013 18:15:00 +0000 https://webroad.pl/c7-zasoby/c36-html-css/678-responsywna-nawigacja/#comment-1034 Zaktualizowałem. Dzięki :)

]]>
Autor: DMati https://webroad.pl/html5-css3/678-responsywna-nawigacja#comment-1033 Fri, 16 Aug 2013 12:12:00 +0000 https://webroad.pl/c7-zasoby/c36-html-css/678-responsywna-nawigacja/#comment-1033 Dorzuciłbym pozostałe mediaqueries z bootstrapa, albo jedynie dla width max 600px mobilne a dla max 960px „w pół drogi”.

]]>
Autor: Mr.Mr https://webroad.pl/html5-css3/678-responsywna-nawigacja#comment-1032 Fri, 16 Aug 2013 11:46:00 +0000 https://webroad.pl/c7-zasoby/c36-html-css/678-responsywna-nawigacja/#comment-1032 Faktycznie. Zmieniłem trochę sposób wyświetlania menu i działa.

Dzięki za informację.

Demo będzie dostępne jak Michał je wrzuci :P

]]>
Autor: Marcin Jagielnicki https://webroad.pl/html5-css3/678-responsywna-nawigacja#comment-1031 Fri, 16 Aug 2013 10:22:00 +0000 https://webroad.pl/c7-zasoby/c36-html-css/678-responsywna-nawigacja/#comment-1031 Po akcjach w takiej kolejności: zmniejszenie rozdzielczości, otwarciu i zamknięciu nawigacji a następnie zwiększeniu rozdzielczości, menu znika.

]]>