XenForo 2.x.x Звания и группы форума через код и ксс

[stefkone]

Доброго дня! Сорян если не в том разделе создал тему, лучше не нашёл.
Возможно ли через коды форума или ксс файлы подгрузить красивые группы и звания пользователей на форум?(Без использования дополнительных плагинов и картинок.) Я в этом не понимаю, по этому не судите строго если использую не те формулировки. Если плохо объяснил, пишите - попробую более развернуто написать.
Пример групп и званий скинул ниже.

 

[Captain]

extra.less

 

[Виталий Васильевич]

Сорян если не в том разделе создал тему

Я подскажу по секрету, что поиск очень многое может показать Результаты поиска по запросу: Звания и группы форума Я сам долек от этого, но красиво получается ...

 

[IlyaPep]

В настройках групп есть возможность подключить баннер со своим классом, делаете класс, оформляем как душе угодно, и добавляем это всё в экстру. Всё что надо, это базовые знания ксс, желание что-то сделать, ну и сама задумка.

 

[stefkone]

Есть на этом форуме профи по ксс? Которые работает за печенье или деньги..

 

[Captain]

Конечно есть:
Mirovinger - вообще напишет на лессе мега штуки
root
XELLADOLL

 

[root]

Есть на этом форуме профи по ксс? Которые работает за печенье или деньги..

Mirovinger за символическую сумму думаю сделает)

 

[Alex Fair]

Чисто поэкспериментировал. Хотел бы увидеть ещё чью-нибудь реализацию получше :)

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[Skaiman]

@BannerFontPath: "/styles/fonts/Visitor_Rus";
@BannerBeforeContent: "\f2d1\00a0\f2d1\00a0\f2d1\00a0\f2d1\00a0\f2d1";
.userBannerGroup (@group, @color) {
    .userBanner.userBanner--@{group} {
        color: @color;
    }
}

@font-face {
    font-family: 'Visitor_Rus';
    src: url('@{BannerFontPath}/Visitor_Rus.eot');
    src: url('@{BannerFontPath}/Visitor_Rus.eot?#iefix') format('embedded-opentype'),
         url('@{BannerFontPath}/Visitor_Rus.woff2') format('woff2'),
         url('@{BannerFontPath}/Visitor_Rus.woff') format('woff'),
         url('@{BannerFontPath}/Visitor_Rus.ttf') format('truetype'),
         url('@{BannerFontPath}/Visitor_Rus.svg#Visitor_Rus') format('svg');
    font-weight: normal;
    font-style: normal;
}

.userBanner {
    margin-top: -5px!important;
    strong {
        font-family: 'Visitor_Rus';
        font-weight: 600;
    }
    .userBanner-before {
        display: block;
        &:before {
            font-family: 'FontAwesome';
            content: @BannerBeforeContent;
            font-size: 1.5em;
            font-style: italic;
            line-height: 50%;           
        }
    }   
}

.userBannerGroup (admin, red);
.userBannerGroup (registered, #53b0d6);
.userBannerGroup (moder, green);

 

[IlyaPep]

@BannerFontPath: "/styles/fonts/Visitor_Rus";
@BannerBeforeContent: "\f2d1\00a0\f2d1\00a0\f2d1\00a0\f2d1\00a0\f2d1";
.userBannerGroup (@group, @color) {
    .userBanner.userBanner--@{group} {
        color: @color;
    }
}

@font-face {
    font-family: 'Visitor_Rus';
    src: url('@{BannerFontPath}/Visitor_Rus.eot');
    src: url('@{BannerFontPath}/Visitor_Rus.eot?#iefix') format('embedded-opentype'),
         url('@{BannerFontPath}/Visitor_Rus.woff2') format('woff2'),
         url('@{BannerFontPath}/Visitor_Rus.woff') format('woff'),
         url('@{BannerFontPath}/Visitor_Rus.ttf') format('truetype'),
         url('@{BannerFontPath}/Visitor_Rus.svg#Visitor_Rus') format('svg');
    font-weight: normal;
    font-style: normal;
}

.userBanner {
    margin-top: -5px!important;
    strong {
        font-family: 'Visitor_Rus';
        font-weight: 600;
    }
    .userBanner-before {
        display: block;
        &:before {
            font-family: 'FontAwesome';
            content: @BannerBeforeContent;
            font-size: 1.5em;
            font-style: italic;
            line-height: 50%;          
        }
    }  
}

.userBannerGroup (admin, red);
.userBannerGroup (registered, #53b0d6);
.userBannerGroup (moder, green);

Не плохо было бы скриншот приложить ?

 

[Skaiman]

Есть этот ресурс, сори Баннеры хакерских форумов

 

[Mirovinger]

Держите - Красивые баннеры групп на less.
По логике должно работать везде.