Как скопировать стиль профиля

[unloadmod]

Вот к примеру я возьму ваш форум и хочу взять стиль профиля, но как код правильно искать в инструментах разработчика?

 

[JustAlex]

OFFTOP

Чего..

Ты устанавливаешь стиль и устанавливаешь баннер профиля/аватарку. Потом устанавливаешь баннеры и выдаёшь их пользователю.

 

[Jack_Mithel]

Вот к примеру я возьму ваш форум и хочу взять стиль профиля, но как код правильно искать в инструментах разработчика?

Давай к примеру тебя возьмем

Аватарка - нажимаю правой мыши на аву, сохранить изображение как...

все скачал выдавай.
баннеры снизу

Спойлер: код

.userBannerLight,.userBanner--staff {
    display: inline-block;
    text-align: center;
    font-weight: 500;
    color: #fff;
    width: 100%;
    border: none;
    position: relative;
    overflow: hidden
}

.userBannerLight.admin,.userBanner--staff.admin {
    background: linear-gradient(90deg, #cb2d3e, #ef473a);
    width: 101px
}

.userBannerLight.banned,.userBanner--staff.banned {
    background: linear-gradient(90deg, #99958c 25%, #99958c 100%, #000);
    width: 115px
}

.userBannerLight.user,.userBanner--staff.user {
    background: linear-gradient(90deg, #789 25%, #789 100%, #000);
    width: 93px
}

.userBannerLight.moder,.userBanner--staff.moder {
    background: linear-gradient(90deg, #4b6cb7, #182848);
    width: 77px
}

.userBannerLight.editor,.userBanner--staff.editor {
    background-color: #5F72BE;
    background-image: linear-gradient(315deg, #5f72be 0%, #9921e8 74%);
    width: 67px
}

.userBannerLight.active,.userBanner--staff.active {
    background-color: #3333ff;
    background-image: linear-gradient(315deg, #00f 0%, #33f 74%);
    width: 67.5px
}

.userBannerLight.professional,.userBanner--staff.professional {
    background-color: #00b300;
    background-image: linear-gradient(315deg, #008000 0%, #00b300 74%);
    width: 100px
}

.userBannerLight:before,.userBanner--staff:before {
    content: "";
    position: absolute;
    background: linear-gradient(135deg, transparent 0%, transparent 30%, rgba(250,250,250,0.7) 50%, transparent 70%, transparent 100%);
    background-repeat: no-repeat;
    top: 0px;
    left: -80%;
    width: 100%;
    height: 100%;
    animation: light 2.5s infinite
}

@media (max-width: 990px) {
    .message:not(.message--forceColumns) .message-userBanner.userBanner.userBannerLight,.message:not(.message--forceColumns) .message-userBanner.userBanner.userBanner--staff {
        text-align:center;
        display: block;
        margin: 3px
    }
}

.userBanner--staff {
    background: #1ba39c !important;
    color: #fff !important;
    width: 108px
}

@keyframes light {
    0% {
        left: -80%
    }

    100% {
        left: 80%
    }
}

.message-avatar-wrapper .avatar.avatar--l {
    width: 115px;
    height: 115px
}

.message-userBanner.userBanner {
    display: block;
    margin: 3px auto
}

остальное по типу сообщения реакций выдаешь сам через админку, если не понимаешь как скажешь покажу

 

[IntelCore]

OFFTOP

эм

 

[unloadmod]

...Я имел ввиду не скачать, ай ладно щас покажу на фотках:
На первом скрине аватарка находится ближе к углам,а на других по середине. И вопрос как это можно грубо говоря скопировать через инструменты разработчиков, а потом подкорректировать под себя?
Может вообще это надо самому делать с нуля?
В одной теме я спрашивал про такое, но сейчас мне интересно как самому также искать/делать..

Сменить стиль профиля пользователя

Несколько дней назад я спрашивал, как сделать стиль профиля как у xenforo (на подобии) А сейчас вопрос: как сделать вот такой стиль профиля? чтобы получилось точь в точь как на скриншоте (баннер, ава)

pawno-help.ru

 

[Kolpak]

Вот к примеру я возьму ваш форум и хочу взять стиль профиля, но как код правильно искать в инструментах разработчика?

...Я имел ввиду не скачать, ай ладно щас покажу на фотках:
На первом скрине аватарка находится ближе к углам,а на других по середине. И вопрос как это можно грубо говоря скопировать через инструменты разработчиков, а потом подкорректировать под себя?
Может вообще это надо самому делать с нуля?
В одной теме я спрашивал про такое, но сейчас мне интересно как самому также искать/делать..

Сменить стиль профиля пользователя

Несколько дней назад я спрашивал, как сделать стиль профиля как у xenforo (на подобии) А сейчас вопрос: как сделать вот такой стиль профиля? чтобы получилось точь в точь как на скриншоте (баннер, ава)

pawno-help.ru

Смотрите код элемента и вносите изменения только в те классы, которые были затронуты. Сверяйте и ищите самостоятельно - других способов нет. У меня есть опыт, и я могу по картинке определить, где и что было изменено. В основном пользуйтесь кодом элемента и шаблонами

 

[unloadmod]

@Kolpak, для первого раза примерно такое будет не сложно сделать? Хочу попрактиковаться может выйдет что-то в будущем..
1. Пк версия
2. Мобильная версия
3. При нажатии на ник в теме