PDA

Zobacz pełną wersję : Modyfikacja modulu menu glowne



Regis
15-03-2007, 23:43
Jest to moj pierwszy post, wiec z miejsca chcialbym wszystkich powitac!!
Wracajac jednak do sedna sprawy.
Szukalem rozwiazania mojego "problemu" ale niestety nic nie udalo sie znalezc.
Otoz chcialbym aby modul zwiazany z menu glownym mial inna grafike niz reszta modolow. Aktualnie moduly skladaja sie z trzech obrazkow. Top, middle (zapetlone) i bottom.
Zalezy mi natomiast na tym, aby modol menu glowne byl zlozony z samych buttonow. Czyli tak jakby wykluczyc ten modul z przyznawania mu typowych skladnikow grafiki.
Jakasa propozycja?

zwiastun
16-03-2007, 03:21
Czyli moduł z klasą?!
Tworzysz specjalne klasy. Z przyrostkami
- klasę modułu, np. .moduletable-menu albo .module-menu
- klasy menu, .mainlevel-piykne i sublevel-piykne (zwał jak chciał, oczywiście)
Więcej - poszukaj na www.joomla.pl/pomoc

Regis
16-03-2007, 09:51
Dzieki wielkie za nakierowanie!
Dla potomnych, metoda chalupnicza:
W menu administratora, dalem przyrostek klasy CSS modulu np: "-menu" (koniecznie z myslnikiem)
Nastepnie zmajstrowalem takiego (po)twora w css


#modleft.module-menu {
width:185px;
float:left;
position:relative;
margin-top:-40px;
margin-left:15px;
}

I dodalem go miedzy modleft a modright
Oczywiscie u mnie jest modleft, u Was moze byc cos inszego.
Kolejna rzecz, ktora dodalem to


#modleft div.module-menu {
width:185px;
background: tu wpisz link do tla;
margin-bottom:18px;
}
#modleft div.module-menu div {
width:185px;
background: tu wpisz link do tla;
}
#modleft div.module-menu div div {
width:185px;
background: tu wpisz link do tla;

}

Wiadomo, ze rozmiar poszczegolnych elementow to tylko i wylacznie Wasza sprawa :D. Tego (po)tworka tez dodalem miedzy tekstem okreslajacym modleft i modright

Jeszcze dodalem tego (po)twora w dwoch miejscach, nie wiem czy potrzebnie, ale dodalem :P


#modleft div.module div div div, #modleft div.module-menu div div div, #modright div.module div div div {
width:185px;
padding-left:10px;
padding-top:20px;
background:transparent;
padding-bottom:20px;
font-size:11px;
text-align:center;
}

I tu:


#modleft div.module-menu div div div div {
width:190px;
padding:0px;
margin-left:0px;
}

Oczywiscie miedzy modleft i modright
Dzialam na layoucie J.A.T, w/g mnie bardzo przejrzyscie napisany i przystepny dla takich ignorantow joomlowych jak ja.
Najwazniejsze jednak, ze sie udalo :D