Решено Хелп

Добро пожаловать!

Зарегистрировавшись у нас, вы сможете обсуждать, делиться и отправлять личные сообщения другим участникам нашего сообщества.

Зарегистрироваться!
  • Если Вы желаете помогать развитию проекта, готовы заполнять раздел(-ы) и подсказывать другим пользователям на портале, есть возможность попасть в команду редакторов. Для этого следует обратиться в техническую поддержку
Статус
В этой теме нельзя размещать новые ответы.
Пользователь
Регистрация
1 Фев 2025
Сообщения
192
Помогите найти код баннеров как у
Русь мобайл
только не ссылками на баннер а кодом
 
Решение
OFFTOP


.userBanner.userBanner--blue {
position: relative;
background: linear-gradient(117deg, rgba(255, 0, 0, 0.8), #9c27b0 70.71%);
color: #fff;
font-size: 12px;
line-height: 2.5;
padding: 5px 5px 5px 20px;
border: none;
border-radius: 7px;
.userBanner-before {
position: absolute;
left: 0;
top: 0;
bottom: 0;
background: url(ССЫЛКА);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 30px;
height: 100%;
}
}

Пользователь
Регистрация
1 Май 2024
Сообщения
53
OFFTOP

Я свой потерял

Код:
.newrole {
    background: url(https://i.postimg.cc/YqtnC3Cp/Frame-76-1.png);
    width: 144px;
    height: 32px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.osnovatel {
    background: url(https://i.postimg.cc/DfWkk5J6/Frame-12-5.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.team_project {
    background: url(https://i.postimg.cc/Gtq90QSv/Frame-53-3.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.razrabotchik {
    background: url(https://i.postimg.cc/4ymRdQx6/Frame-54-3.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.ruc_project {
    background: url(https://i.postimg.cc/K8fQ52cn/Frame-55-5.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.zam_ruc_project {
    background: url(https://i.postimg.cc/ZqqH7M0X/Frame-56-3.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.forum_master {
    background: url(https://i.postimg.cc/zDpB52fx/Frame-57-3.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.piar_manager {
    background: url(https://i.postimg.cc/wjYn8pLc/Frame-58-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.gl_tech_spec {
    background: url(https://i.postimg.cc/3wnqv06n/Frame-59-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.glavadm {
    background: url(https://i.postimg.cc/0ySXcH4M/Frame-60-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.zam_glavadm {
    background: url(https://i.postimg.cc/jjSbmTY3/Frame-61-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.tech_spec {
    background: url(https://i.postimg.cc/3JQH7mHv/Frame-63-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.senior_adm {
    background: url(https://i.postimg.cc/Gt06Lw6C/Frame-64-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.administrator {
    background: url(https://i.postimg.cc/qqdZfcCB/Frame-65-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.senior_moder {
    background: url(https://i.postimg.cc/L80C4FZb/Frame-66-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.moderator {
    background: url(https://i.postimg.cc/C1bm4Zr3/Frame-67-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.senior_helper {
    background: url(https://i.postimg.cc/ydkfdbH0/Frame-79.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.agent_podder {
    background: url(https://i.postimg.cc/xC4gYWpP/Frame-75-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.leader {
    background: url(https://i.postimg.cc/W1DmnFh5/Frame-69-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.polzevatel {
    background: url(https://i.postimg.cc/wvkDvDGj/Frame-70-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.server_01 {
    background: url(https://i.postimg.cc/V64b1mJS/Frame-71.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.server_02 {
    background: url(https://i.postimg.cc/pVGn6VN4/Frame-72.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}
 
Maloy из Tokyo | Vk/tg : @kortezzers
Профессионал
Регистрация
26 Окт 2024
Сообщения
967
Код:
.newrole {
    background: url(https://i.postimg.cc/YqtnC3Cp/Frame-76-1.png);
    width: 144px;
    height: 32px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.osnovatel {
    background: url(https://i.postimg.cc/DfWkk5J6/Frame-12-5.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.team_project {
    background: url(https://i.postimg.cc/Gtq90QSv/Frame-53-3.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.razrabotchik {
    background: url(https://i.postimg.cc/4ymRdQx6/Frame-54-3.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.ruc_project {
    background: url(https://i.postimg.cc/K8fQ52cn/Frame-55-5.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.zam_ruc_project {
    background: url(https://i.postimg.cc/ZqqH7M0X/Frame-56-3.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.forum_master {
    background: url(https://i.postimg.cc/zDpB52fx/Frame-57-3.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.piar_manager {
    background: url(https://i.postimg.cc/wjYn8pLc/Frame-58-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.gl_tech_spec {
    background: url(https://i.postimg.cc/3wnqv06n/Frame-59-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.glavadm {
    background: url(https://i.postimg.cc/0ySXcH4M/Frame-60-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.zam_glavadm {
    background: url(https://i.postimg.cc/jjSbmTY3/Frame-61-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.tech_spec {
    background: url(https://i.postimg.cc/3JQH7mHv/Frame-63-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.senior_adm {
    background: url(https://i.postimg.cc/Gt06Lw6C/Frame-64-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.administrator {
    background: url(https://i.postimg.cc/qqdZfcCB/Frame-65-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.senior_moder {
    background: url(https://i.postimg.cc/L80C4FZb/Frame-66-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.moderator {
    background: url(https://i.postimg.cc/C1bm4Zr3/Frame-67-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.senior_helper {
    background: url(https://i.postimg.cc/ydkfdbH0/Frame-79.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.agent_podder {
    background: url(https://i.postimg.cc/xC4gYWpP/Frame-75-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.leader {
    background: url(https://i.postimg.cc/W1DmnFh5/Frame-69-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.polzevatel {
    background: url(https://i.postimg.cc/wvkDvDGj/Frame-70-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.server_01 {
    background: url(https://i.postimg.cc/V64b1mJS/Frame-71.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.server_02 {
    background: url(https://i.postimg.cc/pVGn6VN4/Frame-72.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}
@Kolpak , у тебя появилась копия, хехехк
 
Пользователь
Регистрация
1 Фев 2025
Сообщения
192
Код:
.newrole {
    background: url(https://i.postimg.cc/YqtnC3Cp/Frame-76-1.png);
    width: 144px;
    height: 32px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.osnovatel {
    background: url(https://i.postimg.cc/DfWkk5J6/Frame-12-5.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.team_project {
    background: url(https://i.postimg.cc/Gtq90QSv/Frame-53-3.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.razrabotchik {
    background: url(https://i.postimg.cc/4ymRdQx6/Frame-54-3.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.ruc_project {
    background: url(https://i.postimg.cc/K8fQ52cn/Frame-55-5.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.zam_ruc_project {
    background: url(https://i.postimg.cc/ZqqH7M0X/Frame-56-3.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.forum_master {
    background: url(https://i.postimg.cc/zDpB52fx/Frame-57-3.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.piar_manager {
    background: url(https://i.postimg.cc/wjYn8pLc/Frame-58-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.gl_tech_spec {
    background: url(https://i.postimg.cc/3wnqv06n/Frame-59-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.glavadm {
    background: url(https://i.postimg.cc/0ySXcH4M/Frame-60-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.zam_glavadm {
    background: url(https://i.postimg.cc/jjSbmTY3/Frame-61-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.tech_spec {
    background: url(https://i.postimg.cc/3JQH7mHv/Frame-63-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.senior_adm {
    background: url(https://i.postimg.cc/Gt06Lw6C/Frame-64-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.administrator {
    background: url(https://i.postimg.cc/qqdZfcCB/Frame-65-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.senior_moder {
    background: url(https://i.postimg.cc/L80C4FZb/Frame-66-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.moderator {
    background: url(https://i.postimg.cc/C1bm4Zr3/Frame-67-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.senior_helper {
    background: url(https://i.postimg.cc/ydkfdbH0/Frame-79.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.agent_podder {
    background: url(https://i.postimg.cc/xC4gYWpP/Frame-75-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.leader {
    background: url(https://i.postimg.cc/W1DmnFh5/Frame-69-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.polzevatel {
    background: url(https://i.postimg.cc/wvkDvDGj/Frame-70-1.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.server_01 {
    background: url(https://i.postimg.cc/V64b1mJS/Frame-71.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

.server_02 {
    background: url(https://i.postimg.cc/pVGn6VN4/Frame-72.png);
    width: 156px;
    height: 39px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}
Мне не баннера нужны, был код что определенная картинка отображалась. А пример это Русь
 
Редактор
Регистрация
4 Ноя 2024
Сообщения
397
Мне не баннера нужны, был код что определенная картинка отображалась. А пример это Русь
OFFTOP

У вас был запрос посмотреть код баннеров у форума forum.russia-game.ru и попросили показать кодом, что не так?

 
Пользователь
Регистрация
1 Фев 2025
Сообщения
192
OFFTOP


.userBanner.userBanner--blue {
position: relative;
background: linear-gradient(117deg, rgba(255, 0, 0, 0.8), #9c27b0 70.71%);
color: #fff;
font-size: 12px;
line-height: 2.5;
padding: 5px 5px 5px 20px;
border: none;
border-radius: 7px;
.userBanner-before {
position: absolute;
left: 0;
top: 0;
bottom: 0;
background: url(ССЫЛКА);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 30px;
height: 100%;
}
}

 
Статус
В этой теме нельзя размещать новые ответы.
Сверху