Witam serdecznie. Chodzi mi o stronę http://www.bialapodlaska.e-prawko.com/testy (http://www.bialapodlaska.e-prawko.com/testy)
Górny pasek menu Testy świeci się na zielono. Kiedy klikam inne cegiełki tego menu koloru zielonego już nie ma. Co może być tego przyczyną?
Nie chodzi tu o przyrostek modułu.
Hej dzięki za szybką odpowiedź..
Źle sprecyzowałem pytanie.
Dlaczego inne pozycje menu gdy są aktywne nie są koloru zielonego jak (Testy) ?
Chciałbym uzyskać taki efekt pozycja menu aktywna ma kolor zielony.
Dzięki.
alex51
23-06-2010, 16:22
Wyszukaj w pliku template.css wiersze w wartościami:
top: -32px;
np.:
template.css
wiersz 430:
.art-menu a:hover .l, .art-menu a:hover .r {
top:-32px;
}
.art-menu li:hover > a .l, .art-menu li:hover > a .r {
top:-32px;
}
.art-menu li:hover a .l, .art-menu li:hover a .r {
top:-32px;
wiersz 732:
ul.art-vmenu a.active .l, ul.art-vmenu a.active .r {
top:-32px;Eksperymentując ze zmianą wartości -32px na -64px zmienisz kolor na zielony.
Wydaje mi się, że taka zmiana w trzech pierwszych przykładach (od wiersza 430) powinna załatwić sprawę.
Pavlos
23-06-2010, 17:03
Witam. Poeksperymentowałem. Zmieniłem wszystkie wartości z -32px na -64px (top: -32px) zmiana jaka zaszła to zielony kolor po najechaniu na menu. Ciągle nie ma zielonego aktywnego przycisku.
depalage
23-06-2010, 17:47
Wystarczy zdefiniować w arkuszu stylów li z identyfikatorem #current, to jest to aktywne w danej chwili. Czyli np. jak w Twoim przypadku
li#current.item83 { style dla zielonego przycisku }
I tak z każdym w menu.
a_m
23-06-2010, 18:45
Panowie, podane przez Was rozwiązania nie zadziałają w szablonie @Pavlosa
depalage
23-06-2010, 23:04
Dlaczego mają nie zadziałać? Wystarczy się przyjrzeć temu co już jest, czyli zielonemu przyciskowi TESTY, który działa jak należy.
FireBug jasno pokazuje, że jest tam identyfikator #current. Proszę oto screen: http://i46.tinypic.com/2zta5v5.jpg
Wystarczy dać li#current.item77 a.active { style }
item77 oczywiście w zależności od przycisku różny numer.
a_m
24-06-2010, 06:52
Dlaczego mają nie zadziałać?
screen dotyczy jednego, konkretnego elementu listy; nie mieszajmy teorii z praktyką tam gdzie nie mają nic wspólnego
alex51
24-06-2010, 07:27
Wydaje mi się, że kontynuując tok rozumowania @depalage należałoby zmienić istniejące klasy poszczególnych pozycji menu aby uczynić je aktywnymi jak menu TESTY, które jest jak niżej widać:
<li class="active item77" id="current"><a class="active" href="/testy"><span class="l"> </span><span class="r"> </span><span class="t"><img alt="testy" style="margin-right: 5px; vertical-align: middle;" src="/images/stories/testy.png" class="art-metadata-icon">Testy</span></a></li>
Pozostałe pozycje menu mają następujący widok:
<li class="item80"><a href="/osrodki-szkolenia-kierowcow"><span class="l"> </span><span class="r"> </span><span class="t"><img alt="osrodki-szkolenia-kierowcow" style="margin-right: 5px; vertical-align: middle;" src="/images/stories/szkola.png" class="art-metadata-icon">Szkoły</span></a></li>
Różnice w klasie menu TEST i menu SZKOŁY są wyraźnie widoczne i tu należałoby szukać możliwości poprawienia mankamentu, na który zwrócił uwagę @Pavlos.