Система префиксов. | MYBB.

[AntiLoop]

Всем доброго времени суток, уважаемые пользователи Pawno-info! Сегодня, я покажу Вам систему префиксов на PHPBB, MYBB, и еще множестве других форумах.

Для начала, переходим в панель "Администрирование", далее, нажимаем на: << Настройки >> > Пролистываем вниз, и выбираем: HTML Низ.

P.S Перед этим, необходимо создать группу, для этого идем в раздел >> Группы >> Создать новую.

Теперь, вставляем туда код:

Спойлер

<style type="text/css">
.pa-group-title span {
  display: inline-block;
  box-sizing: border-box;
  padding: 3px 6px;
  border-radius: 3px;
  width: 16em;
  text-align: center;
  font-weight: 700;
  background: #bbb;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0,0,0,.2)
}
.post[data-group-id="1"] .pa-group-title span {
  background: red;
}
.post[data-group-id="2"] .pa-group-title span {
  background: green;
}
</style>
<script type="text/javascript">
if($('#pun-viewtopic,#pun-messages').length)(function(){
  var arr = [], obj = {};
  $('.post').map(function(){
    var id = $(this).find('a[href*="/profile.php?id="]:first')
      .attr('href').match(/id=(\d+)/)[1];
    if (!~arr.indexOf(id)) arr.push(id);
    $(this).attr('data-user-id', id);
  });
  console.log(arr);
  $.get('/api.php', {
    method: 'users.get',
    user_id: arr.join(','),
    fields: 'user_id,group_title'
  }, function(data){
    var users = data.response.users;
    for (var i in users){
      obj[users[i].user_id] = users[i].group_title;
    }
    $('.post .pa-avatar').after(function() {
      var group = obj[$(this).parents('.post').attr('data-user-id')];
      return '<li class="pa-group-title"><span>' + group + '</span></li>';
    });
  });
})();
</script>
[/CENTER]

Теперь постараюсь объяснить, как же разобраться в данном коде, и как добавить туда нужную группу.
Можно добавлять свои цвета для раскраски по группам, по аналогии с тем, как это сделано для админов и модераторов (по умолчанию для пользователей эта полоска отображается серой, у админов - красной, у модераторов - зеленой)


Ниже код, для добавления нового префикса.

.post[data-group-id="XXX"] .pa-group-title span {
background: #YYYYYY;
}

Вместо XXX - ID нужной группы (выяснить ID группы можно в разделе: Администрирование - Группы - Редактировать - последнее число в адресной строке)

вместо YYYYYY - hex-код цвета, которым надо окрасить фон.

Можно вставлять цвета и не только с HEX, также это можно делать одноименным способом. По типу, вставляя туда green, blue, yellow, но уже без #.

Спойлер: Скриншоты

Большое всем спасибо за просмотренный урок! Если Вам интересна данная тема, то скоро сделаю мануал, по добавлению префикса к заблокированным участникам форума.


Автор: ReCaptcha (А именно я).​