Подробнее опиши что ты делал. Сразу скажи, ты указывал в группе css стиль, или же ты делал общий userBanner.
И 1 и 2 все уже пробывал код который использую и не работает вот:
.thBranding {
display: none;
}
.userBanner.Rykovod {
background: url(/styles/banners/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
}
.Specadmin {
background: url(/styles/banners/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
}
.SpecMP {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.team_matrp {
background: url(
) 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.Razrab {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.Osnov {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.Tester {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.Stadmin {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.noch {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.User {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.Support {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.Leader {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.Moder {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.Admin {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.Zamglsled {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.Glsled {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.GA {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.ZGA {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.KuratorFamily {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.grust {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.custom_widget {
padding: 10px 0
}
.custom_ansGeneral {
background-color: #c636ff;
border-color: #c636ff;
color: #ffffff;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500
}
.custom_ansThematic {
background-color: #c636ff;
border-color: #c636ff;
color: #ffffff;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500
}
.custom_ansHistorical {
background-color: #c636ff;
border-color: #c636ff;
color: #ffffff;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500
}
.custom_ansTechnical {
background-color: #c636ff;
border-color: #c636ff;
color: #ffffff;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500
}
.custom_ansOffer {
background-color: #c636ff;
border-color: #c636ff;
color: #ffffff;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500
}
.custom_actyal {
background-color: #59ff15;
border-color: #59ff15;
color: black;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500
}
.custom_neactyal {
background-color: #6b6b6b;
border-color: #6b6b6b;
color: #ffffff;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500
}
.custom_vazno {
background-color: #FF0000;
border-color: #FF0000;
color: white;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500
}
.dontlookthis {
background-color: yellow;
border-color: #FF0000;
color: black;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500
}
.custom_zakrep {
background-color: yellow !important;
border-color: yellow !important;
color: black;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500
}
.custom_info {
background-color: yellow !important;
border-color: yellow !important;
color: black;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500
}
.custom_info {
background-color: yellow !important;
border-color: yellow !important;
color: black
}
.custom_resheno {
background-color: #f24666;
border-color: #f24666;
color: #ffffff;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500
}
.custom_otkaz {
background-color: #6b6b6b;
border-color: #6b6b6b;
color: #ffffff;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500
}
.custom_otkryto {
background-color: #00b300;
border-color: #00b300;
color: #ffffff;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500
}
.custom_zakryto {
background-color: #ff2b2b;
border-color: #ff2b2b;
color: #ffffff;
display: inline-block;
font-size: 90%;
margin: -1px 0;
padding: 0 6px;
line-height: normal;
font-weight: 500
}
.Specadmin {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.Block {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.texadmin {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.stexadmin {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.gatex {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.piarm {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.prelest {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.more {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.otchet {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.blat {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.bloger {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.gltester {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.speclogs {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.glspeclogs {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.stspeclogs {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.zamtexadm {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.Freeze {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.Dumay {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.dedmor {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.Mestn {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.Legend {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.dedmor {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.noch {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
.MediaManager {
background: url(
) no-repeat;
height: 45px;
width: 130px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Форум CRMP с ролями</title>
<style>
/* Общие стили для баннеров ролей */
.role-banner {
width: 130px;
height: 45px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}
/* Баннеры для ролей */
.imgDev {
background: url('
}
.imgAdmin {
background: url('
}
.imgLegend {
background: url('
}
.imgUser {
background: url('
}
.imgMestn {
background: url('
}
.imgLeader {
background: url('
}
.imgGa {
background: url('
}
.imgZamga {
background: url('
}
.imgGlsled {
background: url('
}
.imgZamglsled {
background: url('
}
.imgSpecadmin {
background: url('
}
.imgModer {
background: url('
}
.imgGlSpecLogs {
background: url('
}
.imgStSpecLogs {
background: url('
}
.imgGlTesters {
background: url('
}
.imgSupport {
background: url('
}
.imgBloger {
background: url('
}
.imgSpecLogs {
background: url('
}
/* Баннер для роли Комманда */
.userBanner.kommanda {
background: url('
}
/* Добавление других ролей с их изображениями */
.Osnov {
background: url('
background-size: contain;
}
.Freeze {
background: url('
background-size: contain;
}
.Block {
background: url('
background-size: contain;
}
/* Пример для еще нескольких ролей */
.Tester {
background: url('
background-size: contain;
}
.GlTesters {
background: url('
background-size: contain;
}
.Voin {
background: url('
background-size: contain;
}
</style>
</head>
<body>
<div class="forum">
<h1>Форум CRMP - Роли</h1>
<div class="role">
<div class="role-banner imgDev"></div>
<p>Разработчик</p>
</div>
<div class="role">
<div class="role-banner imgAdmin"></div>
<p>Админ</p>
</div>
<div class="role">
<div class="role-banner imgLegend"></div>
<p>Легенда</p>
</div>
<div class="role">
<div class="role-banner imgUser"></div>
<p>Пользователь</p>
</div>
<div class="role">
<div class="role-banner imgLeader"></div>
<p>Лидер</p>
</div>
<div class="role">
<div class="role-banner imgGa"></div>
<p>Генеральный Администратор</p>
</div>
<div class="role">
<div class="role-banner imgZamga"></div>
<p>Заместитель Генерального Администратора</p>
</div>
<!-- Пример вывода баннера для Команды -->
<div class="role">
<div class="role-banner userBanner kommanda"></div>
<p>Команда</p>
</div>
<!-- Дополнительные роли -->
<div class="role">
<div class="role-banner Freeze"></div>
<p>Замороженный</p>
</div>
<div class="role">
<div class="role-banner Block"></div>
<p>Заблокированный</p>
</div>
<div class="rol