FoLez

И так приступим. Заходим: ац -> внешний вид -> ваш стиль -> 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> </stye> <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&amp;module=search&amp;do=user_activity&amp;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&amp;module=messaging&amp;section=send&amp;do=form&amp;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&amp;module=modcp&amp;do=setAsSpammer&amp;member_id={$member['member_id']}&amp;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&amp;module=profile&amp;section=friends&amp;do=remove&amp;member_id={$member['member_id']}&amp;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&amp;module=profile&amp;section=friends&amp;do=add&amp;member_id={$member['member_id']}&amp;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&amp;module=display&amp;section=blog&amp;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&amp;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> Автор стать я, первым статью создавал я на Web-ask'e