Witam, jak mogę poprawić swoje menu na sklepie żeby druga podkategoria była też bardziej przesunięta w prawo jak pierwsza podkategoria? Podczas rozwijania zaczynając od kategorii głównej opis podkategorii się przesunie lekko w prawo natomiast podkategoria podkategorii już się nie przesunie i nie widać że to się dalej rozwinęło. Dalej chciałbym, aby było w ten sposób że jak rozwijam kolejno to żeby np włączona kategoria główna się pogrubiła (żeby było widać że jest wciśnięta) i tak samo kolejno wciskając 1 podkategorię żeby się również pogrubiła i kolejna podkategoria również itd itp. Na chwilę obecną to jest bardzo nieczytelne niestety. Nie wiem czy na zdjęciu opisowym i w samym opisie jest to jasne bo ciężko tak troszkę to wytłumaczyć, ale może uda mi się w samym opisie. Wygląd menu (jeżeli nie jest to utrudnieniem to można byłoby zmienić kolor tego co wciśnięte i pogrubić): Kategoria 1 (pogrubiona jeżeli wciśnięta) Podkategoria Podkategoria Podkategoria podkategorii (pogrubiona jeżeli wciśnięta)Podkategoria PodkategoriaKategoria 2 Kategoria 3 Kategoria 4 itd itp na chwile obecną to wygląda to tak i nie wiadomo co w danej chwili jest wciśnięte nawet. Niby jest podświetlone ramką na niebiesko ale co jest rozwinięte to nie wiadomo: Kategoria 1 Podkategoria Podkategoria Podkategoria podkategorii Podkategoria PodkategoriaKategoria 2 Kategoria 3 Kategoria 4 da radę to ogarnąć w jakiś sposób? Szybko i bezboleśnie? A ten obrazek zrobiony w paint-ie to nie należy chyba do najlepszych
Udało mi się tylko coś takiego stworzyć: Kod: #box_menu ul li .level_2 { padding-left: 6em; } @TheL pomysł?
wkleić to gdzie? Do własnego kodu CSS? Bo mam coś już tam dodane więc jak wstawię ten kod to nic to nie zmienia a mam dodane to: #box_menu ul li.current > a { color: #fff; background-color: #59B6FF; } element.style { } .menu .innermenu .menu-list li h3 a { padding: 0.9em; color: #554FB1; } @media (max-width: 800px){ #facebook { width: 210px; visibility:hidden; height: 290px; position: fixed; top: 250px; background-color: #fff; border: 5px solid #3B5997; right: -230px; z-index: 50 padding:5px; -webkit-transition: right 0.5s ease-out; -moz-transition: right 0.5s ease-out; -o-transition: right 0.5s ease-out; transition: right 0.5s ease-out; }} @media (min-width: 800px){ #facebook { width: 210px; height: 290px; position: fixed; top: 250px; background-color: #fff; border: 5px solid #3B5997; right: -230px; z-index: 5; padding:5px; -webkit-transition: right 0.5s ease-out; -moz-transition: right 0.5s ease-out; -o-transition: right 0.5s ease-out; transition: right 0.5s ease-out; } #facebook:after{ content: url('../images/user/fb.png'); position: absolute; left: -45px; top: -5px; cursor: pointer; } #facebook:hover { right: 0;} }
Tak, do własnego stylu, dodaj na końcu, zobaczymy co będzie. Możesz profilaktycznie utworzyć kopię skórki, aktywować ją, wkleić zmiany. W razie W wrócimy do kopii poprzedniej, ale wątpię aby coś się wydarzyło.
dobra to ja poproszę powoli w punktach o co chodzi menu już ruszałem w każdym kierunku więc się da tylko poproszę o rozpiskę co jak i gdzie bo za dużo czasu nie mam na rozczytywanie całych zdań
Jak w pierwszym moim poście i w wielkim skrócie. Jest tak: Kategoria 1 Podkategoria Podkategoria Podkategoria podkategorii Podkategoria PodkategoriaKategoria 2 Kategoria 3 Kategoria 4 a chciałbym tak: Kategoria 1 (pogrubiona jeżeli wciśnięta/rozwinięta) Podkategoria Podkategoria (pogrubiona jeżeli wciśnięta/rozwinięta) Podkategoria podkategorii (pogrubiona jeżeli wciśnięta/rozwinięta)Podkategoria PodkategoriaKategoria 2 Kategoria 3 Kategoria 4 Ewentualnie ta kategoria/podkategoria etc., która w danej chwili jest wciśnięta i pokazywana- niech będzie podświetlony na niebiesko w ramce-tak jak mam w tej chwili zrobione na stronie Każda podkategoria jak i podkategoria-podkategorii żeby była wsunięta to środka jak na przykładzie powyżej. Po prostu żeby było widoczne która jest wciśnięta i co należy do której kategorii i podkategorii. A ten kod długi który wkleiłem Ja to taki po prostu mam dodany do własnego stylu CSS już w jakimś celu, po coś-to tylko tak wkleiłem bo może przez to nie działał kod Grzegorza.
dużo nie mam czasu więc to tylko przykład pokolorowany: Kod: .current_parent { background-color: yellow; } .current_parent ul li { margin-left: 30px; background-color: grey; } .current_parent ul li li { margin-left: 20px; background-color: green; } .current_parent - pokolorujesz główne kliknięcie .current_parent ul li - pokolorujesz i odsuniesz 1 poziom po kliknięciu .current_parent ul li li - pokolorujesz i odsuniesz 2 poziom po kliknięciu przykład poniżej, kolory chyba angielskie znasz jak nie zadziała wstaw we własne integracje przed </body> w znacznikach <style></style> oczywiście możesz to rozbudować o hovery i inne takie jak Ci się tylko życzy
kolory znam -zobaczymy jak to będzie wyglądało a rozumiem że bez tego kolorowania sie nie da? W sensie żeby to tylko pogrubiać? Zawsze coś, ale niestety nie o taki cuda mi chodziło bo staje się to mało czytelne niestety i za dużo tych kolorów. Jednak mimo wszystko-Dzięki za chęć pomocy zamiast linii z kolorem co trzeba dopisać żeby pogrubiało? Na chwil eobecną jak to wyrzuciłem (linię z kolorami) to się już wsuwa w prawo każda podkategoria tylko jest taki problem że po wciśnięciu kategorii delikatnie się przesuwa też całe menu w prawo. Mam wpisane tak: .current_parent ul li { margin-left: 30px; } .current_parent ul li li { margin-left: 20px; }
Ja właśnie podałem przykład wyraźny. Kolorów może nie być. Jak wstawisz przed </body> to możesz dać pogrubienia. W przykładzie chodziło o podanie samych klas, co z nimi zrobisz to już inna sprawa jak coś to pogrubienie to font-weight podałem Ci też informację o hoverach które mogą się przydać. Dodajesz je jako kolejne klasy z :hover. Może potem znajdę chwilę aby podać Ci pełny gotowy kod ale nic nie gwarantuję.
no to właśnie proszę żebyś niebawem znalazł chwilę bo ja to aż taki dobry w to nie jestem-kombinuję ale nic mi nie wychodzi niestety i nie działa jak bym chciał. Także w wolnej chwili bardzo bym prosił o pomoc i podesłanie tzw. gotowca. W takim razie pozostaje mi tylko czekać na Twoją wolna chwilę
Podbijam temat. Gdzie w plikach są zdefiniowane poniższe typy .current_parent? Nigdzie nie mogę tego znaleźć, a wklejenie tego kodu w styl własny CSS nie do końca spełnia swoje zadanie. Kod: .current_parent { background-color: yellow; } .current_parent ul li { margin-left: 30px; background-color: grey; } .current_parent ul li li { margin-left: 20px; background-color: green; }