Добавить иконку группы/баннер в пользовательскую информацию

Мануал 2.x Добавить иконку группы/баннер в пользовательскую информацию

Как добавить иконку группы/баннер в пользовательскую информацию
  • Автор темы SOUL
  • Дата создания

SOUL

Создатель
Сообщения
7 910
Репутация
11 177
Баллы
266
SOUL разместил(а) новый ресурс:

Добавить иконку группы/баннер в пользовательскую информацию - Как добавить иконку группы/баннер в пользовательскую информацию

How to add a Custom Group Badge / Banner to User Info

Вариант №1 - Использование блока « Текст баннера пользователя »

Просмотреть вложение 29738

Перейдите по пути Внешний вид > Шаблоны > и найдите шаблон « extra.less ».
Откройте его и добавьте код (В примере название « .mybadge» ):
CSS:
.mybadge {
     background-image: url('https://www.mywebsite.com/mybadge.png');
     background-repeat: no-repeat;
     background-position: center top...
Посмотреть страницу этого ресурса...
 

SOUL

Создатель
Сообщения
7 910
Репутация
11 177
Баллы
266
SOUL обновил ресурс Добавить иконку группы/баннер в пользовательскую информацию новой записью:

Настройка размера и выравнивание для мобильного телефона

Добавьте следующий код, чтобы поправить размер и выравнивание в мобильном отображении.
Код:
/* Corrects mobile view for size and alignment -- tweak these numbers to suit your needs*/
@media (max-width: 650px){
.mybadge.message-userBanner.userBanner {
     background-position: left top;
     height: 8px;                               /* adjust to the size you would like to make the image */
     background-size: 26px 26px;     /* adjust to the size you would like to make the image */...
Посмотреть подробности об этом обновлении...
 
Сверху Снизу