Menu slider z ikonami (extended menu)

[grzybiarz]

Witam. To znowu ja :)
Mam problem z menusami. Zobaczcie tutaj w dziale "Dyskografia"
http://www.master.pl/~zyzio/
To całe menu to jest ramka wbudowana, po kliknięciu na okładkę, pojawia się tytuł i można przejść w artykuł.
Jak tkaie coś zrobić w tej całej Joomli? Da się?
Jeszcze jakby okładki były czarno-białe, a po najechaniu zmieniały się w kolorowe, to byłoby już całkiem:)
Mam moduł "Extended menu", ale jak to skonfigurować?
W stylach szablonu mam coś dopisać? W ogole nie mogę tego aktywować:(

[grzybiarz]

Nikt na tym forum nie potrafi zrobić menu graficznego? z miniaturkami jpg, zamiast zwyklych linków?

[zwiastun]

Nawet jeśli wie, to wcale nie znaczy, że ma jakiś obowiązek napisać Ci instrukcję, jak to zrobić. Twoja wypowiedź jest nie na miejscu!

[grzybiarz]

Okej, sorki, wiem że to głupie sie upominać, ale po prostu czekałem i czekałem, więc odświeżyłem temat. Jak na razie wszystko mnie zniechęca do tej Joomli i chyba zrezygnuję.

[zwiastun]

No cóż, nikt Cię przecież nie przymusza do korzystania. Jest tyle ciekawszych zajęć na świecie.
A zrobienie obrazkowego menu jest zadaniem banalnym, ale - niestety - wymagającym nieco umiejętności posługiwania się CSS i programem graficznym.

[Robster]

Da się zrobić.
Nie bawiłem się menu obrazkowym poprzez opcje dostępne w zapleczu, ale bawiłem się w jego tworzenie za pomocą Extended Menu i CSS.
Każda pozycja submenu ma swój unikatowy identyfikator w postaci klasy. Wystarczy w CSS odpowiednio oprogramować poszczególne pozycje i już masz obrazki jakie ci się wymarzą.

Co do napisów pojawiających się po najechaniu na obrazek, to można użyć alt'a, lub jednego z rozwiązań "na chmurkę" dostępnych w sieci. Np:

Dodajesz do HEAD:

<script type="text/javascript">
function Chmurka(T,t){
T.alt=''
T.parentNode.lastChild.style.display=t?'block':'no ne'
}
</script>


W CSS:

.chmurka {
position:absolute;display:none;left:25px;top:25px;
border:1px dashed #0072bc;background-color:#448cca;
padding:5px;font:normal normal 10px Arial,Verdana;
}

I podczepiasz pod obrazek:

<img src="obrazek.jpg" onmouseover="Chmurka(this,1)" onmouseout="Chmurka(this,0)" class="chmurka" />

Źródło skryptu:http://www.webtips.pl/topic/24312-chmurki-przy-obrazkach/

CSS oczywiście według własnego uznania.
Wystarczy nieco wiedzy, nawet tej podstawowej i troszkę chęci, a z materiałami dostępnymi w sieci możesz to wszystko zrobić sam.

[zwiastun]

Z tym, że extended menu nie jest tu do niczego potrzebne. Wystarczy menu generowane przez Joomla.

[grzybiarz]

Dzięki Robster, jutro się tym pobawię.
Zwiastun:
Tak, wiem, że jest sporo innych zajęć, tylko że ja lubię robić strony. Dotychczas w HTMLu, a znajomi na innym forum, polecili mi właśnie tego CMSa. Owszem jest łatwy, ale to co ja chcę zrobić, to nie byle jaka witrynka z newsami i komentarzami. To ma ładnie wyglądać i być przejrzyste.
Było tak: http://www.master.pl/~zyzio/
A jest tak: http://www.grooby.cal.pl/krycek/ (nazwy chwilowe)

[grzybiarz]

Kurcze, nie mogę tego opanować.
Menu ma być tylko graficzne po kliknięciu na "Dyskografia". mają się wysunąć okładki, tzw "slider menu".
Mam ten extended menu, ale co dalej? W stylach CSS mam coś dopisać, a potem w klasie menu (modułu). Ale co?
Tak samo, jaki link mam ustawić na "Dyskografie"? Przegląd artykułów? Po kliknieciu na "Dyskografia", ma się wysunąć menu z okładkami.
Echh, w html'u było to dwie minuty klikania, a tutaj? :|

[zwiastun]

Jeśli w HTML-u to były "dwie minuty klikania" to:
a) zrób to w HTML-u
b) podejrzyj zwykłe menu tekstowe generowane przez Joomla! (najlepiej posłuż się firebugiem)
c) odczytaj, jakimi selektorami możesz dysponować, a masz ich niemało
d) "przepisz" to "zrobione w HTML-u" na Joomlowe! - ostyluj
e) wpisz style do arkusza css
f) rozwiązanie np. dla chmurek podpowiedział robster

[grzybiarz]

Zwiastun, thx za rady, ale menu o którym pisałem, jakoby było w HTMLu, chodziło mi że składa się z ramek:
http://img40.imageshack.us/img40/1175/beztytuuwle.th.jpg (http://img40.imageshack.us/i/beztytuuwle.jpg/)
Dla mnie to wygoda przy tworzeniu, bo dodając nowy artykuł, nie musiałem zmieniać menusów na każdej podstronie. Jednakże jest minus, co widać na screenie - trzecia ramka z tekstem, miała określony rozmiar, a co za tym idzie scrollbar, co denerwowało przy przeglądaniu dłuższych artykułów.

Podejrzałem menu tekstowe, które posiadam (w narzędziu Opery) - dokładniej, link "Dyskografia". Otrzymałem:

<a href="/krycek/index.php?option=com_content&view=category&layout=blog&id=37&Itemid=28">
<span class="l"> </span>
<span class="r"> </span>
<span class="t">Dyskografia</span>
Głupie pytanie, ale gdzieś mam dopisać w tym Extended menu classe "l","r", czy "t"?

Chciałbym, żeby tylko po kliknięciu na "Dyskografia" pojawiały się miniatury albumów, w miejscu obecnego menu.
Nie mogę tego opanować, nie wiem jaki link ustawić na tą nieszczęsną "Dyskografię". Przegląd artykułów?

[grzybiarz]

Zwiastun pisałeś że wykonanie takiego menu jest banalne, a jak widać nikt nie odpisuje, bo pewnie nie zna odpowiedzi (prócz grupki osob, którym się nie chce odpisać).