Персонализация профиля на весь экран

Posted 8 декабря, 20168 yr

Добрых суток.

Сразу говорю, форум iPB 3.4.

Если ставить персонализацию профиля, то она на весь экран странички пользователя, а хотелось бы, чтобы был только в пределах границ профиля и не выходил на другие поля.

Цитата

8 декабря, 20168 yr

comment_117406

CSS в помощь. Можно посмотреть, если дадите ссылку на юзера с логином и паролем и персонализацией, и более точно обозначите, в какие рамки нужно запихнуть картинку

Цитата

Silence
1

8 декабря, 20168 yr

Author

comment_117407

44 минуты назад, Axeland сказал:

CSS в помощь. Можно посмотреть, если дадите ссылку на юзера с логином и паролем и персонализацией, и более точно обозначите, в какие рамки нужно запихнуть картинку

Можешь просто зарегаться тут => stm-mc.su.

У юзеров есть право смены персонализации профиля.

Цитата

8 декабря, 20168 yr

Author

comment_117421

Пожалуйста, помогите....

Цитата

8 декабря, 20168 yr

comment_117482

@TheBrunoCreed мне, например, лень регистрироваться, чтобы просто посмотреть, что у вас там происходит, а доступа к профилю у меня нет. Вижу, что дизайн форума у вас устроен таким образом, что применяются фиксированные бэкграунды на весь экран. Не удивительно, что у пользователя в профиле бэкграунд тоже на весь экран. На вашем скриншоте выглядит это не плохо.

Цитата

Silence and Axeland
2

8 декабря, 20168 yr

comment_117483

Плюс предыдущему, если вы пришли за помощью и вас просят что-то сделать - не поленитесь, пожалуйста, выдайте доступ, т.к. я тоже не буду ради этого регистрировать свой е-майл где-то там. А ежели бы выложили юзера с настроенным фоном, то сократили бы время до решения своей проблемы, сократив время разбора этого вопроса желающими помочь. Мне кажется, это справедливо будет и честно.

Цитата

Silence and ram108
2

8 декабря, 20168 yr

comment_117484

7 часов назад, TheBrunoCreed сказал:

Пожалуйста, помогите....

Я магу попробват помоч тебя - нужни админ права

Цитата

ram108 and Samohovets
2

9 декабря, 20168 yr

Author

comment_117519

13 часов назад, Axeland сказал:

Плюс предыдущему, если вы пришли за помощью и вас просят что-то сделать - не поленитесь, пожалуйста, выдайте доступ, т.к. я тоже не буду ради этого регистрировать свой е-майл где-то там. А ежели бы выложили юзера с настроенным фоном, то сократили бы время до решения своей проблемы, сократив время разбора этого вопроса желающими помочь. Мне кажется, это справедливо будет и честно.

Окей, аккаунт создан. В ЛС отправлю лог. и пароль. Фон поставил.

Цитата

9 декабря, 20168 yr

comment_117588

10 часов назад, TheBrunoCreed сказал:

Окей, аккаунт создан. В ЛС отправлю лог. и пароль. Фон поставил.

Соррян за тормоза, работа. Вижу, залогинился. По идее фон не должен быть такой маленький, если его сейчас средствами КСС растянуть, то получится что-то вроде

Также хотелось бы пояснений, что значит

Цитата

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

Нужно расположить бэк посередине, или чтобы не именно не выходил за пределы content?

Цитата

9 декабря, 20168 yr

comment_117589

Я думаю что нужно отредактироват membersProfileCustomize

Цитата

9 декабря, 20168 yr

comment_117590

14 минут назад, Silence сказал:

Я думаю что нужно отредактироват membersProfileCustomize

Смотря что там есть, вообще, фон ставится аж на <body id="ipboard_body">

Цитата

9 декабря, 20168 yr

comment_117591

ACP -> Внешний вид -> Ваш стиль -> CSS -> Создаем новый css и названием его:

ipb_userinfo_bg

В его поставит ето содержание:

.ipb_userinfo_bg{height: 50px;background: #fff !important;background-size: 100% 100% !important;border-radius: 2px 2px 0 0;}

Перейти к

шаблоны -> Профили пользователей -> customizeProfileзаменяем все содержимое на это:

<style type="text/css">
    <if test="hasBodyCustomization:|:$member['customization']['bg_color'] OR $member['customization']['_bgUrl']">#customBackground {
        <if test="hasBackgroundColor:|:$member['customization']['bg_color']"> background-color: # {
            $member['customization']['bg_color']
        }
        !important;
        </if> <if test="hasBackgroundImage:|:$member['customization']['_bgUrl']"> background-image: url("{$member['customization']['_bgUrl']}?nc={$member['pp_profile_update']}") !important;
        <if test="backgroundIsFixed:|:! $member['customization']['bg_tile']"> background-position: 50% 50%;
        background-repeat: no-repeat;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        background-size: cover;
        <else /> background-position: 50% 50%;
        background-repeat: repeat;
        </if> </if> height: 500px;
        margin: -9px -9px 0 -9px;
    }
    #profile_background > .ipsLayout {
        position: relative;
        margin-top: -129px;
    }
    #user_info_cell,
    #user_info_cell * {
        color: #fff;
        text-shadow: rgba(0, 0, 0, 0.9) 0px 1px 8px;
    }
    .ipsLayout.ipsLayout_withleft {
        padding-left: 150px;
        background: none !important;
    }
    #user_utility_links {
        margin-top: 0;
    }
    #user_utility_links a {
        background: url("{style_images_url}/trans50.png") repeat;
        background: rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 3px, rgba(255, 255, 255, 0.1) 0px 1px 0px;
        -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 3px, rgba(255, 255, 255, 0.1) 0px 1px 0px;
        box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 3px, rgba(255, 255, 255, 0.1) 0px 1px 0px;
        color: #fff;
        display: inline-block;
        padding: 0 10px;
        border-radius: 3px;
        line-height: 30px;
        height: 30px;
        text-shadow: rgba(0, 0, 0, 0.4) 0px 1px 0px;
        border: 0;
    }
    #user_utility_links a:hover {
        background: url("{style_images_url}/trans70.png") repeat;
        background: rgba(0, 0, 0, 0.7);
    }
    #user_utility_links img {
        margin-right: 4px;
    }
    </if>
</style>
<script type="text/javascript">
    ipb.profile.customization = 1;
</script>

Перейти к profileModern и найти:

<div class='ipsBox vcard' id='profile_background'>

после вставляем:

<div id="customBackground"></div>

Перейти к userInfoPane и найти:

<span class='hide' itemprop="name">{$author['members_display_name']}</span>

после вставляем:

<div class='ipb_showcard' style='<if test="hasBodyCustomization:|:$author[' customization ']['bg_color '] OR $author['customization ']['_bgUrl ']">	<if test="hasBackgroundColor:|:$author['customization ']['bg_color ']">background-color: #{$author['customization ']['bg_color ']} !important;	</if>	<if test="hasBackgroundImage:|:$author['customization ']['_bgUrl ']">		background-image: url("{$author['customization ']['_bgUrl ']}?nc={$author['pp_profile_update ']}") !important;		<if test="backgroundIsFixed:|:! $author['customization ']['bg_tile ']">			background-color: #FFFFFF !important;background-position: 50% 50%;background-repeat: no-repeat;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;background-size: 100% 100% !important;height: 110px;margin: -9px -9px 0 -9px;		<else />			background-position: 0px 0px;			background-attachment: fixed;			background-repeat: repeat;		</if>	</if></if>'></div>

Цитата

ram108, TheSagittarius, benix and 1 other
4

9 декабря, 20168 yr

comment_117592

Круто! @Silence, ты просто гений!

Цитата

Silence
1

9 декабря, 20168 yr

comment_117595

2 минуты назад, ram108 сказал:

Круто! @Silence, ты просто гений!

Долгое время назад (на другой форум) я помог в разработке этой персонализации

Цитата

TheSagittarius, ram108, Eproxx and 1 other
4

Sign In

Персонализация профиля на весь экран

Featured Replies

Join the conversation

Последние посетители 0

Account

Navigation

Messages

Уведомления

Search