гайд xenforo | Enginr.ru - Форум социальной инженерии
  1. DESALIN

    Гайд Создаем уведомления в темах | xenForo

    Уведомления в темах с цветными баннерами С помощью рекламного блока и простого условия xf:if, можно создать внутритемовые уведомления, которые будут отображаться: только в нужных темах для нужных пользователей в нужных цветах (по смыслу: ошибка, информация, подтверждение и т.д.) Шаг 1...
  2. DESALIN

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

    Как создать кастомный HTML-виджет в XenForo Если вы хотите разместить на форуме блок с произвольным содержимым — текст, иконки, ссылки, рекламные материалы — подойдёт HTML-виджет, который легко настраивается и не требует создания отдельных шаблонов. Шаг 1: Создание виджета Перейди в: Админка...
  3. DESALIN

    Гайд Подпись в адаптивном дизайне xenForo

    Отображение подписи на мобильных устройствах 🔍 Проблема: По умолчанию подписи пользователей скрыты в адаптивной (мобильной) версии форума. ✅ Решение: Добавим специальный CSS в extra.less, чтобы подписи отображались и на смартфонах, но с ограничением ширины изображений. Код для вставки в...
  4. DESALIN

    Гайд Контакты в дополнительных полях тем (Telegram, VK, OK) xenForo 2.1

    🔧 Что делаем: Создаём дополнительные поля тем. Настраиваем их отображение с иконками Font Awesome. Добавляем стили для красивого вывода и анимации. 🛠️ Шаг 1: Создание дополнительных полей Переходим: Админка → Темы → Дополнительные поля темы → Добавить 🔹 Пример: Telegram ID поля: telegram...
  5. DESALIN

    Гайд Виджет «Мы в социальных сетях» xenForo

    Создаём стильный иконный виджет со ссылками на соцсети в боковой панели форума. Шаг 1: HTML-шаблон виджета Название виджета: Мы в социальных сетях Ключ: soc_button_widget Позиция: Список разделов → Боковая панель HTML-код: <div class="block soc-button_widget" {{ widget_data($widget) }}>...
  6. DESALIN

    Гайд Анимированные баннеры групп в XenForo

    Добавим эффектную анимацию фона для баннеров групп через extra.less. Шаг 1: Основной стиль для .userBanner .userBanner { color: #fff; text-transform: uppercase; font-weight: 600; font-size: 65%; padding: 3px 6px; background-size: 600% 600%; animation: AnimBanner...
Назад
Сверху