XenForo 2.x.x Роли как на матрешка рп

Fernando8217ege · 14 Мар 2026

скажите пожалуйста досканально , как мне сделать такие же красивые роли как на матрешка рп, по типу: основатель, администрации, главный администратор, чтобы они были красивые

West14 · 14 Мар 2026

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

wenstony · 14 Мар 2026

West14 написал(а):
Fernando8217ege, для начала нужно приложить усилия к поиску вместо того чтобы прикладывать их к использованию вырвиглазного форматирования.

На самповских форумах так модно

wenstony · 14 Мар 2026

Fernando8217ege написал(а):
скажите пожалуйста досканально , как мне сделать такие же красивые роли как на матрешка рп, по типу: основатель, администрации, главный администратор, чтобы они были красивые

Код:

.userBanner {
    font-size: 75%;
    font-size: 11px;
    font-weight: 400;
    font-style: normal;
    padding: 1px 10px;
    padding: 1px 3px;
    border: 1px solid transparent;
    border-radius: 6px;
    text-align: center;
    display: inline-block
}

.imgBloger {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/role_bloger.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgMedia {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/role_media.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgMediaManager {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_mediamanager.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgGlMediaManager {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_gl_media.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgZamglsled {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_zamglsled.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgGlsled {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_glsled.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgSpecMP {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_specmp.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgKeyfamily {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_keyfamily2.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgSpecLogs {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_spec_logs.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgGlSpecLogs {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_gl_spec_logs.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgStSpecLogs {
    background: url(https://i.imgur.com/70jwgQ6.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgGa {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_ga.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgZamga {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_zamga.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgMestn {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_mestn.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgLegend {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_legend.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgUser {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_user.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgSupport {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_support.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgLeader {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_leader.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgModer {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_moder.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgAdmin {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_admin.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgStadmin {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_stadmin.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgTehadmin {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_tehadmin.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgStteh {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_stteh.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgGlTehadmin {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_glteh.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgTester {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_tester3.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgGlTesters {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_gl_testers.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgRykovod {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_rykovod.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgRykovodTeh {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_glteh.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgZamRykovodTeh {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_zamglteh.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgCommunityManager {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_communitymanager.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgSpecadmin {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_specadmin.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

Использование userBanner imgUser

Raniyx · 14 Мар 2026

OFFTOP

wenstony написал(а):
На самповских форумах так модно

А у нас модно пользоваться поиском.

Timofei_Valente · Сегодня в 19:07

wenstony написал(а):

Код:

.userBanner {
    font-size: 75%;
    font-size: 11px;
    font-weight: 400;
    font-style: normal;
    padding: 1px 10px;
    padding: 1px 3px;
    border: 1px solid transparent;
    border-radius: 6px;
    text-align: center;
    display: inline-block
}

.imgBloger {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/role_bloger.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgMedia {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/role_media.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgMediaManager {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_mediamanager.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgGlMediaManager {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_gl_media.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgZamglsled {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_zamglsled.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgGlsled {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_glsled.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgSpecMP {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_specmp.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgKeyfamily {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_keyfamily2.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgSpecLogs {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_spec_logs.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgGlSpecLogs {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_gl_spec_logs.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgStSpecLogs {
    background: url(https://i.imgur.com/70jwgQ6.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgGa {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_ga.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgZamga {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_zamga.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgMestn {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_mestn.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgLegend {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_legend.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgUser {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_user.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgSupport {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_support.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgLeader {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_leader.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgModer {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_moder.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgAdmin {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_admin.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgStadmin {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_stadmin.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgTehadmin {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_tehadmin.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgStteh {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_stteh.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgGlTehadmin {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_glteh.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgTester {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_tester3.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgGlTesters {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_gl_testers.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgRykovod {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_rykovod.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgRykovodTeh {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_glteh.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgZamRykovodTeh {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_zamglteh.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgCommunityManager {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_communitymanager.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.imgSpecadmin {
    background: url(https://edge-cdn-forummatrpru.matrp.ru/data/icons/img_specadmin.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

Использование userBanner imgUser

Надеюсь они хотя бы будут прогружатся ?

XenForo 2.x.x Роли как на матрешка рп

Fernando8217ege

West14

meow

wenstony

wenstony

Raniyx

Timofei_Valente

Похожие темы

Мы ценим вашу конфиденциальность