Изменить вывод меню - Joomla 2.5: Настройка и оптимизация

Возник вопрос как изменить вывод меню

есть ксс файл и предполагается что собственно каждый пункт меню будет заключен в
это собственно и решит проблему с порядком их отображения
будет несколько изображений 1 на другом
 
+ксс для названия

есть вообще идеи как частично это реализовать
и куда копать?

Извиняюсь, но Ваш вопрос не имеет ни какого отношения к работе сайта на движке Joomla.
Идите на профильные форумы по азам программирования сайтов и там задавайте этот вопрос.

о_0
вообще мой вопрос непосредственно касается Joomla
тк в настройках меню есть цсс суффикс и цсс стиль для каждого блока
другое дело ,что Google не помог мне в поисках,как верно указать этот суффикс и как дать ссылку на какойто определеннный див.
Тем более если бы он не касался Joomla , то зачем я бы спрашивал....

Для каждого пункта меню Вы можете назначить свое название суффикса CSS. И затем менять его как угодно.
Гляньте в параметрах настройки меню.
И в настройках параметрах модуля есть возможность свой суффикса CSS сделать.

Это исключительно вопрос CSS (от Joomla требуется только чтобы она давала правильный html-код меню - тоесть семантический список (ul li)
И она его дает, так что CSS примерно такой:

благодарю,помогло,возник еще вопрос
можно ли как нибудь поместить картинку  и имя пункта меню в собственные классы?
c картинкой разобрался,
можно ли както для пунктов меню вывести доп поля для  заголовка  и бэкграунда ?

В параметрах пункта меню можно задать класс любому пункту меню. Блин.... или ссылке... не помню... В любом случае у каждого пункта меню есть уникальный класс item-{id}

это да я нашел,
но как вывести доп поля ?
я понимаю ,что это нужно лезть в недры Joomla но хотябы где это можно найти
(тоесть добавить доп поле на заголовок ,+на бекграунд)

P.S с заголовком тупанул , span class ="image-title"
или чтото вроде того ,но уже нашел

но всеравно выходит немного не то ,
потому что заголовок вкладывается в тотже класс ,что и картинка(

ты чего хочешь добиться? и для чего?

хочу приблизиться к подобной структуре
с item блок каждого пункта меню(c этим все получается  +)
circle- бекграунд  ( -  )
icon-иконка (иконка тоже выводится +)
<i> собственно имя категории(  - )

хочу обычную менюшку на сайт ,но знаешь чтобы располагалась ,как в вирту март товары ,примерно вот в подобном виде)
тоесть по середине сайта менюха с категориями)
искал модули ничего подобного не нашел

с item блок каждого пункта меню(c этим все получается  +)
circle- бекграунд  ( -  )
icon-иконка (иконка тоже выводится +)
<i> собственно имя категории(  - )

Это все прекрасно делается на меню Joomla, не надо ничего придумывать. в крайнем случае вывод модуля Joomla можно тоже поменять, причем без хаков.
Вот стандартный вывод модуля, этого вполне хватит для твоих целей:
Бэкграунд - кружок пропишешь в CSS. Зачем тебе иконка обернутая в спан - тоже не пойму. Тегу img можно также задавать padding, margin, vertical-align, border - вобщем все что может понадобиться. Иногда помогает свойство display: inline-block - дает большие возможности для оформления. Правда для ие6-7 над пофиксить (display: inline; zoom: 1)
[offtop]
только что родилась идея прикрутить в user.js оперы html-редактор CodeMirror ))
[/offtop]

просто дело в том )что сам бекграунд квадратный ,а кладется на него поверх формочка круглая ) так ,что получается бек круглый)
я конечно в php дописал для item-ов класс ,но это особо не помогло(
P.S всетаки через ж. но удалось сделать)