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

AURFUN

Бейджики как на aurproject

67
1767306843966.webp
1 / 1
Обзор

Resource Description

1767306843966.webp[TABS]
[tab=RUS]Привет! Просили бейджи — выкладываю ТОЛЬКО БЕЙДЖИ для групп, и ничего лишнего. Всё остальное — делаете своими руками!
Установка
1. Панель управления → Внешний вид → Шаблоны → member_view.
Найдите в коде строку memberHeader-actionTop и вставьте следующий блок HTML-кода после неё:
HTML: 
    <xf:if is="$user.isMemberOf(5)">
        <div class="monser-premiumBadge" data-xf-init="tooltip" title="Premium">
            <xf:fa icon="fas fa-crown" />
        </div>
    </xf:if>
    <xf:if is="$user.isMemberOf(3)">
        <div class="aur-adminBadge" data-xf-init="tooltip" title="Admin">
            <xf:fa icon="fas fa-cog" />
        </div>
    </xf:if>
    <xf:if is="$user.isMemberOf(4)">
        <div class="aur-moderatorBadge" data-xf-init="tooltip" title="Moderator">
            <xf:fa icon="fas fa-star" />
        </div>
    </xf:if>
    <xf:if is="$user.isMemberOf(6)">
        <div class="aur-friendBadge" data-xf-init="tooltip" title="Friend">
            <xf:fa icon="fas fa-heart" />
        </div>
    </xf:if>
    <xf:if is="$user.isMemberOf(7)">
        <div class="aur-activeBadge" data-xf-init="tooltip" title="Active member">
            <xf:fa icon="fas fa-user" />
        </div>
    </xf:if>
2. Панель управления → Внешний вид → Шаблоны → member.less(или создайте новый шаблон с произвольным именем).
Вставьте следующий CSS-код:
CSS: 
    .monser-premiumBadge {
        width: 50px;
        height: 50px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: rgba(255, 175, 0, 0.15);
        border: 1px solid #ffaf00;
        border-radius: 8px;
        color: #ffaf00;
        text-decoration: none;
        transition: all 0.2s ease;
        box-shadow: 0px 0px 8px rgba(255, 175, 0, 0.3);
        pointer-events: auto;
     
        i, svg, .fa--xf {
            font-size: 24px !important;
            color: #ffaf00 !important;
            width: 24px;
            height: 24px;
        }
     
        &:hover {
            box-shadow: 0px 0px 12px rgba(255, 175, 0, 0.5);
            background: rgba(255, 175, 0, 0.2);
        }
    }
    .aur-adminBadge {
        width: 50px;
        height: 50px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: rgba(150, 0, 0, 0.15);
        border: 1px solid #960000;
        border-radius: 8px;
        color: #960000;
        text-decoration: none;
        transition: all 0.2s ease;
        box-shadow: 0px 0px 8px rgba(150, 0, 0, 0.3);
        pointer-events: auto;
     
        i, svg, .fa--xf {
            font-size: 24px !important;
            color: #960000 !important;
            width: 24px;
            height: 24px;
        }
     
        &:hover {
            box-shadow: 0px 0px 12px rgba(150, 0, 0, 0.5);
            background: rgba(150, 0, 0, 0.2);
        }
    }
    .aur-moderatorBadge {
        width: 50px;
        height: 50px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: rgba(0, 100, 4, 0.15);
        border: 1px solid #006404;
        border-radius: 8px;
        color: #006404;
        text-decoration: none;
        transition: all 0.2s ease;
        box-shadow: 0px 0px 8px rgba(0, 100, 4, 0.3);
        pointer-events: auto;
     
        i, svg, .fa--xf {
            font-size: 24px !important;
            color: #006404 !important;
            width: 24px;
            height: 24px;
        }
     
        &:hover {
            box-shadow: 0px 0px 12px rgba(0, 100, 4, 0.5);
            background: rgba(0, 100, 4, 0.2);
        }
    }
    .aur-friendBadge {
        width: 50px;
        height: 50px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: rgba(136, 61, 154, 0.15);
        border: 1px solid #883d9a;
        border-radius: 8px;
        color: #883d9a;
        text-decoration: none;
        transition: all 0.2s ease;
        box-shadow: 0px 0px 8px rgba(136, 61, 154, 0.3);
        pointer-events: auto;
     
        i, svg, .fa--xf {
            font-size: 24px !important;
            color: #883d9a !important;
            width: 24px;
            height: 24px;
        }
     
        &:hover {
            box-shadow: 0px 0px 12px rgba(136, 61, 154, 0.5);
            background: rgba(136, 61, 154, 0.2);
        }
    }
    .aur-activeBadge {
        width: 50px;
        height: 50px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: rgba(56, 99, 216, 0.15);
        border: 1px solid #3863d8;
        border-radius: 8px;
        color: #3863d8;
        text-decoration: none;
        transition: all 0.2s ease;
        box-shadow: 0px 0px 8px rgba(56, 99, 216, 0.3);
        pointer-events: auto;
     
        i, svg, .fa--xf {
            font-size: 24px !important;
            color: #3863d8 !important;
            width: 24px;
            height: 24px;
        }
     
        &:hover {
            box-shadow: 0px 0px 12px rgba(56, 99, 216, 0.5);
            background: rgba(56, 99, 216, 0.2);
        }
    }
    .userBanner {display:none !important;}
Важно! Убедитесь, что ID групп (3, 4, 5, 6, 7) соответствуют на форуме. Их можно проверить в разделе "Группы пользователей".(ПО ЖЕЛАНИЮ ЗАМЕНИТЬ)
Всем удачи! И успехов в наступающем году!
[/tab]
[tab=ENG]
Hey there! You asked for the bagde — I'm sharing ONLY the group BADGES, nothing else. Everything else is up to you to implement!
Installation
1. Admin Panel → Appearance → Templates → member_view.
Find the memberHeader-actionTop string in the code and insert the following HTML block after it:
HTML: 
    <xf:if is="$user.isMemberOf(5)">
        <div class="monser-premiumBadge" data-xf-init="tooltip" title="Premium">
            <xf:fa icon="fas fa-crown" />
        </div>
    </xf:if>
    <xf:if is="$user.isMemberOf(3)">
        <div class="aur-adminBadge" data-xf-init="tooltip" title="Admin">
            <xf:fa icon="fas fa-cog" />
        </div>
    </xf:if>
    <xf:if is="$user.isMemberOf(4)">
        <div class="aur-moderatorBadge" data-xf-init="tooltip" title="Moderator">
            <xf:fa icon="fas fa-star" />
        </div>
    </xf:if>
    <xf:if is="$user.isMemberOf(6)">
        <div class="aur-friendBadge" data-xf-init="tooltip" title="Friend">
            <xf:fa icon="fas fa-heart" />
        </div>
    </xf:if>
    <xf:if is="$user.isMemberOf(7)">
        <div class="aur-activeBadge" data-xf-init="tooltip" title="Active member">
            <xf:fa icon="fas fa-user" />
        </div>
    </xf:if>
2. Admin Panel → Appearance → Template → member.less (or create a new template with a custom name).
Insert the following CSS code:
CSS: 
    .monser-premiumBadge {
        width: 50px;
        height: 50px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: rgba(255, 175, 0, 0.15);
        border: 1px solid #ffaf00;
        border-radius: 8px;
        color: #ffaf00;
        text-decoration: none;
        transition: all 0.2s ease;
        box-shadow: 0px 0px 8px rgba(255, 175, 0, 0.3);
        pointer-events: auto;
        
        i, svg, .fa--xf {
            font-size: 24px !important;
            color: #ffaf00 !important;
            width: 24px;
            height: 24px;
        }
        
        &:hover {
            box-shadow: 0px 0px 12px rgba(255, 175, 0, 0.5);
            background: rgba(255, 175, 0, 0.2);
        }
    }
    .aur-adminBadge {
        width: 50px;
        height: 50px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: rgba(150, 0, 0, 0.15);
        border: 1px solid #960000;
        border-radius: 8px;
        color: #960000;
        text-decoration: none;
        transition: all 0.2s ease;
        box-shadow: 0px 0px 8px rgba(150, 0, 0, 0.3);
        pointer-events: auto;
        
        i, svg, .fa--xf {
            font-size: 24px !important;
            color: #960000 !important;
            width: 24px;
            height: 24px;
        }
        
        &:hover {
            box-shadow: 0px 0px 12px rgba(150, 0, 0, 0.5);
            background: rgba(150, 0, 0, 0.2);
        }
    }
    .aur-moderatorBadge {
        width: 50px;
        height: 50px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: rgba(0, 100, 4, 0.15);
        border: 1px solid #006404;
        border-radius: 8px;
        color: #006404;
        text-decoration: none;
        transition: all 0.2s ease;
        box-shadow: 0px 0px 8px rgba(0, 100, 4, 0.3);
        pointer-events: auto;
        
        i, svg, .fa--xf {
            font-size: 24px !important;
            color: #006404 !important;
            width: 24px;
            height: 24px;
        }
        
        &:hover {
            box-shadow: 0px 0px 12px rgba(0, 100, 4, 0.5);
            background: rgba(0, 100, 4, 0.2);
        }
    }
    .aur-friendBadge {
        width: 50px;
        height: 50px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: rgba(136, 61, 154, 0.15);
        border: 1px solid #883d9a;
        border-radius: 8px;
        color: #883d9a;
        text-decoration: none;
        transition: all 0.2s ease;
        box-shadow: 0px 0px 8px rgba(136, 61, 154, 0.3);
        pointer-events: auto;
        
        i, svg, .fa--xf {
            font-size: 24px !important;
            color: #883d9a !important;
            width: 24px;
            height: 24px;
        }
        
        &:hover {
            box-shadow: 0px 0px 12px rgba(136, 61, 154, 0.5);
            background: rgba(136, 61, 154, 0.2);
        }
    }
    .aur-activeBadge {
        width: 50px;
        height: 50px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: rgba(56, 99, 216, 0.15);
        border: 1px solid #3863d8;
        border-radius: 8px;
        color: #3863d8;
        text-decoration: none;
        transition: all 0.2s ease;
        box-shadow: 0px 0px 8px rgba(56, 99, 216, 0.3);
        pointer-events: auto;
        
        i, svg, .fa--xf {
            font-size: 24px !important;
            color: #3863d8 !important;
            width: 24px;
            height: 24px;
        }
        
        &:hover {
            box-shadow: 0px 0px 12px rgba(56, 99, 216, 0.5);
            background: rgba(56, 99, 216, 0.2);
        }
    }
    .userBanner {display:none !important;}
Important! Make sure the group IDs (3, 4, 5, 6, 7) match your forum's. You can check them in the "User Groups" section.
Good luck, everyone! And best wishes for the New Year!
[/tab]
[/TABS]
ПРИ ПЕРЕСЛИВЕ УКАЗЫВАТЬ АВТОРСТВО ЗА ZENETTANY/SEETH/AURPORJECT.EU(ССЫЛКОЙ)
  • Like
Реакции: Aleks, Kolpak и seeth
Uploaded:
ID: 403
Fast download through XFDevs CDN

More from this author

Navigation

Navigation

by Zenettany • Template modification
View resource
App for Cloudflare®

App for Cloudflare®

by Zenettany • Plugins
View resource
Парсинг веб-сайтов с помощью Python и NoSQL / Scrape-Websites-with-Python-FastAPI-Celery-NoSQL

Парсинг веб-сайтов с помощью Python и NoSQL / Scrape-Websites-with-Python-FastAPI-Celery-NoSQL

by Zenettany • Software development
View resource
Фон

Фон

by Zenettany • Websites
View resource
Password Tools

Password Tools

by Zenettany • Plugins
View resource
Zenettany

Zenettany

Author joined
Теги Теги Нет
Any problem with this resource? Report this resource!
Назад
Сверху