Баннер пользователя как у (Diamond RolePlay) 1.1.0

Добрый день, увидел что просили сделать мануал как загрузить на свой сервер, сейчас разберем это.​

Для начала вам нужно скачать архив, который будет прикреплен, заходим на свой сервер в моем случае я захожу через FileZilla, заходим в папку styles > default > Правая кнопка мыши > Создать каталог, я назвал diamond вы же можете любое название указать, примечание: если вы изменили имя каталога то обязательно должны поменять название в коде на свое название. В каталог перекидываем все изображения из архива, После этого заходите в extra.less и вставляем код

Нажмите для раскрытия...

Less:Скопировать

//пользователь
.user {
background: url("https://thevelasco.tk/styles/default/diamond/User.svg") no-repeat;
padding: 1px 6px;
border: 1px solid transparent;
border-radius: 0px;
text-align: center;
height: 30px;
width: 131px;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
}
//команда форума
.komanda {
background: url("https://thevelasco.tk/styles/default/diamond/Forum_team2.svg") no-repeat;
padding: 1px 6px;
border: 1px solid transparent;
border-radius: 0px;
text-align: center;
height: 30px;
width: 131px;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
}
//Эксперт команды тестирования
.comtest {
background: url("https://thevelasco.tk/styles/default/diamond/testingTeamExpert.svg") no-repeat;
padding: 1px 6px;
border: 1px solid transparent;
border-radius: 0px;
text-align: center;
height: 30px;
width: 131px;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
}
//Старший Администратор
.staradm {
background: url("https://thevelasco.tk/styles/default/diamond/starshiyadmin.svg") no-repeat;
padding: 1px 6px;
border: 1px solid transparent;
border-radius: 0px;
text-align: center;
height: 30px;
width: 131px;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
}
//Младший Админ
.mladadmin {
background: url("https://thevelasco.tk/styles/default/diamond/Helper.svg") no-repeat;
padding: 1px 6px;
border: 1px solid transparent;
border-radius: 0px;
text-align: center;
height: 30px;
width: 131px;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
}
//Команда Тестирования
.testingTeam {
background: url("https://thevelasco.tk/styles/default/diamond/testingTeam.svg") no-repeat;
padding: 1px 6px;
border: 1px solid transparent;
border-radius: 0px;
text-align: center;
height: 30px;
width: 131px;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
}
//Главный Администратор
.glavadmin {
background: url("https://thevelasco.tk/styles/default/diamond/Main_administrator.svg") no-repeat;
padding: 1px 6px;
border: 1px solid transparent;
border-radius: 0px;
text-align: center;
height: 30px;
width: 131px;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
}
//Дизайнер проекта
.Designer {
background: url("https://thevelasco.tk/styles/default/diamond/Designer.svg") no-repeat;
padding: 1px 6px;
border: 1px solid transparent;
border-radius: 0px;
text-align: center;
height: 30px;
width: 131px;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
}
//Администратор
.admin {
background: url("https://thevelasco.tk/styles/default/diamond/Junior_administrator.svg") no-repeat;
padding: 1px 6px;
border: 1px solid transparent;
border-radius: 0px;
text-align: center;
height: 30px;
width: 131px;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
}
//Зам Главного админа
.zamgladmina {
background: url("https://thevelasco.tk/styles/default/diamond/Deputy_of_main_administrator.svg") no-repeat;
padding: 1px 6px;
border: 1px solid transparent;
border-radius: 0px;
text-align: center;
height: 30px;
width: 131px;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
}
//Старший модератор
.stmoder {
background: url("https://thevelasco.tk/styles/default/diamond/St_moderator_razdelov.svg") no-repeat;
padding: 1px 6px;
border: 1px solid transparent;
border-radius: 0px;
text-align: center;
height: 30px;
width: 131px;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
}
//Лидер
.lider {
background: url("https://thevelasco.tk/styles/default/diamond/Leader.svg") no-repeat;
padding: 1px 6px;
border: 1px solid transparent;
border-radius: 0px;
text-align: center;
height: 30px;
width: 131px;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
}
//Спец Админ
.specadm {
background: url("https://thevelasco.tk/styles/default/diamond/specialAdministrator.svg") no-repeat;
padding: 1px 6px;
border: 1px solid transparent;
border-radius: 0px;
text-align: center;
height: 30px;
width: 131px;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
}
//Куратор сервера
.kuratorservera {
background: url("https://thevelasco.tk/styles/default/diamond/Kurator_servera.svg") no-repeat;
padding: 1px 6px;
border: 1px solid transparent;
border-radius: 0px;
text-align: center;
height: 30px;
width: 131px;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
}
//Руководитель проекта
.projectmanager {
background: url("https://thevelasco.tk/styles/default/diamond/Project_manager.svg") no-repeat;
padding: 1px 6px;
border: 1px solid transparent;
border-radius: 0px;
text-align: center;
height: 30px;
width: 131px;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
}
//Контент мейкер
.contentmaker {
background: url("https://thevelasco.tk/styles/default/diamond/Content_maker.svg") no-repeat;
padding: 1px 6px;
border: 1px solid transparent;
border-radius: 0px;
text-align: center;
height: 30px;
width: 131px;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
}
//Модератор форума
.moderator {
background: url("https://thevelasco.tk/styles/default/diamond/Moderator_razdelov.svg") no-repeat;
padding: 1px 6px;
border: 1px solid transparent;
border-radius: 0px;
text-align: center;
height: 30px;
width: 131px;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
}

примечание: в background: url вместо ссылка на форум, ставите ваш домен например forum.diamondrp.ru. И все теперь создаете группу пользователей.

Нажмите для раскрытия...

Все баннеры с учетом новых!

Нажмите для раскрытия...