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

Ilia_Ragilo · 8 Авг 2023

Добрый вечер. Я бы хотел чтобы профиль выглядил как на фото

Screenshot_20230728_160547_com.android.chrome.jpg

А выглядит так

Screenshot_20230727_184137_com.android.chrome.jpg

farmervelasco · 8 Авг 2023

Если вы про группы то ниже предоставлю код, можете скачивать изображения можете просто загрузить себе на форум код, как вам угодно)

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
}

Ilia_Ragilo · 8 Авг 2023

Ну чтобы профиль так же выглядил

Ilia_Ragilo · 8 Авг 2023

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
}

Спасибо

PlatonMeleev · 8 Авг 2023

OFFTOP

Так баннер и так был же…

Ilia_Ragilo · 10 Авг 2023

Не решено

Matew · 10 Авг 2023

Ilia_Ragilo написал(а):
Не решено

Ну так решайте. Вам учебник дать?

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

Ilia_Ragilo

farmervelasco

Ilia_Ragilo

Ilia_Ragilo

PlatonMeleev

Ilia_Ragilo

Matew

Похожие темы

Мы ценим вашу конфиденциальность