Dobra, juz mam totalna zalamke... zostalo tylko to menu do zrobienia a jednak ciagle jest cos nie tak, jak kasuje cache z przegladarki, panelu joomla to dzieje sie to ze menu nie rozjezdza sie prawidlowo, na co zwrocil mi uwage pewien uzytkownik. Przejrzalem juz chyba wszystkie topiki na necie i nic. Chce proste menu w css takie jak np. tutaj - ogolnie fajna stronka i ten webadministrator gold jest chyba bardzo podobny do joomla - http://www.starcraft2.net.pl/portal/...licystyka.html (to sie chyba nazywa menu rozwijane).
Nie ukrywam, ze licze na gotowca. Oto zalozenia: Menu w czystym szablonie - nowym po prostu nowe menu, aby bylo mi to latwiej zrozumiec te parametry pogrubione moglyby byc niezmienione. NIe bawcie sie w jakies zgodnosci z przegladarka, wystarczy ze bedzie dzialac na 1 np. operze a reszte sobie dopisze. Jakis link ktory pozwoli mi to zrozumiec jak ktos zna tez bardzo chetnie !
Module Parameters
Menu Name menuleft
Menu Style LIST
Start Level 0
End Level 0
Always show sub-menu Items No
Target Position PUSTE
-----
Advanced Parameters
Show Whitespace NO
Caching USE GLOBAL
Menu Tag ID PUSTE
Menu Class Suffix PUSTE
Module Class Suffix -menuleft
Maximum Menu Depth 10
----
Other Parameters
Show Menu Images Yes
Menu Image Alignment Left
Menu Image Link Yes
Expand Menu No
Activate Parent No
Full Active Highlighting No
Indent Image TEMOPLATE
reszta default.
Indent Image 1
Indent Image 2
Indent Image 3
Indent Image 4
Indent Image 5
Indent Image 6
Aktualnosci,ktore sa "rodzicem" dla dwoch podlinkow DODAJ WIADOMOSC oraz ARCHIWUM. Potem sa LINKI i GALERIA.
Czyli
HOME (item1)
|
AKTUALNOSCI (item2)
|
--------DODAJ NEWSA (item3)
|
--------ARCHIWUM (item4)
|
GALERIA (item5)
|
LINKI (item6)
Menu w menu menager nazywa sie menu_left.
Ponizej moje dotychczasowe wypociny:
Kod:
div.moduletable-menuleft h3
{
display: none;
}
div.moduletable-menuleft
{
position: relative;
top: -750px;
width: 250px;
font-size: 15px;
font-family: verdana;
font-style: normal;
font-weight: normal;
}
Jezeli chodzi o stylizowanie pozycji:
div.moduletable-menuleft .item1 /* button MENU - home */
{
height: 120px;
!!! TUTAJ NIE DZIALA left: 50xp; - o to mi chodzi miedzy innymi !!!
}
div.moduletable-menuleft .item2 /* AKTUALNOSCI */
{
background: url("../images/title_main.png") no-repeat;
text-indent: 30px;
line-height: 27px;
}
div.moduletable-menuleft .item3 /* AKTUALNOSCI - DODAJ NEWSA, podlink */
{
background: url("../images/title_sub.png") no-repeat;
}
div.moduletable-menuleft .item4 /* AKTUALNOSCI - ARCHIWUM, podlink */
{
background: url("../images/title_sub.png") no-repeat;
}
div.moduletable-menuleft .item5 /* GALERIA */
{
background: url("../images/title_sub.png") no-repeat;
text-indent: 30px;
line-height: 27px;
}
div.moduletable-menuleft .item6 /* LINKI */
{
background: url("../images/title_sub.png") no-repeat;
text-indent: 30px;
line-height: 27px;
}
Kod:
div.moduletable-menuleft h3
{
display: none;
}
div.moduletable-menuleft
{
position: relative;
top: -750px;
width: 250px;
font-size: 15px;
font-family: verdana;
font-style: normal;
font-weight: normal;
list-style-image: url("../images/trans_dot.png");
/* color: #800000; */ /* okresla kolor kropeczek (ui,li) - gdy black - nie widac kropeczek (zlewa siďż˝ z tlem) */
/* background: url("../images/finals_3.png") no-repeat; */
border: 1px solid purple;
}
div.moduletable-menuleft ul li {
margin: 0 !important;
padding: 0 !important;
background: none !important;
}
div.moduletable-menuleft ul li a {
padding: 2px 0;
display: block;
color: #917A49;
background: url(../images/hdot2.gif) repeat-x bottom;
text-decoration: none;
outline: none;
}
div.moduletable-menuleft ul li a span
{
}
div.moduletable-menuleft ul li a:hover
{
color: #ddd7b1;
}
div.moduletable-menuleft ul li a:active
{
color: gray;
}
div.moduletable-menuleft ul li a:focus
{
color: #b39e79;
}
div.moduletable-menuleft ul li.active a
{
font-weight: bold;
text-decoration: none;
}
div.moduletable-menuleft ul li.active a span
{
}
div.moduletable-menuleft ul li li a span
{
background: none;
}
div.moduletable-menuleft ul li ul
{
margin: 0;
padding: 0;
list-style-image: url("../images/trans_dot.png");
}
div.moduletable-menuleft ul li li
{
padding: 0 0 0 15px !important;
list-style-image: url("../images/trans_dot.png");
}
div.moduletable-menuleft ul li li a
{
color: red;
font-size: 92%;
font-weight: normal;
}
div.moduletable-menuleft ul li li a:hover,
div.moduletable-menuleft ul li li a:active,
div.moduletable-menuleft ul li li a:focus
{
color: blue;
}
div.moduletable-menuleft ul li li a span
{
font-weight: normal;
}
Przy okazji zwiastun mial racje, kod css jest opowiedzialny za rowijanie sie menu a lista w joomli tylko temu sprzyja.