Зарегистрировавшись у нас, вы сможете обсуждать, делиться и отправлять личные сообщения другим участникам нашего сообщества.
Зарегистрироваться!А как данный баннер скачать?Ответ уже имеется на нашем форуме - https://pawno-help.ru/threads/pomogite.1931/#post-13101
А приложение Фотомастер пойдёт?Через код элемента, для этого требуется браузер на ПК
Любое приложение где можно подставить фото, и текстА приложение Фотомастер пойдёт?
.userBanner {
font-style: Hight;
text-transform: uppercase;
font-weight: 600;
padding: 3px 5px 3px 3px;
border: 3px solid transparent;
border-radius: 30px;
text-align: center;
display: inline-flex;
justify-content: space-between;
align-items: center;
align-content: center;
position: relative
}
.userBanner strong {
font-size: 70%;
font-family: 'Montserrat',sans-serif;
font-weight: 700;
padding-left: 3px;
line-height: .95;
text-shadow: 1px 0 1px rgba(0,0,0,0.5),0 1px 1px rgba(0,0,0,0.5),-1px 0 1px rgba(0,0,0,0.5),0 -1px 1px rgba(0,0,0,0.5)
}
.message-userBanner.userBanner {
display: flex
}
@media (max-width: 990px) {
.message:not(.message--forceColumns) .message-userTitle,.message:not(.message--forceColumns) .message-userBanner.userBanner {
display:inline-flex
}
}
.userBanner.userBanner--staff {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #000 0%, #fff 100%)
}
.userBanner.userBanner--redadmin {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #b22222 0%, #8b0000 100%)
}
.userBanner.userBanner--spec {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #f00 0%, #dc143c 100%)
}
.userBanner.userBanner--sradminka {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #66b6c9 0%, #008000 100%)
}
.userBanner.userBanner--mladminka {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #49cc2c 0%, #82f358 100%)
}
.userBanner.userBanner--kuratorka {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #ff69b4 0%, #f0f 100%)
}
.userBanner.userBanner--glavadminka {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #8b0000 0%, #dc143c 100%)
}
.userBanner.userBanner--zgashnick {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #32cd32 0%, #20b2aa 100%)
}
.userBanner.userBanner--blacki {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #f00 0%, #bf0404 100%)
}
.userBanner.userBanner--sueti {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #789 0%, #d2691e 100%)
}
.userBanner.userBanner--hassli {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #e5cf05 0%, #daa520 100%)
}
.userBanner.userBanner--grandi {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #ffa500 0%, #ff8c00 100%)
}
.userBanner.userBanner--lider {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #fff500 0%, #ff8c00 100%)
}
.userBanner.userBanner--provereniy {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #7b9de0 0%, #0859fc 100%)
}
.userBanner.userBanner--prempolziy {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #f819a7 0%, #0859fc 100%)
}
.userBanner.userBanner--tehovich {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #a52a2a 0%, #800000 100%)
}
.userBanner.userBanner--razrabi {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #f819a7 0%, #4619f8 100%)
}
.userBanner.userBanner--vladelecs {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #feea10 0%, #ff931e 100%)
}
.userBanner.userBanner--zamosnov {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #feea10 0%, #ff931e 100%)
}
.userBanner.userBanner--manager {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #f0f 0%, #800 80 100%)
}
.userBanner.userBanner--forumadm {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #f0f 0%, #00f 100%)
}
.userBanner.userBanner--moder {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #f0f 0%, #00f 100%)
}
.userBanner.userBanner--tehadmds {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #00b9ff 0%, #2800ff 100%)
}
.userBanner.userBanner--kmddsik {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #7b9de0 0%, #859 fc 100%)
}
.userBanner.userBanner--zgtsik {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #ff003b 0%, #cc0231 100%)
}
.userBanner.userBanner--mvd {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #00f 0%, #00008b 100%)
}
.userBanner.userBanner--fsb {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #000 0%, #000 100%)
}
.userBanner.userBanner--dyrka {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #ee82ee 0%, #ee82ee 100%)
}
.userBanner.userBanner--meria {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #c0c0c0 0%, #c0c0c0 100%)
}
.userBanner.userBanner--smi {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #4682b4 0%, #4682b4 100%)
}
.userBanner.userBanner--armia {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #006400 0%, #006400 100%)
}
.userBanner.userBanner--batogp {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #ff8c00 0%, #ff8c00 100%)
}
.userBanner.userBanner--arzopg {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #808000 0%, #808000 100%)
}
.userBanner.userBanner--litopg {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #789 0%, #789 100%)
}
.userBanner.userBanner--diamond {
color: #fff;
background-color: #5c97bf;
border: none;
background-image: linear-gradient(to right, #00fbff 0%, #000cff 100%)
}
Less:.userBanner { font-style: Hight; text-transform: uppercase; font-weight: 600; padding: 3px 5px 3px 3px; border: 3px solid transparent; border-radius: 30px; text-align: center; display: inline-flex; justify-content: space-between; align-items: center; align-content: center; position: relative } .userBanner strong { font-size: 70%; font-family: 'Montserrat',sans-serif; font-weight: 700; padding-left: 3px; line-height: .95; text-shadow: 1px 0 1px rgba(0,0,0,0.5),0 1px 1px rgba(0,0,0,0.5),-1px 0 1px rgba(0,0,0,0.5),0 -1px 1px rgba(0,0,0,0.5) } .message-userBanner.userBanner { display: flex } @media (max-width: 990px) { .message:not(.message--forceColumns) .message-userTitle,.message:not(.message--forceColumns) .message-userBanner.userBanner { display:inline-flex } } .userBanner.userBanner--staff { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #000 0%, #fff 100%) } .userBanner.userBanner--redadmin { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #b22222 0%, #8b0000 100%) } .userBanner.userBanner--spec { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #f00 0%, #dc143c 100%) } .userBanner.userBanner--sradminka { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #66b6c9 0%, #008000 100%) } .userBanner.userBanner--mladminka { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #49cc2c 0%, #82f358 100%) } .userBanner.userBanner--kuratorka { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #ff69b4 0%, #f0f 100%) } .userBanner.userBanner--glavadminka { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #8b0000 0%, #dc143c 100%) } .userBanner.userBanner--zgashnick { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #32cd32 0%, #20b2aa 100%) } .userBanner.userBanner--blacki { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #f00 0%, #bf0404 100%) } .userBanner.userBanner--sueti { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #789 0%, #d2691e 100%) } .userBanner.userBanner--hassli { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #e5cf05 0%, #daa520 100%) } .userBanner.userBanner--grandi { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #ffa500 0%, #ff8c00 100%) } .userBanner.userBanner--lider { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #fff500 0%, #ff8c00 100%) } .userBanner.userBanner--provereniy { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #7b9de0 0%, #0859fc 100%) } .userBanner.userBanner--prempolziy { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #f819a7 0%, #0859fc 100%) } .userBanner.userBanner--tehovich { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #a52a2a 0%, #800000 100%) } .userBanner.userBanner--razrabi { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #f819a7 0%, #4619f8 100%) } .userBanner.userBanner--vladelecs { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #feea10 0%, #ff931e 100%) } .userBanner.userBanner--zamosnov { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #feea10 0%, #ff931e 100%) } .userBanner.userBanner--manager { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #f0f 0%, #800 80 100%) } .userBanner.userBanner--forumadm { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #f0f 0%, #00f 100%) } .userBanner.userBanner--moder { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #f0f 0%, #00f 100%) } .userBanner.userBanner--tehadmds { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #00b9ff 0%, #2800ff 100%) } .userBanner.userBanner--kmddsik { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #7b9de0 0%, #859 fc 100%) } .userBanner.userBanner--zgtsik { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #ff003b 0%, #cc0231 100%) } .userBanner.userBanner--mvd { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #00f 0%, #00008b 100%) } .userBanner.userBanner--fsb { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #000 0%, #000 100%) } .userBanner.userBanner--dyrka { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #ee82ee 0%, #ee82ee 100%) } .userBanner.userBanner--meria { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #c0c0c0 0%, #c0c0c0 100%) } .userBanner.userBanner--smi { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #4682b4 0%, #4682b4 100%) } .userBanner.userBanner--armia { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #006400 0%, #006400 100%) } .userBanner.userBanner--batogp { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #ff8c00 0%, #ff8c00 100%) } .userBanner.userBanner--arzopg { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #808000 0%, #808000 100%) } .userBanner.userBanner--litopg { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #789 0%, #789 100%) } .userBanner.userBanner--diamond { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #00fbff 0%, #000cff 100%) }
СпасибоLess:.userBanner { font-style: Hight; text-transform: uppercase; font-weight: 600; padding: 3px 5px 3px 3px; border: 3px solid transparent; border-radius: 30px; text-align: center; display: inline-flex; justify-content: space-between; align-items: center; align-content: center; position: relative } .userBanner strong { font-size: 70%; font-family: 'Montserrat',sans-serif; font-weight: 700; padding-left: 3px; line-height: .95; text-shadow: 1px 0 1px rgba(0,0,0,0.5),0 1px 1px rgba(0,0,0,0.5),-1px 0 1px rgba(0,0,0,0.5),0 -1px 1px rgba(0,0,0,0.5) } .message-userBanner.userBanner { display: flex } @media (max-width: 990px) { .message:not(.message--forceColumns) .message-userTitle,.message:not(.message--forceColumns) .message-userBanner.userBanner { display:inline-flex } } .userBanner.userBanner--staff { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #000 0%, #fff 100%) } .userBanner.userBanner--redadmin { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #b22222 0%, #8b0000 100%) } .userBanner.userBanner--spec { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #f00 0%, #dc143c 100%) } .userBanner.userBanner--sradminka { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #66b6c9 0%, #008000 100%) } .userBanner.userBanner--mladminka { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #49cc2c 0%, #82f358 100%) } .userBanner.userBanner--kuratorka { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #ff69b4 0%, #f0f 100%) } .userBanner.userBanner--glavadminka { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #8b0000 0%, #dc143c 100%) } .userBanner.userBanner--zgashnick { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #32cd32 0%, #20b2aa 100%) } .userBanner.userBanner--blacki { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #f00 0%, #bf0404 100%) } .userBanner.userBanner--sueti { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #789 0%, #d2691e 100%) } .userBanner.userBanner--hassli { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #e5cf05 0%, #daa520 100%) } .userBanner.userBanner--grandi { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #ffa500 0%, #ff8c00 100%) } .userBanner.userBanner--lider { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #fff500 0%, #ff8c00 100%) } .userBanner.userBanner--provereniy { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #7b9de0 0%, #0859fc 100%) } .userBanner.userBanner--prempolziy { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #f819a7 0%, #0859fc 100%) } .userBanner.userBanner--tehovich { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #a52a2a 0%, #800000 100%) } .userBanner.userBanner--razrabi { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #f819a7 0%, #4619f8 100%) } .userBanner.userBanner--vladelecs { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #feea10 0%, #ff931e 100%) } .userBanner.userBanner--zamosnov { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #feea10 0%, #ff931e 100%) } .userBanner.userBanner--manager { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #f0f 0%, #800 80 100%) } .userBanner.userBanner--forumadm { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #f0f 0%, #00f 100%) } .userBanner.userBanner--moder { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #f0f 0%, #00f 100%) } .userBanner.userBanner--tehadmds { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #00b9ff 0%, #2800ff 100%) } .userBanner.userBanner--kmddsik { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #7b9de0 0%, #859 fc 100%) } .userBanner.userBanner--zgtsik { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #ff003b 0%, #cc0231 100%) } .userBanner.userBanner--mvd { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #00f 0%, #00008b 100%) } .userBanner.userBanner--fsb { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #000 0%, #000 100%) } .userBanner.userBanner--dyrka { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #ee82ee 0%, #ee82ee 100%) } .userBanner.userBanner--meria { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #c0c0c0 0%, #c0c0c0 100%) } .userBanner.userBanner--smi { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #4682b4 0%, #4682b4 100%) } .userBanner.userBanner--armia { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #006400 0%, #006400 100%) } .userBanner.userBanner--batogp { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #ff8c00 0%, #ff8c00 100%) } .userBanner.userBanner--arzopg { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #808000 0%, #808000 100%) } .userBanner.userBanner--litopg { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #789 0%, #789 100%) } .userBanner.userBanner--diamond { color: #fff; background-color: #5c97bf; border: none; background-image: linear-gradient(to right, #00fbff 0%, #000cff 100%) }
Мне как рас без значка было
Это нужно в фотошопе делатьА как сделать еще аву перед роли
А как сделать еще аву перед роли
А в каком фотошопе , можно сделать фото , и можете помочь чтобы двух-трех цветные баннера были , буду благодаренXF 1.5 - Как добавить картинку в баннер группы пользователя
здравствуйте , бы хотел , спросить как добавить свою картинку в баннер группы пользователя?xenforo.info