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.
Cytuj
Wysłane przez bartspam
Jak chcesz cos zbudowac porzadnie, to musisz sam budowac. Inaczej wydaje Ci sie, ze wiesz. Chodzi mi o 1 proste menu tak jak w w tym przykladzie - to 1 (psy+koty razem lol 
). Jutro bo dzisiaj juz padam zainstalujke standardowa joomle i zobacze jak to wyglada z tymi standardowymi menu. Wydawalo mi sie ze menu takie jak w tej stronce podalem to prosta sprawa... tylko ja w kodzie css cos mieszam.
Troche glupio, ze od razu zaczalem zabawe z czystym szablonem no ale wydaje mi sie, ze dzieki temu moja wiedza jest duzo wieksza. Pisalem, ze nie ukrywam ze licze na gotowca bo skonczyly sie wszedkie pomysly i sugestie. Jest jakas ksiazka gdzie opisuja powstawanie menu do joomli od podstaw ? Zreszta napisanie menu to tych 5 linkow to pikus dla kogos zaawansowanego, nie licze na jakies zgodnosci z przegladarkami, ani kolory + grafe tylko czysty prosty kod aby sprawdzic dlaczego u mnie to nie dziala ! Na pewno jest wiecej osob ktore maja taki sam problem, a po tak dokladnym opisaniu problemu i jego rozwiazaniu, pytan bedzie na pewno mniej. A strony w 95% sa opierane na gotowych szablonach i nie mozliwosci dla ich posiadaczy czegos przestawic, zmienic a w joomli chyba na tym to polega, ze w prosty sposob konfigurujesz witryne do swoich potrzeb.
