И так приступим.
Заходим:
ац -> внешний вид -> ваш стиль -> css -> создаем новый css с таким названием:
с таким содержимым:
.wa_userinfo_bg{
height: 50px;
background: #fff !important;
background-size: 100% 100% !important;
border-radius: 2px 2px 0 0;
}
С CSS закончили.
Перейдем к файлам Шаблона
открываем:
шаблоный -> Профили пользователей -> 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>
С customizeProfile закончили.
Открываем profileModern
И после:
<div class='ipsBox vcard' id='profile_background'>
вставляем:
<div id="customBackground"></div>
с видом профиля закончили.
Теперь будем делать userInfoPane:
Открываем userInfoPane
и сразу после:
<span class='hide' itemprop="name">{$author['members_display_name']}</span>
Вставляем:
<div class='wa_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>
Делаем персонализацию во всплывающем окне.
открываем: showCard
и все заменяем на:
<div class='vcard userpopup'>
<h3 class="wa_showcard" style='
<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;
height: 100px !important;
line-height: 190px;
background-repeat: no-repeat;
-webkit-background-size: 100% 100% !important;
-moz-background-size: 100% 100% !important;
background-size: 100% 100% !important;
background-position: 50% 50%;
</if>
</if>
background-image: url({$member['customization']['_bgUrl']}) !important;'>
<a href="{parse url="showuser={$member['member_id']}" seotitle="{$member['members_seo_name']}" template="showuser" base="public"}" class="fn nickname url">{$member['members_display_name']}</a></h3>
<div class='side left ipsPad'>
<a href="{parse url="showuser={$member['member_id']}" seotitle="{$member['members_seo_name']}" template="showuser" base="public"}" class="ipsUserPhotoLink">
<img src="{$member['pp_thumb_photo']}" alt="{$this->lang->words['get_photo']}" class='ipsUserPhoto ipsUserPhoto_large' />
</a>
<br />
<if test="cardRep:|:$this->settings['reputation_enabled'] && $this->settings['reputation_show_profile']">
<if test="cardRepPos:|:$member['pp_reputation_points'] > 0">
<div class='reputation positive'>
</if>
<if test="cardRepNeg:|:$member['pp_reputation_points'] < 0">
<div class='reputation negative'>
</if>
<if test="cardRepZero:|:$member['pp_reputation_points'] == 0">
<div class='reputation zero'>
</if>
<span class='number'>{$member['pp_reputation_points']}</span>
</div>
</if>
<a href='{parse url="app=core&module=search&do=user_activity&mid={$member['member_id']}" base="public"}' title='{$this->lang->words['gbl_find_my_content']}' class='ipsButton_secondary ipsType_smaller'>{$this->lang->words['gbl_find_my_content']}</a>
<if test="cardSendPm:|:$this->memberData['member_id'] AND $this->memberData['member_id'] != $member['member_id'] AND $this->memberData['g_use_pm'] AND $this->memberData['members_disable_pm'] == 0 AND IPSLib::moduleIsEnabled( 'messaging', 'members' ) AND $member['members_disable_pm'] == 0">
<a href='{parse url="app=members&module=messaging&section=send&do=form&fromMemberID={$member['member_id']}" base="public"}' title='{$this->lang->words['pm_this_member']}' id='pm_xxx_{$member['member_id']}' class='pm_button ipsButton_secondary ipsType_smaller'>{$this->lang->words['pm_this_member']}</a>
</if>
</div>
<div class='ipsPad'>
<if test="cardStatus:|:$member['_status']['status_content']">
<p class='message user_status'>{$member['_status']['status_content']}</p>
</if>
<div class='info'>
<dl>
<dt>{$this->lang->words['m_group']}</dt>
<dd>{$member['_group_formatted']}</dd>
<dt>{$this->lang->words['m_posts']}</dt>
<dd>{parse format_number="$member['posts']"}</dd>
<dt>{$this->lang->words['m_member_since']}</dt>
<dd>{parse date="$member['joined']" format="joined"}</dd>
<dt>{$this->lang->words['m_last_active']}</dt>
<dd><if test="cardOnline:|:$member['_online']"><span class='ipsBadge ipsBadge_green'>{$this->lang->words['online_online']}</span><else /><span class='ipsBadge ipsBadge_grey'>{$this->lang->words['online_offline']}</span></if> {$member['_last_active']}</dd>
<if test="cardWhere:|:$member['_online'] && ($member['online_extra'] != $this->lang->words['not_online'])">
<dt>{$this->lang->words['m_currently']}</dt>
<dd>
{$member['online_extra']}
</dd>
</if>
<if test="isadmin:|:$this->memberData['g_access_cp'] == 1">
<dt>{$this->lang->words['m_email']}</dt>
<dd><a href='mailto:{$member['email']}'>{$member['email']}</a></dd>
</if>
</dl>
</div>
<ul class='user_controls clear'>
<if test="authorspammer:|:$member['spamStatus'] !== NULL && $member['member_id'] != $this->memberData['member_id']">
<if test="authorspammerinner:|:$member['spamStatus'] === TRUE">
<li><a href='#' title='{$this->lang->words['spm_on']}' onclick="return ipb.global.toggleFlagSpammer({$member['member_id']}, false)">{parse replacement="spammer_on"}</a></li>
<else />
<li><a title='{$this->lang->words['spm_off']}' href='{$this->settings['base_url']}app=core&module=modcp&do=setAsSpammer&member_id={$member['member_id']}&auth_key={$this->member->form_hash}' onclick="return ipb.global.toggleFlagSpammer({$member['member_id']}, true)">{parse replacement="spammer_off"}</a></li>
</if>
</if>
<if test="cardFriend:|:$this->memberData['member_id'] AND $this->memberData['member_id'] != $member['member_id'] && $this->settings['friends_enabled'] AND $this->memberData['g_can_add_friends']">
<if test="cardIsFriend:|:IPSMember::checkFriendStatus( $member['member_id'] )">
<li><a href='{parse url="app=members&module=profile&section=friends&do=remove&member_id={$member['member_id']}&secure_key={$this->member->form_hash}" base="public"}' title='{$this->lang->words['remove_friend']}'>{parse replacement="remove_friend"}</a></li>
<else />
<li><a href='{parse url="app=members&module=profile&section=friends&do=add&member_id={$member['member_id']}&secure_key={$this->member->form_hash}" base="public"}' title='{$this->lang->words['add_friend']}'>{parse replacement="add_friend"}</a></li>
</if>
</if>
<if test="cardBlog:|:$member['has_blog'] AND IPSLib::appIsInstalled( 'blog' )">
<li><a href='{parse url="app=blog&module=display&section=blog&show_members_blogs={$member['member_id']}" base="public"}' title='{$this->lang->words['view_blog']}'>{parse replacement="blog_link"}</a></li>
</if>
<if test="cardGallery:|:$member['has_gallery'] AND IPSLib::appIsInstalled( 'gallery' )">
<li><a href='{parse url="app=gallery&user={$member['member_id']}" seotitle="{$member['members_seo_name']}" template="useralbum" base="public"}' title='{$this->lang->words['view_gallery']}'>{parse replacement="gallery_link"}</a></li>
</if>
</ul>
</div>
</div>