В этом уроке мы рассмотрим, как добавлять в любое место сайта произвольный html код (или другой) на примере информера прогноза погоды.
Добавление произвольного кода в joomla делается с помощью модуля «Произвольный html код». Но перед добавлением скриптов нужно отключить визуальный редактор, потому что он с точки зрения безопасности блокирует скрипты. Поэтому сначала заходим на главную страницу панели администратора (рис. 1) и в «общих настройках» выбираем пункт «Editor – No Editor» в разделе «Установки сайта» напротив «Визуальный редактор по умолчанию» (рис. 2).


Сохраняем с помощью кнопки «Сохранить» и приступаем к добавлению кода информера, код которого сначала возьмем с сайта прогнозов погоды http://rp5.ua/docs/informer/ru.

На этом  сайте мы ищем свой город и выписываем идентификатор города, который вставляем в наш код информера:

<center>   
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="160" HEIGHT="78" id="loader" ALIGN="center"> <PARAM NAME=movie VALUE="http://rp5.ua/informer/group/1/21.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=scale VALUE=noscale> <PARAM NAME=salign VALUE=LT> <PARAM NAME=wmode VALUE=transparent> <PARAM NAME=bgcolor VALUE=#FFFFFF> <PARAM NAME=flashvars VALUE="points=10075&lang=ru"><EMBED src="http://rp5.ua/informer/group/1/21.swf" quality=high scale=noscale salign=LT wmode=transparent bgcolor=#FFFFFF  WIDTH="160" HEIGHT="78" NAME="loader" flashvars="points=10075&lang=ru" ALIGN="center" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED></OBJECT>   
</center>

Для лучшего отображения мы к коду добавили тег <center> для центровки посередине. Этот код временно сохраняем в блокноте или другом редакторе.

В качестве примера сайта мы рассмотрим раздел «Славское» http://ezdimsami.com.ua/ru/lvivska/slavsko.html туристического сайта «Ездим сами».

Для добавления кода информера погоды в наш раздел мы создадим модуль «Произвольный html код». Для этого в панели администратора заходим в меню расширения и выбираем «Менеджер модулей» (рис. 3).

В «менеджере модулей» нажимаем кнопку «Создать», после чего появится окно «Модуль» со списком всех типов модулей (рис. 4). Здесь нужно выбрать пункт «Произвольный html код» и нажать кнопку «След.». Появится другое окно «Модуль» для настройки модуля и добавления html кода (рис. 5). Здесь мы вводим заголовок («Погода в Славском», Ставив галочку «Да» напротив «Включен», выбираем позицию модуля (в нашем случае «left»), порядок модуля (определяет местоположение модуля относительно других модулей в этой позиции), назначение меню ( в нашем случае выбираем галочку «Выбрать из списка» и в списке выбираем «Славское»). Код информера вставляем в поле под названием «Пользовательский текст».
После нажатия кнопки «Сохранить» наш созданный модуль должен появиться в «Менеджере модулей».


Если у нас есть много установленный активных модулей, то по умолчанию, на одной странице в «Менеджере модулей» показывается 20 модулей. Чтобы не искать наш модуль по всех страницах, удобно использоваться фильтром (рис.6). В нашем случае мы для фильтра задали слово «Славском», и в «Менеджере модулей» отобразился только что созданный наш модуль.

На рисунке 7 показано отображение нашего информера на сайте.