Menu 2 stopnia - templatka BlueBusiness

[gmoszkow]

Witam

Tworzę stronę, gdzie niezbędne są mi menu 2 stopnia.

Czyli np mam w main menu mam Nasze rozwiązania i jak na nie klikam to rozwija się menu poniżej i pojawiają się kolejne pozycje, np: Cash-n-Can, Talking Cans itp itd.

Pobralem templatkę BlueBusiness i tam niestety jest taki efekt, że po kliknięciu tego menu nadrzędnego (Nasze Rozwiązania) rozwija się pod menu w pozycjami, ale one są kompletnie nie sformatowane.

Domyślam, się, że w to css jest problem i nie zostało to zdefiniowane.

Proszę więc napiszcie mi:
1. w której templatce to jest zrobione prawidłowo to sobie poradzę
2. albo jak mam to zrobić

dla przykładu umieszczam zrzut o co mi chodzi


A chciałbym bo to wyglądało ładnie - np z wcięciem i trochę mniejszą czcionką.

Grzegorz

[Dylek]

Z dowolnej innej templatki (o ile posiada taki plik) wez sobie grafiki indent1.png, indent2, indent3... One odpowiadaja za grafike, ktora u Ciebie sie nie wyswietla.
Co do formatowania - to CSS templatki za to odpowiada

[Viking]

jakie klasy zobaczysz w FF (źródło zaznaczenia)

[gmoszkow]

Viking, Dylek: dzięki za pomoc.

Pobrałem pliki indent z innej templatki i zaczyna być lepiej, i po kliknięciu w Nasze rozwiązania wygląda to teraz tak:


No ale nie jest to jakoś szczególnie piękne.

Co mam zmienić bym mógł mieć:
1. Tło takie jak w pozycjach Start, Nasze rozwiązania i Napisz do nas
2. Zamiast jednego trójkącika np dwa albo jeszcze inny znaczek wprowadzający.

Co do css templatki to go przejrzałem, ale generalnie cssy to nie za bardzo wiem jak sie gryzie i nie wiem gdzie mam tego szukać bądź to dodać.

Wdzięczność mą okażę osobie, która rozwiązanie wskazać mi zechce.

Grzegorz

[gmoszkow]

Częściowo już mi się udało - może się komuś przyda więc opiszę

1. w css stowrzyłem nową klasę (tak to się chyba nazywa) .lewakolumna a.sublevel
2. skopiowałem zawartość z klasy .lewakolumna a.mainlevel
3. poprawiłem wartości
text-indent (zwiększyłem wcięcie)
margin-left (zmniejszyłem margines)
4. stworzylem nowy plik tla z dwiema strzałkami (trójkącikami)
5. zmienilem plik w tej klasie na nowy - żeby się 2 strzałki ładowały
później

6. skopiowalem klasę .lewakolumna a.mainlevel na .lewakolumna a.sublevel
i tam już tylko podmieniłem plik tła

No i działa.

Teraz mam tylko jedno pytanie:

Menu w tej templatce ładnie się zaczyna (tam gdzie jest nazwa menu), ale zamiast kończyć się tak samo ładnie to się urywa. Jak zrobić by menu kończyło się odwróconym tłem pod nazwą menu???

Grzegorz

[INFONET]

Ja się też bawiłem ta templatką i zrobiłem taki trick. Skopiuj ten obrazek tła nazywa się chyba menutlo.gif, ktory jest nad menu, z katalogu tego szablonu i w programie graficznym go odwróc do góry nogami. Przeslij te odwrocone tlo na serwer i zrob tak

1. Utworz moduł mod_html, wpisz w niego <img... /> wiesz przeciez co
2.I nastepnie opublikuj ten modul zaraz pod modułem zawierającym twoje menu
3. Voila! :cool:

[gmoszkow]

Infonet: Cwany lis z Ciebie - spróbuję jak mi się nie uda to się odezwę

Grzegorz

[Viking]

rozwiązanie tyle cwane co badziewiaste ;)

poprawnie należałoby zmienić sposób wyświetlania modułów na -3 (przykładowo mosLoadModules( 'left' , -3 );) wtedy, jak wszyscy co czytali podstawy podstaw tworzenia szablonów dla Joomla!, moduł wyświetla się zamknięty w 4 div'ach z klasą .module, którą można sformatować w css między innymi nadając każdemu div'owi inne tło:

.module {background: url(../images/1.gif) left top no-repeat}
.module div{background: url(../images/1.gif) right top no-repeat}
.module div div {background: url(../images/1.gif) left bottom no-repeat}
.module div div div {background: url(../images/1.gif) right bottom no-repeat}
.module div div div div,.module div div div div div{ (tu trzeba odwołać: )background-image: transparent}
.module h3 {(style nagłówka)}

[INFONET]

rozwiązanie tyle cwane co badziewiaste ;)

Czepiasz się jak podaje komuś kto widać że ma niezbyt długi staż w Joomla rozwiązanie najprostsze? Oczywiście każdy kto trochę siedzi w tym dłużej wie że można to zrobić inaczej ale po pierwsze jest to najszybsze i można taki obrazek umieszczać pod wybranymi menu.
Nie wiem czy zauważyłeś że nie wymaga to grzebania za każdym razem w css gdy ma się np. 3 menu na stronie ale np. 4 z jakiś względów (bo np. pod nim umieszczamy dajmy na to jakiś obrazek) nie chcemy zakończyć tą odwróconą obramówką. I sam jesteś badziewiasty jak się czepiasz rzeczy które można zrobić ze strony panelu admina przez każdego kto dopiero po raz pierwszy zainstalował Joomla.
To na tyle

[Viking]

czepiam się, racja, ale zgódź się, że to trochę jak używanie młota pneumatycznego do wbijania gwoździ - uda się wbić ale...
epitet był niepotrzebny - przepraszam

Podałem też szkic rozwiązania