Баннеры групп пользователей

[tophacker]

Подскажите, пожалуйста, как и куда мне добавить изображения баннеров групп пользователей на форум? 

[SlawkA]

2 часа назад, tophacker сказал:

Подскажите, пожалуйста, как и куда мне добавить изображения баннеров групп пользователей на форум? 

Если идет речь о картинках типа Админ, Пользователь? То в группах, в каждой группе, в настройках есть загрузка картинки.

[tophacker]

@SlawkA, да. Речь об этом. Я думал это для маленьких изображений, 64x64px например. Какие размеры изображения нужны? Или может быть в системе (или в теме) размеры указаны?

[SlawkA]

38 минут назад, tophacker сказал:

@SlawkA, да. Речь об этом. Я думал это для маленьких изображений, 64x64px например. Какие размеры изображения нужны? Или может быть в системе (или в теме) размеры указаны?

У меня на сайте глянь, какие стоят. Размеры не помню

[tophacker]

@SlawkA,  как минимум баннер "Друзья сайта" 165x43px. Я уже проверил. У меня 800x120px норм встает.

[SlawkA]

17 минут назад, tophacker сказал:

@SlawkA,  как минимум баннер "Друзья сайта" 165x43px. Я уже проверил. У меня 800x120px норм встает.

Я думаю движок сжимает под размер по умолчанию

[tophacker]

@SlawkA, похоже так и есть. Ты не в курсе как рамки аватара (avatar border) ставить? Может приложение или плагин есть какой?

[SlawkA]

57 минут назад, tophacker сказал:

@SlawkA, похоже так и есть. Ты не в курсе как рамки аватара (avatar border) ставить? Может приложение или плагин

Есть один плагин. Называется Ручками в CSS

Можно даже под группу свой цвет рамки сделать.

[tophacker]

@SlawkA, где можно почитать о том как это сделать? Может тут на форуме есть?

[tophacker]

CSS код сделал. А как на группу повесить?

[Desti]

1 час назад, tophacker сказал:

А как на группу повесить?

{{if \IPS\Member::loggedIn()->group['g_id'] == 4}}
            имя класса
{{endif}}

Вместо 4-ки номер вашей группы или несколько таких блоков для разных групп.

[tophacker]

@Desti, куда вставить его? Извините, но я ни разу не имел дело с CSS.

 

CSS на всякий случай:

Спойлер

html, body{
  background-color: rgba(0,0,0,0.5);
}
.image{
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 4px solid transparent;
  border-radius: 50%;
  background-image: url('img/avatar/borders/abyssal.png');
  background-origin: border-box;
  background-clip: content-box, border-box;
}
.image__src{
  position: absolute;
  top: 4px;
  right: 4px;
  bottom: 4px;
  left: 4px;
  border-radius: 50%;
  background-size: cover;
}