Jump to content
View in the app

A better way to browse. Learn more.

IPBMafia.ru - поддержка Invision Community, релизы, темы, плагины и приложения

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

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

Featured Replies

Posted

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

 

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2016-12-09_22-23-11.png

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

Цитата

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

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

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

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

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

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>

 

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Ответить в этой теме...

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

  • No registered users viewing this page.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.