Регистрация

Что нового?

Внимание, Гость! Для скачивания данного ресурса, тебе необходимо поставить «Like» на данный ресурс.

JavaScript отключён. Чтобы полноценно использовать наш сайт, включите JavaScript в своём браузере.

AURFUN

Виджет социальной сети

Главная
Software development
XenForo
Template modification
Виджет социальной сети

1 / 4

Обзор

Resource Description

1. Заходим в Внешний вид > Стили > Ваш стиль который используете > Шаблоны

, дальше нажимаем на кнопку в правом верхнем углу "Добавить шаблон"

, открывается окно в "Название шаблона" пишем _widget_social_cum в окно пишем текст который будет ниже.

Код:

<div class="linkHub">
    <div class="linkHub-header">
        <div class="linkHub-title"></div>
    </div>
    <div class="linkHub-body">
        <div class="linkHub-grid">
            <a href="https://t.me/..." class="linkHub-item">
                <div class="linkHub-ico"><i class="fab fa-telegram-plane"></i></div>
                <div class="linkHub-text">Мы в Telegram</div>
            </a>
            <a href="https://discord.gg/..." class="linkHub-item">
                <div class="linkHub-ico"><i class="fab fa-discord"></i></div>
                <div class="linkHub-text">Официальный Discord</div>
            </a>
            <a href="https://vk.com/..." class="linkHub-item">
                <div class="linkHub-ico"><i class="fab fa-vk"></i></div>
                <div class="linkHub-text">Группа VK</div>
            </a>
            <a href="https://youtube.com/..." class="linkHub-item">
                <div class="linkHub-ico"><i class="fab fa-youtube"></i></div>
                <div class="linkHub-text">YouTube</div>
              
                <a href="/forums/8/" class="linkHub-item">
                <div class="linkHub-ico"><i class="fa--xf fas fa-tools"></i></div>
                <div class="linkHub-text">Тех.Раздел Test</div>
                  
                <a href="/forums/13/" class="linkHub-item">
                <div class="linkHub-ico"><i class="fa--xf fas fa-comments"></i></div>
                <div class="linkHub-text">Сервер Test</div>
            </a>
        </div>
    </div>
</div>

2. Изменяете название и ссылки на свои получаются такие баннеры