Пользователь
- Регистрация
- 27 Окт 2024
- Сообщения
- 165
- Автор темы
- #1
Ку всем щяс я вам скину вам баннеры их баннеры но перед /styles добавьте https://forum.atrm.gg/ должно быть так https://forum.atrm.gg/styles/banners/11.svg
HTML:
.userBanner {
font-size: 75%;
font-weight: 400;
font-style: normal;
padding: 1px 6px;
border: 1px solid transparent;
border-radius: 6px;
text-align: center;
display: inline-block
}
.userBanner.imgGuest {
background: url(styles/banners/1.svg) no-repeat;
width: 135px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
border: none;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain
}
.userBanner.imgUser {
background: url(styles/banners/2.svg) no-repeat;
width: 135px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
border: none;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain
}
.userBanner.imgLeader {
background: url(styles/banners/3.svg) no-repeat;
width: 135px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
border: none;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain
}
.userBanner.imgModer {
background: url(styles/banners/4.svg) no-repeat;
width: 135px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
border: none;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain
}
.userBanner.imgAdmin {
background: url(styles/banners/5.svg) no-repeat;
width: 135px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
border: none;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain
}
.userBanner.imgZGS {
background: url(styles/banners/6.svg) no-repeat;
width: 135px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
border: none;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain
}
.userBanner.imgGS {
background: url(styles/banners/7.svg) no-repeat;
width: 135px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
border: none;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain
}
.userBanner.imgKA {
background: url(styles/banners/8.svg) no-repeat;
width: 135px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
border: none;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain
}
.userBanner.imgZGA {
background: url(styles/banners/9.svg) no-repeat;
width: 135px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
border: none;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain
}
.userBanner.imgGA {
background: url(styles/banners/10.svg) no-repeat;
width: 135px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
border: none;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain
}
..userBanner.imgSA {
background: url(https://forum.atrm.gg/styles/banners/11.svg) no-repeat;
width: 135px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
border: none;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain
}
.userBanner.imgKP {
background: url(styles/banners/12.svg) no-repeat;
width: 135px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
border: none;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain
}
.userBanner.imgDev {
background: url(styles/banners/13.svg) no-repeat;
width: 135px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
border: none;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain
}
.userBanner.imgOwner {
background: url(styles/banners/14.svg) no-repeat;
width: 135px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
border: none;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain
}
.userBanner.imgTS {
background: url(styles/banners/15.svg) no-repeat;
width: 135px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
border: none;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain
}
.userBanner.imgKTS {
background: url(styles/banners/16.svg) no-repeat;
width: 135px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
border: none;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain
}
.userBanner.imgZGTS {
background: url(styles/banners/17.svg) no-repeat;
width: 135px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
border: none;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain
}
.userBanner.imgGTS {
background: url(styles/banners/18.svg) no-repeat;
width: 135px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
border: none;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain
}
.userBanner.imgHelper {
background: url(styles/banners/19.svg) no-repeat;
width: 135px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
border: none;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain
}
.userBanner.imgBloger {
background: url(styles/banners/20.svg) no-repeat;
width: 135px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
border: none;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain
}
.userBanner.userBanner--staff,.userBanner.userBanner--primary {
display: none
}
.green {
color: white;
background: linear-gradient(to right, #009e1f, #005c00);
border-radius: 10px;
font-size: 90%;
padding: 0 6px;
line-height: normal;
font-weight: 450;
filter: drop-shadow(-1px 1px 3px #008000)
}
.red {
color: white;
background: linear-gradient(to right, #ce2b2a, #95001f);
border-radius: 10px;
font-size: 90%;
padding: 0 6px;
line-height: normal;
font-weight: 450;
filter: drop-shadow(-1px 1px 3px #f00)
}
.gray {
color: white;
background: linear-gradient(to right, #707070, #474747);
border-radius: 10px;
font-size: 90%;
padding: 0 6px;
line-height: normal;
font-weight: 450;
filter: drop-shadow(-1px 1px 3px #707070)
}
.yellow {
color: black;
background: linear-gradient(to right, #eeed00, #ffcc01);
border-radius: 10px;
font-size: 90%;
padding: 0 6px;
line-height: normal;
font-weight: 450;
filter: drop-shadow(-1px 1px 3px #ff0)
}
.lblue {
color: white;
background: linear-gradient(to right, #709eff, #1474ff);
border-radius: 10px;
font-size: 90%;
padding: 0 6px;
line-height: normal;
font-weight: 450;
filter: drop-shadow(-1px 1px 3px #709eff)
}
.blue {
color: white;
background: linear-gradient(to right, #4756ff, #0030f6);
border-radius: 10px;
font-size: 90%;
padding: 0 6px;
line-height: normal;
font-weight: 450;
filter: drop-shadow(-1px 1px 3px #00f)
}
.purple {
color: #ffffff;
background: linear-gradient(to right, #c636ff, #c415bc);
border-radius: 10px;
font-size: 90%;
padding: 0 6px;
line-height: normal;
font-weight: 450;
filter: drop-shadow(-1px 1px 5px #c636ff)
}
.ocean {
color: white;
background: linear-gradient(to right, #74a7ff, #0056d6);
border-radius: 10px;
font-size: 90%;
padding: 0 6px;
line-height: normal;
font-weight: 450;
filter: drop-shadow(-1px 1px 5px #74a7ff)
}
.pink {
color: white;
background: linear-gradient(to right, #ff2f4e, #e30006);
border-radius: 10px;
font-size: 90%;
padding: 0 6px;
line-height: normal;
font-weight: 450;
filter: drop-shadow(-1px 1px 5px #e30006)
}