Амедиатека списывает деньги с номера МТСЗапустил группу вконтактеНовые технологии дают толчок к будущемуЗа последние выходные почти полноценно перешёл на LinuxУмение ходить по грани

Позиция и модуль внутри материала

В Joomla есть две возможности размещать модули непосредственно в статьях:

Шаг 1. Убедитесь, что плагин включен

Шаг 1. Использование {loadposition} и {loadmodule} в Joomla

Шаг 2: Создание статьи

Если в вашем шаблоне нет модуля с позицией whoonline, вы можете использовать любую другую позицию для модуля.

Для демонстрации мы создадим статью, где будет предложено зарегистрироваться на сайте, а также будет информация о том, сколько человек находится на сайте в данный момент.

Шаг 2. Использование {loadposition} и {loadmodule} в Joomla

Шаг 3. Просмотр страницы

Теперь статья выглядит следующим образом. У нас пока не отображается модуль "Кто онлайн", так как он еще не создан у нас. Давайте узнаем, как его создать.

Шаг 3. Использование {loadposition} и {loadmodule} в Joomla

Шаг 4. Создание модуля Кто онлайн

Шаг 4. Использование {loadposition} и {loadmodule} в Joomla

Шаг 4. Использование {loadposition} и {loadmodule} в Joomla

Шаг 5: Определение стилей для модулей

Шаг 5. Использование {loadposition} и {loadmodule} в Joomla

Один изнаиболее простых способов разместить оба модуля рядом - это использовать теги div. Создадим общий контейнер, а внутри него поместим два блока. Внутри каждого из блоков пропишем соответствующий код.

>
id="div2" style="float: right; width: 350px; background-color: #00ff00;">
{ loadmodule mod_login }
 >

id="div2" style="float: right; width: 350px; background-color: #00ff00;">
{ loadposition whoonline }
 >

>

Так статья выглядит в визуальном редакторе.

Шаг 5. Использование {loadposition} и {loadmodule} в Joomla

Но на сайте она выглядит определенно лучше:

Шаг 5. Использование {loadposition} и {loadmodule} в Joomla

Если вы хорошо знаете CSS, вы можете использовать встроенные стили или классы из таблицы стилей шаблона, чтобы создать красивые модули, органично вписанные в дизайн сайта.