Перейти к содержанию

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

TheSagittarius
 Поделиться

Рекомендуемые сообщения

TheSagittarius Основной

TheSagittarius

Опубликовано
Опубликовано

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

 

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

 

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

Ссылка на комментарий
Поделиться на другие сайты
Axeland Соавтор

Axeland

Опубликовано
Опубликовано

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

Ссылка на комментарий
Поделиться на другие сайты
TheSagittarius Основной

TheSagittarius

Опубликовано
  • Автор
Опубликовано
44 минуты назад, Axeland сказал:

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

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

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

Ссылка на комментарий
Поделиться на другие сайты
TheSagittarius Основной

TheSagittarius

Опубликовано
  • Автор
Опубликовано

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

Ссылка на комментарий
Поделиться на другие сайты
ram108 Опытный

ram108

Опубликовано
Опубликовано

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

Ссылка на комментарий
Поделиться на другие сайты
Axeland Соавтор

Axeland

Опубликовано
Опубликовано

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

Ссылка на комментарий
Поделиться на другие сайты
Silence Ветеран

Silence

Опубликовано
Опубликовано
7 часов назад, TheBrunoCreed сказал:

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

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

Ссылка на комментарий
Поделиться на другие сайты
TheSagittarius Основной

TheSagittarius

Опубликовано
  • Автор
Опубликовано
13 часов назад, Axeland сказал:

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

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

Ссылка на комментарий
Поделиться на другие сайты
Axeland Соавтор

Axeland

Опубликовано
Опубликовано
10 часов назад, TheBrunoCreed сказал:

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

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

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

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

Цитата

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

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

Ссылка на комментарий
Поделиться на другие сайты
Silence Ветеран

Silence

Опубликовано
Опубликовано

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

Ссылка на комментарий
Поделиться на другие сайты
Axeland Соавтор

Axeland

Опубликовано
Опубликовано
14 минут назад, Silence сказал:

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

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

Ссылка на комментарий
Поделиться на другие сайты
Silence Ветеран

Silence

Опубликовано
Опубликовано

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 Опытный

ram108

Опубликовано
Опубликовано

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

Ссылка на комментарий
Поделиться на другие сайты
Silence Ветеран

Silence

Опубликовано
Опубликовано
2 минуты назад, ram108 сказал:

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

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

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

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

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

×
 Поделиться
Перейти к списку тем

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...