Перейти к содержанию
  • Персонализация профиля


    FoLez

    И так приступим.
    Заходим:
    ац -> внешний вид -> ваш стиль -> css -> создаем новый css с таким названием:

    Цитата

     

     

     

    wa_userinfo_bg

     

     

     

    с таким содержимым:

    .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


    Обратная связь

    Рекомендуемые комментарии

    Комментариев нет



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

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

    Гость
    Добавить комментарий...

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

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

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

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

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


×
×
  • Создать...