Joomla 2.5 Кликабельная область

Самое простое - это заключить объект в тэг ссылки.
То есть:

Код (html):

1. <a href="ссылка">
2.     <div id="...">...</div>
3. </a>

И добавляете к области стиль css:

Код (html):

1. #идентификатор-вашей-области:hover {
2.     cursor: pointer;
3. }

Или делайте действие через jQuery-выборку:

Код (CODE):

1. $('#идентификатор-вашей-области').click(function(){
2.  
3.     здесь пишите действие, которое будет выполняться по клику на область;
4.  
5. });

P.S.: Ссылка на ваш сайт не открылась, так что никакой конкретики.

 

В чём проблема?
Ваша стрелочка - простая картинка.

Код (html):

1. <a href="ваша-ссылка">
2.     <img src="http://increditme.ru/templates/beez_20/images/top_1_arrow.gif" style="z-index: 100; height: 40px; position: relative; margin-top: -50px; margin-left: 9px; z-index:100; height:40px;">
3. </a>

Нужно смотреть как выводятся блоки

Код (html):

1. <div class="HCTop">
2.     <div class="HCTItem">
3.     <div class="HCTItem">
4.     <div class="HCTItem">
5.     <div class="HCTItem">
6. </div>

Если это модули с типом HTML-код - заходите в Расширения - Менеджер модулей - {Название модуля} - В редакторе нажимаете кнопку Edit HTML Source и вставляете ссылку как написано выше.

 

Код (html):

1. <div class="HCTop">
2.     <div class="HCTItem">
3.  
4.         <img style="position:relative; z-index:10;"  src="http://increditme.ru/templates/beez_20/images/top_1.png">
5.  
6.         <a href="ваша-ссылка" border="0">
7.             <img style="z-index: 100; height: 40px; position: relative; margin-top: -50px; margin-left: 9px; z-index:100; height:40px;" src="http://increditme.ru/templates/beez_20/images/top_1_arrow.gif">
8.         </a>
9.                
10.     </div>
11. </div>

... не понял, вы не можете вписать в index.php ссылку? или не можете сохранить файл?