Создание HTML виджета

Сообщения
435
Реакции
1,777
Баллы
93
Совместимость с XenForo: 2.0, 2.1

Возможно у кого возникают проблемы с этим, решил написать небольшой мануал.
Создаем новый виджет HTML, ключ, заголовок, на свое усмотрение, хотя заголовок можно не указывать в поле, но для отображения в списке виджетов будет лучше. Делаем шаблон:
Код:
<div class="block custom-widget">
    <div class="block-container">
        <h3 class="block-minorHeader">Название виджета</h3>
        <div class="block-body block-row">
            Содержимое виджета
        </div>
        <div class="block-footer">
            Содержимое футера виджета
        </div>     
    </div>
</div>
Включаем расширенный режим
Чем удобнее так делать?
Можно убрать заголовок вообще, это:
Код:
<h3 class="block-minorHeader">Название виджета</h3>
Можно добавить футер:
Код:
<div class="block-footer">
    Содержимое футера виджета
</div>
Можно добавить свой класс custom-widget и уже добавлять нужные свойства именно к этому виджету
Можно добавить иконку фа или любую другую сразу в коде:
Код:
<h3 class="block-minorHeader"><xf:fa icon="fa-comments" /> Название виджета</h3>
 
Сверху Снизу