Осуждён за гениальность или проклят за талант?
- Сен
- 402
- 597
Пользователь
3.1. Заголовок темы должен отражать основную суть темы.
Всем ку, я сделал код баннеров с лого!
вопрос, у меня не работает он просьба помочь и исправить если там есть что не так!
вопрос, у меня не работает он просьба помочь и исправить если там есть что не так!
Код:
.userBanner.dev {
background-color #FF0000;
padding: 10px;
border-radius: 25px;
position: relative;
border: none;
font-weight: bold;
color: #fff;
text-indent: 30px;
.userBanner-before {
background: url(https://i.postimg.cc/JnzZGhWK/lv-0-20260519114044.jpg) no-repeat center;
background-size: 33px;
content: "";
display: block;
width: 32px;
height: 32px;
position: absolute;
left: 5px;
top: 2px;
padding: 4px;
border-radius: 50%;
transform: scale(0.7);
}
}
.userBanner.ruk {
background-color #fd1c0f;
padding: 10px;
border-radius: 25px;
position: relative;
border: none;
font-weight: bold;
color: #fff;
text-indent: 30px;
.userBanner-before {
background: url(https://i.postimg.cc/JnzZGhWK/lv-0-20260519114044.jpg) no-repeat center;
background-size: 33px;
content: "";
display: block;
width: 32px;
height: 32px;
position: absolute;
left: 5px;
top: 2px;
padding: 4px;
border-radius: 50%;
transform: scale(0.7);
}
}
.userBanner.zruk {
background-color #FF2400;
padding: 10px;
border-radius: 25px;
position: relative;
border: none;
font-weight: bold;
color: #fff;
text-indent: 30px;
.userBanner-before {
background: url(https://i.postimg.cc/JnzZGhWK/lv-0-20260519114044.jpg) no-repeat center;
background-size: 33px;
content: "";
display: block;
width: 32px;
height: 32px;
position: absolute;
left: 5px;
top: 2px;
padding: 4px;
border-radius: 50%;
transform: scale(0.7);
}
}
.userBanner.spec {
background-color #FF0000;
padding: 10px;
border-radius: 25px;
position: relative;
border: none;
font-weight: bold;
color: #fff;
text-indent: 30px;
.userBanner-before {
background: url(https://i.postimg.cc/JnzZGhWK/lv-0-20260519114044.jpg) no-repeat center;
background-size: 33px;
content: "";
display: block;
width: 32px;
height: 32px;
position: absolute;
left: 5px;
top: 2px;
padding: 4px;
border-radius: 50%;
transform: scale(0.7);
}
}
.userBanner.ga {
background-color #269f0f;
padding: 10px;
border-radius: 25px;
position: relative;
border: none;
font-weight: bold;
color: #fff;
text-indent: 30px;
.userBanner-before {
background: url(https://i.postimg.cc/JnzZGhWK/lv-0-20260519114044.jpg) no-repeat center;
background-size: 33px;
content: "";
display: block;
width: 32px;
height: 32px;
position: absolute;
left: 5px;
top: 2px;
padding: 4px;
border-radius: 50%;
transform: scale(0.7);
}
}
.userBanner.zga {
background-color #2aa111;
padding: 10px;
border-radius: 25px;
position: relative;
border: none;
font-weight: bold;
color: #fff;
text-indent: 30px;
.userBanner-before {
background: url(https://i.postimg.cc/JnzZGhWK/lv-0-20260519114044.jpg) no-repeat center;
background-size: 33px;
content: "";
display: block;
width: 32px;
height: 32px;
position: absolute;
left: 5px;
top: 2px;
padding: 4px;
border-radius: 50%;
transform: scale(0.7);
}
}
.userBanner.kur {
background-color #8B00FF;
padding: 10px;
border-radius: 25px;
position: relative;
border: none;
font-weight: bold;
color: #fff;
text-indent: 30px;
.userBanner-before {
background: url(https://i.postimg.cc/JnzZGhWK/lv-0-20260519114044.jpg) no-repeat center;
background-size: 33px;
content: "";
display: block;
width: 32px;
height: 32px;
position: absolute;
left: 5px;
top: 2px;
padding: 4px;
border-radius: 50%;
transform: scale(0.7);
}
}
.userBanner.gs {
background-color #0000FF;
padding: 10px;
border-radius: 25px;
position: relative;
border: none;
font-weight: bold;
color: #fff;
text-indent: 30px;
.userBanner-before {
background: url(https://i.postimg.cc/JnzZGhWK/lv-0-20260519114044.jpg) no-repeat center;
background-size: 33px;
content: "";
display: block;
width: 32px;
height: 32px;
position: absolute;
left: 5px;
top: 2px;
padding: 4px;
border-radius: 50%;
transform: scale(0.7);
}
}
.userBanner.zgs {
background-color #122FAA;
padding: 10px;
border-radius: 25px;
position: relative;
border: none;
font-weight: bold;
color: #fff;
text-indent: 30px;
.userBanner-before {
background: url(https://i.postimg.cc/JnzZGhWK/lv-0-20260519114044.jpg) no-repeat center;
background-size: 33px;
content: "";
display: block;
width: 32px;
height: 32px;
position: absolute;
left: 5px;
top: 2px;
padding: 4px;
border-radius: 50%;
transform: scale(0.7);
}
}
.userBanner.stadm {
background-color #1F75FE;
padding: 10px;
border-radius: 25px;
position: relative;
border: none;
font-weight: bold;
color: #fff;
text-indent: 30px;
.userBanner-before {
background: url(https://i.postimg.cc/JnzZGhWK/lv-0-20260519114044.jpg) no-repeat center;
background-size: 33px;
content: "";
display: block;
width: 32px;
height: 32px;
position: absolute;
left: 5px;
top: 2px;
padding: 4px;
border-radius: 50%;
transform: scale(0.7);
}
}
.userBanner.admin {
background-color #F3DA0B;
padding: 10px;
border-radius: 25px;
position: relative;
border: none;
font-weight: bold;
color: #fff;
text-indent: 30px;
.userBanner-before {
background: url(https://i.postimg.cc/JnzZGhWK/lv-0-20260519114044.jpg) no-repeat center;
background-size: 33px;
content: "";
display: block;
width: 32px;
height: 32px;
position: absolute;
left: 5px;
top: 2px;
padding: 4px;
border-radius: 50%;
transform: scale(0.7);
}
}
.userBanner.moder {
background-color #00FF00;
padding: 10px;
border-radius: 25px;
position: relative;
border: none;
font-weight: bold;
color: #fff;
text-indent: 30px;
.userBanner-before {
background: url(https://i.postimg.cc/JnzZGhWK/lv-0-20260519114044.jpg) no-repeat center;
background-size: 33px;
content: "";
display: block;
width: 32px;
height: 32px;
position: absolute;
left: 5px;
top: 2px;
padding: 4px;
border-radius: 50%;
transform: scale(0.7);
}
}
.userBanner.mlmoder {
background-color #00FF00;
padding: 10px;
border-radius: 25px;
position: relative;
border: none;
font-weight: bold;
color: #fff;
text-indent: 30px;
.userBanner-before {
background: url(https://i.postimg.cc/JnzZGhWK/lv-0-20260519114044.jpg) no-repeat center;
background-size: 33px;
content: "";
display: block;
width: 32px;
height: 32px;
position: absolute;
left: 5px;
top: 2px;
padding: 4px;
border-radius: 50%;
transform: scale(0.7);
}
}
.userBanner.teh {
background-color #FF4F00;
padding: 10px;
border-radius: 25px;
position: relative;
border: none;
font-weight: bold;
color: #fff;
text-indent: 30px;
.userBanner-before {
background: url(https://i.postimg.cc/JnzZGhWK/lv-0-20260519114044.jpg) no-repeat center;
background-size: 33px;
content: "";
display: block;
width: 32px;
height: 32px;
position: absolute;
left: 5px;
top: 2px;
padding: 4px;
border-radius: 50%;
transform: scale(0.7);
}
}
.userBanner.lider {
background-color #00CCCC;
padding: 10px;
border-radius: 25px;
position: relative;
border: none;
font-weight: bold;
color: #fff;
text-indent: 30px;
.userBanner-before {
background: url(https://i.postimg.cc/JnzZGhWK/lv-0-20260519114044.jpg) no-repeat center;
background-size: 33px;
content: "";
display: block;
width: 32px;
height: 32px;
position: absolute;
left: 5px;
top: 2px;
padding: 4px;
border-radius: 50%;
transform: scale(0.7);
}
}
.userBanner.user {
background-color gray;
padding: 10px;
border-radius: 25px;
position: relative;
border: none;
font-weight: bold;
color: #fff;
text-indent: 30px;
.userBanner-before {
background: url(https://i.postimg.cc/JnzZGhWK/lv-0-20260519114044.jpg) no-repeat center;
background-size: 33px;
content: "";
display: block;
width: 32px;
height: 32px;
position: absolute;
left: 5px;
top: 2px;
padding: 4px;
border-radius: 50%;
transform: scale(0.7);
}
}
.memberTooltip.memberTooltip-userGroup--19 {
box-shadow: 0 0 10px #ff0000;
}

