Помогите с баннерами

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

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

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

Вложения

  • Screenshot_20241104-222028.jpg
    Screenshot_20241104-222028.jpg
    1,011.4 KB · Просмотры: 28
Пользователь
Регистрация
4 Ноя 2024
Сообщения
60
Они через фотошоп сделаны, можно попробовать и в Figm'e сделать, так легче будет. С телефона вряд ли что-то сделаешь с форумом нормальное, лучше использовать пк
 
Пользователь
Регистрация
1 Сен 2024
Сообщения
37
extra.less:

CSS:
.tm {
    background: url(https://i.postimg.cc/fW7v2JtZ/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.userBanner.userBanner--staff, .userBanner.userBanner--primary {
    background: url(https://i.postimg.cc/FF3p2cHd/cmd.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.rt {
    background: url(https://i.postimg.cc/QCjdx6J6/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.moderforum {
    background: url(https://i.postimg.cc/nzjLCxwM/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.ka {
    background: url(https://i.postimg.cc/2yxFVKR3/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.serv1 {
    background: url(https://i.postimg.cc/g24vG2vW/1.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.userhr {
    background: url(https://i.postimg.cc/HxKjDJKc/33.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.zgs {
    background: url(https://i.postimg.cc/CdySZfnQ/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.leader {
    background: url(https://i.postimg.cc/8kx6dKhq/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.prt {
    background: url(https://i.postimg.cc/B69vRZLf/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.ga {
    background: url(https://i.postimg.cc/zBz3dCLZ/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.pm {
    background: url(https://i.postimg.cc/G3F4tj4z/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.hrrazrab {
    background: url(https://i.postimg.cc/DwMZHjNf/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.owner {
    background: url(https://i.postimg.cc/Jnn1S8WP/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.gkbp {
    background: url(https://i.postimg.cc/K88QgxYb/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.spec {
    background: url(https://i.postimg.cc/pLH54mcC/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;

}

.zga {
    background: url(https://i.postimg.cc/4d24BrkV/2.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;

}
.gs {
    background: url(https://i.postimg.cc/yx37YTxR/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

Это баннеры со значком, если вам надо их убрать - фотошоп в руки
 
Последнее редактирование:
Пользователь
Регистрация
6 Ноя 2024
Сообщения
1
extra.less:

CSS:
.tm {
    background: url(https://i.postimg.cc/fW7v2JtZ/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.userBanner.userBanner--staff, .userBanner.userBanner--primary {
    background: url(https://i.postimg.cc/FF3p2cHd/cmd.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.rt {
    background: url(https://i.postimg.cc/QCjdx6J6/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.moderforum {
    background: url(https://i.postimg.cc/nzjLCxwM/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.ka {
    background: url(https://i.postimg.cc/2yxFVKR3/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.serv1 {
    background: url(https://i.postimg.cc/g24vG2vW/1.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.userhr {
    background: url(https://i.postimg.cc/HxKjDJKc/33.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.zgs {
    background: url(https://i.postimg.cc/CdySZfnQ/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.leader {
    background: url(https://i.postimg.cc/8kx6dKhq/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.prt {
    background: url(https://i.postimg.cc/B69vRZLf/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.ga {
    background: url(https://i.postimg.cc/zBz3dCLZ/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.pm {
    background: url(https://i.postimg.cc/G3F4tj4z/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.hrrazrab {
    background: url(https://i.postimg.cc/DwMZHjNf/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.owner {
    background: url(https://i.postimg.cc/Jnn1S8WP/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.gkbp {
    background: url(https://i.postimg.cc/K88QgxYb/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.spec {
    background: url(https://i.postimg.cc/pLH54mcC/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;

}

.zga {
    background: url(https://i.postimg.cc/4d24BrkV/2.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;

}
.gs {
    background: url(https://i.postimg.cc/yx37YTxR/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

Это баннеры со значком, если вам надо их убрать - фотошоп в руки
Вайя спасибо брат
 
Пользователь
Регистрация
17 Сен 2024
Сообщения
33
extra.less:

CSS:
.tm {
    background: url(https://i.postimg.cc/fW7v2JtZ/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.userBanner.userBanner--staff, .userBanner.userBanner--primary {
    background: url(https://i.postimg.cc/FF3p2cHd/cmd.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.rt {
    background: url(https://i.postimg.cc/QCjdx6J6/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.moderforum {
    background: url(https://i.postimg.cc/nzjLCxwM/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.ka {
    background: url(https://i.postimg.cc/2yxFVKR3/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.serv1 {
    background: url(https://i.postimg.cc/g24vG2vW/1.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.userhr {
    background: url(https://i.postimg.cc/HxKjDJKc/33.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.zgs {
    background: url(https://i.postimg.cc/CdySZfnQ/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.leader {
    background: url(https://i.postimg.cc/8kx6dKhq/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.prt {
    background: url(https://i.postimg.cc/B69vRZLf/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.ga {
    background: url(https://i.postimg.cc/zBz3dCLZ/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.pm {
    background: url(https://i.postimg.cc/G3F4tj4z/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.hrrazrab {
    background: url(https://i.postimg.cc/DwMZHjNf/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.owner {
    background: url(https://i.postimg.cc/Jnn1S8WP/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.gkbp {
    background: url(https://i.postimg.cc/K88QgxYb/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.spec {
    background: url(https://i.postimg.cc/pLH54mcC/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;

}

.zga {
    background: url(https://i.postimg.cc/4d24BrkV/2.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;

}
.gs {
    background: url(https://i.postimg.cc/yx37YTxR/image.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

Это баннеры со значком, если вам надо их убрать - фотошоп в руки
Крутые баннеры
 
Сверху