В Джумле при верстке шаблона надо что-бы для каждого пункта меню была своя картинка. Как так сделать ?

у вас есть классы для каждого пункта меню - выглядят как item1, item2 ...
вцелом меню выглядит как

<ul class="menu">
<li id="current" class="active item1"><a href=".../"><span>Главная</span></a></li>
<li class="item36"><a href="..."><span>О компании</span></a></li><li class="item35"><a href="..."><span>Новости</span></a></li>
...
</ul>

в вашем случае лучше назначить картинки в бэкграунд к тегам <a> или тегам <span> внутри элементов списка
если меню несколько, то стоит пользоваться либо уникальным классом для каждого, или добавить айди каждому меню (это в админке можно указать, насколько я помню)

ul.menu li a {
display:block;
width: ...;
height: ...;
background-repeat: no-repeat;
background-position: left top;
}
/* дальше картинка для каждого элемента меню по ID */
ul.menu li.item1 a {
background-image: url(link);
}
....

по желанию можно сделать другую картинку для активной ссылки - класс .active - для этого сделайте для каждого пункта одну картинку из двух - одна под другой и допишите правило для класса active (можно еще и id="current" использовать)

ul.menu li.active a {
background-position: left bottom;
}

- так, если "активная картинка" находится под "обычной" картинкой

да, и плюс к тому, если вы используете бэкграунд для тега <a>
то вы можете добавить еще и картинки для каждого состояния - например для a:hover - картинка для кнопки при этом остается одна. меняется только background-position для каждого состояния.
если что-то непонятно/не выходит - напишите...