Сайт разработчика расширений Joomla, Joostina, 1c

Перед всеми манипуляциями обязательно сделайте резервные копии изменяемых файлов.

Много вопросов у новичков возникает как установке кода счетчика на сайт Joomla, попробуем разобрать несколько примеров установки счетчика в index.php шаблона.

Для примера возьмем стандартный шаблон beez, который идет в стандартной поставке в ядре Joomla и код счетчика pr-cy.

Идем на страницу заполняем все требуемые поля и в завершении получаем код счетчика:

  <a href="http://www.pr-cy.ru/" target="_blank" title="тИЦ и PR">
<img src="http://counter.pr-cy.ru/prcy/www.Вашь домен.ru" border="0" width="88" />
  </a>
 

Затем нам необходимо определится с какой стороны у нас будет находится счетчик в футере и вносим требуемое дополнение в 2 файла шаблона

1. \templates\beez\index.php
2. \templates\beez\css\template.css

Изменение index.php

Открываем файл на редактирование и находим следующий код:

<div id="footer">
  <p class="syndicate"> </p>
  <p>
    <a href="http://www.joomla.org/">Joomla!</a>
  </p>
    <div class="wrap"></div>
</div>
 

Вот сюда то мы и будем ставить контейнер и в него уже вставлять код(ы) нашего счетчика(ов).

 <div id="counter">Код счетчика(ов)</div>

В результате у нас должно получится что то такое

<div id="footer">
  <p class="syndicate"> </p>
  <p>
    <a href="http://www.joomla.org/">Joomla!</a>
  </p>
  <div class="wrap"></div>
      <div id="counter">
  <a href="http://www.pr-cy.ru/" target="_blank" title="тИЦ и PR">
<img src="http://counter.pr-cy.ru/prcy/www.Вашь домен.ru" border="0" width="88" />
  </a>
  </div>
</div>
 

Сохраняем файл в кодировке UTF-8 результат можно увидеть на Фото 1

Фото 1

Если же нам требуется поместить счетчик не справа, а слева, то тогда приступаем к редактированию файла template.css

Изменяем файл template.css

Открываем файл на редактирование и опускаемся в самый низ, где добавляем всего несколько строк кода:

#counter {
text-align: left;
}
 

Смотрим результат на фото 2

Фото 2

Если left заменить на center, результат будет, как на фото 3

Фото 3