HTML Оформление подписки Premium XenForo

[MEMER_FAUD]

Настройки - форумы - создаем - узел - СТРАНИЦА - url premium - заголовок достаточно назвать PREMIUM - отображения 900 можно) PHP работу не трогаем прописываем этот код в HTML шаблон узела

<div class="block" style="max-width: 1200px; margin: 0 auto;">
    <div class="block-container">
        <div class="block-body">
            <div class="block-row" style="text-align: center; margin-bottom: 40px;">
                <h1 style="color: #fff; margin-bottom: 10px;">ЭЛИТНАЯ НУ БЛЯХА ОЧЕНЬ ЭЛИТНАЯ ПОДПИСКА</h1>
                <p style="color: #aaa; font-size: 16px;">Весь потенциал форума ТИПА ТЕЩУ ПОДПИСКУ!</p>
            </div>

            <div class="pricing-cards" style="display: flex; flex-wrap: wrap; gap: 25px; justify-content: center; align-items: stretch;">
            
                <div style="flex: 1; min-width: 280px; border: 2px solid #444; border-radius: 20px; padding: 30px; background: #1a1a1a; display: flex; flex-direction: column;">
                    <div style="text-align: center; margin-bottom: 25px;">
                        <h2 style="color: #4CAF50; margin: 0 0 15px 0; font-size: 24px;">🥉 PREMIUM</h2>
                        <span style="background: #4CAF50; color: white; padding: 8px 25px; border-radius: 25px; font-weight: bold; font-size: 14px;">499₽ / месяц</span>
                    </div>
                    <div style="flex-grow: 1; margin-bottom: 25px;">
                        <ul style="list-style: none; padding: 0; margin: 0;">
                            <li style="padding: 12px 0; border-bottom: 1px solid #333;">✅ 50 реакции в день</li>
                            <li style="padding: 12px 0; border-bottom: 1px solid #333;">✅ 20 поднятий тем</li>
                            <li style="padding: 12px 0; border-bottom: 1px solid #333;">✅ Цветной никнейм</li>
                            <li style="padding: 12px 0; border-bottom: 1px solid #333;">✅ GIF аватар</li>
                        </ul>
                    </div>
                    <div style="text-align: center;">
                        <a href="#" style="display: block; padding: 15px; background: #4CAF50; color: white; text-decoration: none; border-radius: 10px; font-weight: bold; font-size: 16px; transition: all 0.3s;">
                            🛒 КУПИТЬ
                        </a>
                    </div>
                </div>
                <div style="flex: 1; min-width: 280px; border: 2px solid #ff9800; border-radius: 20px; padding: 30px; background: #1a1a1a; display: flex; flex-direction: column; transform: scale(1.05); box-shadow: 0 15px 40px rgba(255, 152, 0, 0.3);">
                    <div style="text-align: center; margin-bottom: 25px;">
                        <div style="background: #ff9800; color: white; padding: 8px 20px; border-radius: 20px; margin: -30px -30px 20px -30px; font-weight: bold; font-size: 14px;">🔥 САМЫЙ ВЫГОДНЫЙ</div>
                        <h2 style="color: #ff9800; margin: 0 0 15px 0; font-size: 24px;">🥈 SELLER</h2>
                        <span style="background: #ff9800; color: white; padding: 8px 25px; border-radius: 25px; font-weight: bold; font-size: 14px;">999₽ / месяц</span>
                    </div>
                    <div style="flex-grow: 1; margin-bottom: 25px;">
                        <ul style="list-style: none; padding: 0; margin: 0;">
                            <li style="padding: 12px 0; border-bottom: 1px solid #333;">✅ 100 реакции в день</li>
                            <li style="padding: 12px 0; border-bottom: 1px solid #333;">✅ 30 поднятий тем</li>
                            <li style="padding: 12px 0; border-bottom: 1px solid #333;">✅ Приоритет в чате</li>
                            <li style="padding: 12px 0; border-bottom: 1px solid #333;">✅ Все возможности SELLER</li>
                        </ul>
                    </div>
                    <div style="text-align: center;">
                        <a href="https://infocheat.ru/index.php?account/upgrades" style="display: block; padding: 15px; background: #ff9800; color: white; text-decoration: none; border-radius: 10px; font-weight: bold; font-size: 16px; transition: all 0.3s;">
                            💎 КУПИТЬ
                        </a>
                    </div>
                </div>
                <div style="flex: 1; min-width: 280px; border: 2px solid #9c27b0; border-radius: 20px; padding: 30px; background: #1a1a1a; display: flex; flex-direction: column;">
                    <div style="text-align: center; margin-bottom: 25px;">
                        <h2 style="color: #9c27b0; margin: 0 0 15px 0; font-size: 24px;">🥇 SUPERMODER</h2>
                        <span style="background: #9c27b0; color: white; padding: 8px 25px; border-radius: 25px; font-weight: bold; font-size: 14px;">250P / месяц</span>
                    </div>
                
                    <div style="flex-grow: 1; margin-bottom: 25px;">
                        <ul style="list-style: none; padding: 0; margin: 0;">
                            <li style="padding: 12px 0; border-bottom: 1px solid #333;">✅ Безлимитные симпатии</li>
                            <li style="padding: 12px 0; border-bottom: 1px solid #333;">✅ 50 поднятий тем</li>
                            <li style="padding: 12px 0; border-bottom: 1px solid #333;">✅ Анимированный ник</li>
                            <li style="padding: 12px 0; border-bottom: 1px solid #333;">✅ Все возможности SUPERMODER</li>
                        </ul>
                    </div>
                
                    <div style="text-align: center;">
                        <a href="#" style="display: block; padding: 15px; background: #9c27b0; color: white; text-decoration: none; border-radius: 10px; font-weight: bold; font-size: 16px; transition: all 0.3s;">
                            👑 КУПИТЬ
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Смайлы берите по вкусу здесь - https://emojigraph.org/ru/

А да, после создания узла, его копируем имеется ввиду ссылку, а сам узел скрываем от публика форума снимаем детку галочку (это не сложно) ЛКМ и все )

Заходим настройки - навигацию и тут уже создаем навигацию жесткую мега сильную ))

Добавляем элемент навигации - ID навигации 123))
Порядок отображения - 900
В заголовок навигации вставляем этот код:

<span style="     font-weight: 800;     background: linear-gradient(45deg, #FF4500 0%, #FF8C00 50%, #FFD700 100%);     -webkit-background-clip: text;     -webkit-text-fill-color: transparent;     color: #FF4500; ">⭐ Это бляха  Premium</span>

Автор: AirDeveloper