Современный облачный хостинг провайдер | Aéza
Контакты ООО "АЕЗА ГРУПП" ИНН 2312304914 ОГРН 1212300056430

XF 2.2 А как такое реализовать

Версия XenForo
2.2
I

Ilia_Ragilo

Участники
Сообщения
38
Реакции
-6
Баллы
63
Добрый вечер. Я бы хотел чтобы профиль выглядил как на фото
Screenshot_20230728_160547_com.android.chrome.jpg
А выглядит так
Screenshot_20230727_184137_com.android.chrome.jpg
 
Сортировка по дате Сортировка по голосам
Если вы про группы то ниже предоставлю код, можете скачивать изображения можете просто загрузить себе на форум код, как вам угодно)
Less: 
.imgBloger {
    background: url(https://forum.matrp.ru/styles/icon/role_bloger.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
}

.imgMedia {
    background: url(https://forum.matrp.ru/styles/icon/role_media.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
}

.imgZamglsled {
    background: url(https://forum.matrp.ru/styles/icon/img_zamglsled.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
}

.imgGlsled {
    background: url(https://forum.matrp.ru/styles/icon/img_glsled.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
}

.imgGa {
    background: url(https://forum.matrp.ru/styles/icon/img_ga.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
}

.imgZamga {
    background: url(https://forum.matrp.ru/styles/icon/img_zamga.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
}

.imgMestn {
    background: url(https://forum.matrp.ru/styles/icon/img_mestn.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
}

.imgLegend {
    background: url(https://forum.matrp.ru/styles/icon/img_legend.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
}

.imgUser {
    background: url(https://forum.matrp.ru/styles/icon/img_user.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
}

.imgSupport {
    background: url(https://forum.matrp.ru/styles/icon/img_support.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
}

.imgLeader {
    background: url(https://forum.matrp.ru/styles/icon/img_leader.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
}

.imgModer {
    background: url(https://forum.matrp.ru/styles/icon/img_moder.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
}

.imgAdmin {
    background: url(https://forum.matrp.ru/styles/icon/img_admin.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
}

.imgStadmin {
    background: url(https://forum.matrp.ru/styles/icon/img_stadmin.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
}

.imgTehadmin {
    background: url(https://forum.matrp.ru/styles/icon/img_tehadmin.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
}

.imgRykovod {
    background: url(https://forum.matrp.ru/styles/icon/img_rykovod.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
}

.imgRykovodTeh {
    background: url(https://forum.matrp.ru/styles/icon/img_glteh.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
}

.imgZamRykovodTeh {
    background: url(https://forum.matrp.ru/styles/icon/img_zamglteh.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
}

.imgCommunityManager {
    background: url(https://forum.matrp.ru/styles/icon/img_communitymanager.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
}

.imgSpecadmin {
    background: url(https://forum.matrp.ru/styles/icon/img_specadmin.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
}

.imgDev {
    background: url(https://forum.matrp.ru/styles/icon/img_dev.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
}

.imgOsnov {
    background: url(https://forum.matrp.ru/styles/icon/img_osnov.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
}

.imgFreeze {
    background: url(https://forum.matrp.ru/styles/icon/img_freeze.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
}

.imgBlock {
    background: url(https://forum.matrp.ru/styles/icon/img_block.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
}
 
Позитивный голос 0 Негативный голос
farmervelasco написал(а):
Если вы про группы то ниже предоставлю код, можете скачивать изображения можете просто загрузить себе на форум код, как вам угодно)
Less: 
.imgBloger {
    background: url(https://forum.matrp.ru/styles/icon/role_bloger.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
}

.imgMedia {
    background: url(https://forum.matrp.ru/styles/icon/role_media.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
}

.imgZamglsled {
    background: url(https://forum.matrp.ru/styles/icon/img_zamglsled.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
}

.imgGlsled {
    background: url(https://forum.matrp.ru/styles/icon/img_glsled.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
}

.imgGa {
    background: url(https://forum.matrp.ru/styles/icon/img_ga.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
}

.imgZamga {
    background: url(https://forum.matrp.ru/styles/icon/img_zamga.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
}

.imgMestn {
    background: url(https://forum.matrp.ru/styles/icon/img_mestn.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
}

.imgLegend {
    background: url(https://forum.matrp.ru/styles/icon/img_legend.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
}

.imgUser {
    background: url(https://forum.matrp.ru/styles/icon/img_user.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
}

.imgSupport {
    background: url(https://forum.matrp.ru/styles/icon/img_support.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
}

.imgLeader {
    background: url(https://forum.matrp.ru/styles/icon/img_leader.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
}

.imgModer {
    background: url(https://forum.matrp.ru/styles/icon/img_moder.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
}

.imgAdmin {
    background: url(https://forum.matrp.ru/styles/icon/img_admin.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
}

.imgStadmin {
    background: url(https://forum.matrp.ru/styles/icon/img_stadmin.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
}

.imgTehadmin {
    background: url(https://forum.matrp.ru/styles/icon/img_tehadmin.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
}

.imgRykovod {
    background: url(https://forum.matrp.ru/styles/icon/img_rykovod.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
}

.imgRykovodTeh {
    background: url(https://forum.matrp.ru/styles/icon/img_glteh.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
}

.imgZamRykovodTeh {
    background: url(https://forum.matrp.ru/styles/icon/img_zamglteh.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
}

.imgCommunityManager {
    background: url(https://forum.matrp.ru/styles/icon/img_communitymanager.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
}

.imgSpecadmin {
    background: url(https://forum.matrp.ru/styles/icon/img_specadmin.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
}

.imgDev {
    background: url(https://forum.matrp.ru/styles/icon/img_dev.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
}

.imgOsnov {
    background: url(https://forum.matrp.ru/styles/icon/img_osnov.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
}

.imgFreeze {
    background: url(https://forum.matrp.ru/styles/icon/img_freeze.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
}

.imgBlock {
    background: url(https://forum.matrp.ru/styles/icon/img_block.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
}
Нажмите для раскрытия...
Спасибо
 
Позитивный голос 0 Негативный голос
Войдите или зарегистрируйтесь для ответа.
Современный облачный хостинг провайдер | Aéza
Контакты
ООО "АЕЗА ГРУПП" ИНН 2312304914 ОГРН 1212300056430 г. Краснодар, ул. Маяковского 160, офис 2.4

Похожие темы

Optinice
  • Вопрос
XF 2.3 Узнать больше об этом ресурсе в виде кнопки
Ответы
5
Просмотры
349
Optinice
Optinice
Ignatov
  • Решено
XF 2.3 Обновить внутренние ссылки после переезда на новый домен
Ответы
2
Просмотры
157
Ignatov
Ignatov
asm-a
  • Решено
XF 2.3 Изменить внешний вид ресурсов
Ответы
9
Просмотры
306
Maza47
Maza47
Casablanca
  • Вопрос
XF 2.3 Другая очередность разделов для гостей
Ответы
8
Просмотры
379
Mirovinger
M
Suujs
  • Решено
XF 2.2 Как сделать так, чтобы модераторы форума могли заходить на ограниченный профиль пользователя
Ответы
2
Просмотры
220
Suujs
Suujs
Назад
Сверху Снизу