Заходим в joomla 1.5.8 в модуль (например поиск) включаем параметр показывать кнопку отключаем параметр «Кнопка как изображение» присваиваем модулю суффикс (в принципе если для всех кнопок сайта изображение одно можно и не ставить) далее открываем css файл своего шаблона (находится он templates/shablon/css/template.css) и применяем следующие стили к нашим кнопкам input
.button_poisk {margin-left:5px; border:0; width:126px;height:20px; background: url(/images/buttonp.gif) no-repeat; cursor:hand; }
input.button_poisk:hover{ background: url(/images/buttonph.gif) no-repeat; cursor:hand; }
Где
.button класс кнопок input
_poisk суффикс модуля
:hover что сделать с элементом при наведении на него курсора
border:0; убирает рамку вокруг кнопки стоящую по умолчанию с ней очень не красиво
width:126px;height:20px; без комментариев
background: url(/images/buttonp.gif) no-repeat; сделать фоном кнопки изображение из папки images в корневой папки joomla не повторять
cursor:hand; менять курсор при наведении