Банеры

[B U N Y]

Как сделать банеры как у RAGE RUSSIA

 

[Logan Everly]

Здравствуйте, пока что данные баннера не были на сливе, у вас есть два варианта,
1. Ждать пока кто-то из сольёт.
2. Можете сделать сами, сделать скриншот баннера, обрезать его, удалить фон, и сделать код в extra less.
Если помог решение и лайк​

 

[ⲇⲉⲣυⲧⲁⲧ ⲣⲓⲧⲉʀⲋⲕⲓⲩ 𓆩♡𓆪]

3.Дайте ссылку на форум

 

[B U N Y]

@

3.Дайте ссылку на форум

forum.ragerussia.online

 

[Kejerxf]

@

forum.ragerussia.online

Ща посмотрю

 

[Kejerxf]

Ща посмотрю

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

.userr {
    color: black;
    background: #C0C0C0;
    border-color: #C0C0C0;
    border-radius: 3px;
}

Пример их кода

 

[Qqwer Hosms]

Как сделать банеры как у RAGE RUSSIA

Доброе утро.

Можешь попробовать этот код понравится возьмешь не понравится возможно будешь пользоваться в будущем.

.user {
    color: #fff;
    background: #515151;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.modr {
    color: #fff;
    background: #F08D8D;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.gltest {
    color: #000000;
    background: #efef12;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.sist {
    color: #000000;
    background: #57CDD6;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.mlmoder {
    color: #fff;
    background: #009900;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.stmoder {
    color: #fff;
    background: #009900;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.zgta {
    color: #fff;
    background: #ff74a8;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.techadm {
    color: #fff;
    background: #FF4D00;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.adm {
    color: #fff;
    background: #2c469a;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.stadm {
    color: #fff;
    background: #2c469a;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.razrab {
    color: #fff;
    background: #d80000;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.glavsled {
    color: #fff;
    background: #004eff;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.zamglavsled {
    color: #fff;
    background: #004eff;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.lider {
    color: #fff;
    background: #ffbf00;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.kur {
    color: #fff;
    background: #aa0192;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.jelt {
    color: #000;
    background: #faf200;
    border-color: #faf200;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.rykvod {
    color: #fff;
    background: #d80000;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.userBanner.userBanner--staff {
    color: #fff;
    background: #000000;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.pomtech {
    color: #fff;
    background: #FF4D00;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.ban {
    color: #fff;
    background: #212428;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.specadm {
    color: #fff;
    background: #d80000;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.komanda-project {
    color: black;
    background: #ff0;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.green {
    background-image: linear-gradient(150deg, #00BC00, #007300, #004D00);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #32cd32
}

.porange {
    background-image: linear-gradient(150deg, #ffbf00, #ff9800);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #ff9800
}

.aqua {
    background-image: linear-gradient(150deg, #03a9f4, #2ebcfc);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #03a9f4
}

.red {
    background-image: linear-gradient(150deg, #FF0000, #960000);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #f00
}

.ojidanie {
    background-image: linear-gradient(150deg, #434750, #b22222);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #f00
}

.komandapr {
    background-image: linear-gradient(150deg, #ff0, #b22222);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #f00
}

.userBannerLight.admin,.userBanner--staff.admin {
    background: linear-gradient(90deg, #cb2d3e, #ef473a);
    width: 132px
}

 

[Kejerxf]

Доброе утро.

Можешь попробовать этот код понравится возьмешь не понравится возможно будешь пользоваться в будущем.

.user {
    color: #fff;
    background: #515151;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.modr {
    color: #fff;
    background: #F08D8D;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.gltest {
    color: #000000;
    background: #efef12;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.sist {
    color: #000000;
    background: #57CDD6;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.mlmoder {
    color: #fff;
    background: #009900;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.stmoder {
    color: #fff;
    background: #009900;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.zgta {
    color: #fff;
    background: #ff74a8;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.techadm {
    color: #fff;
    background: #FF4D00;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.adm {
    color: #fff;
    background: #2c469a;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.stadm {
    color: #fff;
    background: #2c469a;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.razrab {
    color: #fff;
    background: #d80000;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.glavsled {
    color: #fff;
    background: #004eff;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.zamglavsled {
    color: #fff;
    background: #004eff;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.lider {
    color: #fff;
    background: #ffbf00;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.kur {
    color: #fff;
    background: #aa0192;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.jelt {
    color: #000;
    background: #faf200;
    border-color: #faf200;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.rykvod {
    color: #fff;
    background: #d80000;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.userBanner.userBanner--staff {
    color: #fff;
    background: #000000;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.pomtech {
    color: #fff;
    background: #FF4D00;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.ban {
    color: #fff;
    background: #212428;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.specadm {
    color: #fff;
    background: #d80000;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.komanda-project {
    color: black;
    background: #ff0;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 800;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.green {
    background-image: linear-gradient(150deg, #00BC00, #007300, #004D00);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #32cd32
}

.porange {
    background-image: linear-gradient(150deg, #ffbf00, #ff9800);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #ff9800
}

.aqua {
    background-image: linear-gradient(150deg, #03a9f4, #2ebcfc);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #03a9f4
}

.red {
    background-image: linear-gradient(150deg, #FF0000, #960000);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #f00
}

.ojidanie {
    background-image: linear-gradient(150deg, #434750, #b22222);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #f00
}

.komandapr {
    background-image: linear-gradient(150deg, #ff0, #b22222);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #f00
}

.userBannerLight.admin,.userBanner--staff.admin {
    background: linear-gradient(90deg, #cb2d3e, #ef473a);
    width: 132px
}

Это совершенно другие баннеры.

 

[Qqwer Hosms]

Это совершенно другие баннеры.

Я дал пример, если понравятся — поставит ему решать.