A tak zrobiłem - mi wydaje się że jest bardziej czytelnie.
Żeby osiągnąć tak wyglądające menu:
1.Otwierasz do edycji .. /themes/prestashop/css/global.css (albo inny global.css twojego theme'a, który edytujesz)
2.Znajdujesz wpis " div#categories_block_left ul.tree li ul li "
3.Po tym wpisie, w klamrach "{... ...}" są opisane właściwości tego elementu. Na końcu (ale przed klamrą zamykającą) umieść wpsy:
" border-left-style: outset;
border-left-color: gray;
border-left-width: 1px;
background-image: url("../img/sitemap-last.gif");
background-position: -14px -4px;
background-repeat: no-repeat;
"
4.Następnie znajdujesz wpis " div#categories_block_left ul.tree li ul li.last "
5.I tam umieszczasz (jak poprzednio również w klamrach) wpis :
" padding-bottom: 12px;
border-bottom-style: inset;
border-bottom-width: 1px;
border-bottom-color: gray;
border-left-style: outset;
border-left-width: 1px;
border-left-color: gray;
background-image: url("../img/sitemap-last.gif");
background-position: -14px -4px;
background-repeat: no-repeat;
"
6.Zapisujesz plik global.css i gra gitara :)
Zmieniając niektóre parametry - np: kolor gray na red, możesz pobawić się z wyglądem i uzyskać lepszy efekcik, odstępy etc, etc.
Sorry za łopatologiczne wyłożenie tematu , ale zrobiłem to z tego względu, że nie każdy musi przecież wszystko wiedzieć a forum ma być miejscem na zdobycie informacji także przez tych co potem poczytają.
