Техподдержка Custom User Banners?

Статус
В этой теме нельзя размещать новые ответы.

The Follower

Сообщения
29
Симпатии
0
Баллы
1
#1
Hi,

Can you tell me how do you manage to give the groups on this forum a user banner like this?





Maybe a tutorial?


Thanks
 

DOWNLOAD

Сообщения
158
Симпатии
16
Баллы
18
#2
1) Добавить в EXTRA.LESS
Код:
@fontBebasNeuePatch: "styles/default/xenforo/fonts";
@user-banner: ~"[class*='banner-style_']";
.banner-color(@color) {
    color: @color;
    border-color: @color;
}

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

@{user-banner} {
    display: inline-block;
    position: relative;
    font-family: 'BebasNeueBold';
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    padding: 1px 0;
    margin: 4px 0 5px;
    width: 100%;
    border-top: 2px solid;
    border-bottom: 2px solid;
    border-left: none;
    border-right: none;
}

.banner-style {
    &_admin {
        .banner-color(rgb(201,31,55));
    }
    &_supermoder {
        .banner-color(rgb(239,83,80));
    }
    &_moder {
        .banner-color(rgb(38,166,91));
    }
    &_user {
        .banner-color(rgb(142,68,173));
    }
    &_lamer {
        .banner-color(rgb(107,185,240));
    }
}

[data-template="member_view"] .memberHeader-banners @{user-banner},
.tooltip--member .tooltip-content @{user-banner} {
    width: 120px!important;
}
2) Залить на сервер содержимое папки STYLES.ZIP
 

Вложения

DOWNLOAD

Сообщения
158
Симпатии
16
Баллы
18
#11
The Follower, Remove this piece of code in the EXTRA.LESS

Код:
/***** Xenforotr Kullanıcı Grupları *****/
[class*="banner_"], .userBanner {
    display: inline-block;
    font-family: Monaco,Consolas,"Courier New",monospace;
    line-height: 18px;
    margin: 4px 0 5px;
    font-size: 10px;
    color: #fff !important;
    text-shadow: #111 0 0 1px;
    border-radius: 5px;
    border-color: transparent !important;
    margin-bottom: 0px;
    padding: 4px 8px;
    letter-spacing: .5px;
    border: 0;
    border-left: 20px solid rgba(0, 0, 0, 0.41) !important;
    text-transform: uppercase;
    width: 120px;
}
.userBanner.userBanner--staff {
    background: #55667B !important;
}
.userBanner--staff:before {
    content: "\f005" !important;
}
.userBanner.banner_grafiker:before {
    content: "\f1fc";
}
.userBanner.banner_moderator:before {
    content: "\f2be";
}
.userBanner:before {
    font-family: FontAwesome;
    content: "\f007";
    color: #fff;
    position: absolute;
    margin-left: -22px;
    margin-top: 0;
}
.userBanner strong {
    min-width: 90px;
    display: inline-block;
}
.message {
    &:not(.message--forceColumns) {
        .message-userBanner.userBanner {
            text-align: center;
        }
    }
}
.banner_admin {
    background-color: #c55454
}

.banner_grafiker {
    background-color: #8e44ad
}

.banner_uye {
    background-color: #6bb9f0
}

.banner_moderator {
    background-color: #26a65b
}

.banner_premium {
    background-color: #fa690e
}

.banner_ban {
    background-color: #a9a9a9;
    text-decoration: line-through
}
 

The Follower

Сообщения
29
Симпатии
0
Баллы
1
#12
I've done that, but it's now just showing text? I can make you an admin account if you want to check?
 
Статус
В этой теме нельзя размещать новые ответы.