Przesuniecie pozycji menu.

[zwiastun]

ten standardowy obrazek umieszczany przez Joomla! za pomocą parametrów może mieć bodaj maks. 11x11 px, a przesuwanie wymaga grzebania w kodzie Joomla!.
Ja piszę o możliwości stylowania konkretnej pozycji menu, jaką daje klasa itemXXX.
Ogólnie:
- usuwasz z listy wyświetlającej menu punktowanie (list-style:none)
- stylizujesz ogólnie wszystkie pozycje danego menu
- stylizujesz konkretną pozycję
Obrazek umieszczasz za pomocą backround

[bartspam]

Tak wlasnie mam zrobione: zamiast list-style:none; mam list-style-image: url("../images/trans_dot.png"); czyli przezroczysta kropeczke 1x1px. Obrazki background tez sa poumieszczane.

menu jest wystylizowane - pozycja,szerokosc itp.


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;
}

Powiedzcie prosze co robie zle. Wydaje im sie ze to blad w tym kodzie (konkretnie to chyba cos z klasami). Bo jak klikne na aktualnosci to nie pojawiaja sie podlinki DODAJ NEWSA i ARCHIWUM.

To DODAJ NEWSA nie pojawia sie takze po zalogowaniu na strone (to gdyby ta opcja byla dostepna tylko dla zalogowanych, ale po zalogowaniu takze sie nie wyswietla ten link w menu).

Jak tylko strona bedzie online dam link do strony. Chodzimio taki efekt jak http://www.starcraft2.net.pl/ gdy klikniecie w menu na PUBLICYSTYKA.

[malkowitch]

Po pierwsze. na przyszłość Ci radzę, nie używaj tego:

position:        relative;
top: -750px;

po drugie:

!!! TUTAJ NIE DZIALA left: 50xp; - o to mi chodzi miedzy innymi !!!

Do czego ma się tyczyć te left. left masz tylko przy ustawionym position; korzystaj jeśli już to z padding lub margin.

mogę wiedzieć poco zmieniałeś styl listy na przezroczysty obraz?

[bartspam]

Rozumiem, dzieki nie wiedzialem, że left można stosować tylko w połączeniu z position.

Strona to http://www.diii.pl/ - totalny bałagan ze względu na css.

Niestety nadal nie moge tego ustawic. http://img40.imageshack.us/img40/5116/menuc.png

Chodzi o cos takiego jak na rysunku. po lewej uklad jak to wyglada obecnie po prawej tak jak ma wygladac. Mysle, ze menu jest ustawione na sztywno - ta fioletowalinia i obrazka, ktory tez nalezy do menu nie da sie przeniesc poza nia. W prawa strone obrazek mozna przeniesc bez problemu.

Nie znam sie na css, świetnie by bylo ustawic strone tak jak na wspomnianym http://www.starcraft2.net.pl/ zeby np. stopka tak nie uciekala jak mi. Pozycje relatiwe mam ustawiona wszedzie bo ponoc absolutnie sie nie powinno ustawiac... tak wyczytalem.

Wracajac do tej listy... nie wiedzialem, ze istnieje takak komenda co ja czysci, ajej nie chcialem wiec wymyslilem z tym obrazkiem przezroczystym.

[malkowitch]

atrybut position używać lepiej gdy się już "trochę" zna CSS i XHTML (miesiąc to za mało)

Dobrze było by zapoznać się z podstawami pozycjonowania blokami.

radzę na początek w czystym html i css zrobić kilka stronek testowych.
nadać każdemu blokowi stronki kolor i uczyć się.

jak już się uparłeś na to co tam teraz masz to spróbuj najpierw zrobić szkielet strony w html bez joomla. kazdy blok innym kolorem i sprawdzać zachowanie.

obecnie masz tam nie tyle bałagan przez css ale i przez niepozamykane tagi lub nie pełne.

[bartspam]

Hej uporalem sie z tym ! wystarczylo nadac position i wkleic left: -60px;

.... rece opadaja, ze sam na to nie wpadlem. Dziekowa malkowitch.

Jaj przepuszczam strone w walidatorze to pisze o jakis niezamknietych tagach (1 table oraz 1 div), ale nie moge ich znalezc a validator nie podaje bezposrednio gdzie sie te bledy znajduja. Divy w htmlu to pestka Ale ustawiam je tak samo jak na tej stronie. Da sie pomojemu ale pewnie to mozna zrobic inaczej lepiej... czytam czytam ale niczego ciekawego nie moge znalezc. Bardzo chetnie przesle Ci kod css ktorego uzywam, jak znajdziesz cos co moge poprawic aby lepiej to funkcjonowalo bardzo prosze o kontakt.

Pozostaje jedynie problem z podlinkami w menu, ktore po kliknieciu w nadlink (rodzica) nie pojawiaja sie.

Oczywiscie zgodnosc tej strony to tylko opera i ff w najnowszych wersjach, za ie sie nawet nie zabieram bo po roku bym tego nie zrobil. Jak ludzie robili skorki pod ie, zwlaszcza dla tych starszych wersji to mnie dziw bierze. Ja odpadam na dzien dzisiejszy.

[malkowitch]

Wszystko to kwestia przyzwyczajenia. Większość moich stron działa pod IE, FF, Opera i pochodne Gecko
Robiłem także raz stronię pod Safari o FF.

Jak chcesz to zarzuć gdzieś cały katalog szablonu w zip i prześlij mi link do zipa na PM

Oględnie mogę luknąć.

Wierz mi, ze position lepiej używać w ostateczności bo wiele przeglądarek ma problemy. Potrafią taki element wywalić w kosmos (częste w IE)

[bartspam]

PM poszedl. Na razie walcze z tym menu, pozycje itemow poustawiane ale za nic w swiecie nie pokazuja sie podlinki.

[bartspam]

NIe możliwoscią umnie jest ustalenie tego ze po kliknieciu na link w menu wyswietlaly sie podlinki... Ktokolwiek sie z tym spotkal i sobie poradzil, proszony jest o pomoc.

[zwiastun]

Bo to nie jest prosta konstrukcja. Jeśli nie jesteś wytrawnym grzebaczem w CSS, to na próżno Twoje wysiłki. A wytrawny nie zadawałby takich pytań.
Rozwijane menu masz w szablonie JAPurity (poziome). O innych pisałem razy kilka na forum.