Мануал UserInfoPane с иконками

#Rips · 20 Авг 2016

Переходим в административную панель > внешний вид > Ваш стиль > userinfopane и вставляем этот код:

PHP:

<if test="$this->settings['horizontalTopicView']='no'"></if>
<!-- -->
<div itemscope itemtype="http://schema.org/Person" class='user_details <if test="$this->settings['horizontalTopicView']=='yes'">clearfix</if>'>

<if test="($this->settings['horizontalTopicView']=='yes') AND $this->request['section'] == 'topics'">

	<div class='horizontalAvatar left'>

    <if test="avatar:|:$author['member_id']">
            <if test="canSeeProfiles:|:$this->memberData['g_is_supmod'] OR ( $this->memberData['g_mem_info'] && ! IPSMember::isInactive( $author ) )">
            <a itemprop="url" href="{parse url="showuser={$author['member_id']}" template="showuser" seotitle="{$author['members_seo_name']}" base="public"}" title="{$this->lang->words['view_profile']}: {$author['members_display_name']}" class='ipsUserPhotoLink'>
            </if>
            <if test="hasVariable:|:$this->settings['member_topic_avatar_max']">	
                <img itemprop="image" src='{$author['pp_main_photo']}' class='ipsUserPhoto ipsUserPhoto_variable' />
            <else />
                <img itemprop="image" src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' />
            </if>
            <if test="canSeeProfiles2:|:$this->memberData['g_is_supmod'] OR ( $this->memberData['g_mem_info'] && ! IPSMember::isInactive( $author ) )">
            </a>
            </if>
    <else />
            <img itemprop="image" src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' />
    </if>
    
    </div>
    
    <div class='horizontalUserInfo'>

	<div class='horizontalUsername'>
       
        <if test="$author['member_id']">
            <span itemprop="creator name" class="author vcard">{parse template="userHoverCard" group="global" params="$author"}</span>
        <else />
            {$author['members_display_name']}
        </if>
    
    </div>

    <ul class='horizontalInfoList' style='width: 140px;'>
    	<li class='post_redisign'>
			{$author['_group_formatted']}
		</li>
        <if test="postCount:|:$author['member_id']">
		<li class='post_redisign'>
			{parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"} {$this->lang->words['m_posts']}
		</li>
		</if>
    </ul>
    
    <ul class='horizontalInfoList' style='width: 140px;'>
		<if test="rankimage:|:$author['member_rank_img']">
			<li class='group_icon'>
			<if test="rankimageimage:|:$author['member_rank_img_i'] == 'img'">
				<img src='{$author['member_rank_img']}' alt='' />
			<else />
				{$author['member_rank_img']}
			</if>
			</li>
		</if>
        <if test="membertitle:|:$author['member_title']">
			<li>{$author['member_title']}</li>
		</if>
		<if test="authorwarn:|:$author['show_warn']">
			<li>
				<if test="hasWarningId:|:$options['wl_id']">
					<img src='{$this->settings['img_url']}/warn.png' class='clickable' onclick='warningPopup( this, {$options['wl_id']} )' title='{$this->lang->words['warnings_issued']}' />
				</if>
				<a class='desc lighter blend_links' href='{parse url="app=members&module=profile&section=warnings&member={$author['member_id']}&from_app={$this->request['app']}&from_id1={$contentid}&from_id2={$options['id2']}" base="public"}' id='warn_link_{$contentid}_{$author['member_id']}' title='{$this->lang->words['warn_view_history']}'>{parse expression="sprintf( $this->lang->words['warn_status'], $author['warn_level'] )"}</a>
			</li>
		</if>
	</ul>
	
	<if test="authorcfields:|:$author['custom_fields'] != """>
		<ul class='horizontalInfoList custom_fields'>
			<foreach loop="customFieldsOuter:$author['custom_fields'] as $group => $data">
				<foreach loop="customFields:$author['custom_fields'][ $group ] as $field">
					<if test="$field != ''">
						<li>
							{$field}
						</li>
					</if>
				</foreach>
			</foreach>
		</ul>
	</if>
    
    <ul class='horizontalInfoList' style='float: right; width: 190px;'>
    	<li><if test="$author['_online']"><img src="{style_images_url}/post_online.png" alt="" class='post_online' data-tooltip="Online" /><else /><img src="{style_images_url}/post_offline.png" alt="" class='post_online' data-tooltip="Offline" /></if> Last active: {$author['_last_active']}</li>
		<li style='padding-left: 15px;'>Joined: {parse date="$author['joined']" format="DATE"}</li>
    </ul>
    
    </div>

<else />

<span class='hide' itemprop="name">{$author['members_display_name']}</span>

	<ul class='basic_info'>
		<if test="membertitle:|:$author['member_title']">
			<p class='title_user'>{$author['member_title']}</p>
		</if>
		<if test="avatar:|:$author['member_id']">
			<li class='avatar'>
				<if test="canSeeProfiles:|:$this->memberData['g_is_supmod'] OR ( $this->memberData['g_mem_info'] && ! IPSMember::isInactive( $author ) )">
				<a itemprop="url" href="{parse url="showuser={$author['member_id']}" template="showuser" seotitle="{$author['members_seo_name']}" base="public"}" title="{$this->lang->words['view_profile']}: {$author['members_display_name']}" class='ipsUserPhotoLink'>
				</if>
				<if test="hasVariable:|:$this->settings['member_topic_avatar_max']">	
					<img itemprop="image" src='{$author['pp_main_photo']}' class='ipsUserPhoto ipsUserPhoto_variable' />
				<else />
					<img itemprop="image" src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' />
				</if>
				<if test="canSeeProfiles2:|:$this->memberData['g_is_supmod'] OR ( $this->memberData['g_mem_info'] && ! IPSMember::isInactive( $author ) )">
				</a>
				</if>
			</li>
		<else />
			<li class='avatar'>
				<img itemprop="image" src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' />
			</li>
		</if>
<li>
</li>
<if>
</if>
		<li class='post_redisign'>
			<span> <i class="fa fa-users"></i> Group: {$author['_group_formatted']}</span>
		</if>
		<if test="postCount:|:$author['member_id']">
		<li class='post_redisign'>
			<span><i class="fa fa-comments"></i> Сообщений: {parse expression="$this->registry->getClass('class_localization')->formatNumber( intval        ($author['posts'] ) )"}</span>
		</li>
		</if>
<li class='post_redisign'>
			<span><i class="fa fa-thumbs-up"> </i> Репутация: {$author['pp_reputation_points']}</span>
		</li>
		</if>
<li class='post_redisign'>
			<span><i class="fa fa-user"> </i> ID Аккаунта: {$author['member_id']}</span>
		</li>
		</if>

		</if>
	</ul>
						</li>
					</if>
				</foreach>
			</foreach>
		</ul>
	</if>

</if>
	
</div>

Когда поставили данный код переходим раздел css > ipb.style.css ищем строчку

PHP:

.ipsUserPhoto_large

Заменяем ее на эту строчку:

PHP:

.ipsUserPhoto_large { max-width: 150px; max-height: 150px; margin-bottom: 8px;}

Теперь переходим в конец ip_style.css и вставляем это:

PHP:

.post_redisign {
    border-right: 3px solid #0091CF;
    text-align: left;
    margin-bottom: 10px;
    color: #444;
    font-size: 11px;
    background-color: #e9e9e9;
    padding: 2px 4px;
}
.title_user{
margin-bottom: 5px;
    background-color: #0091CF;
    color: #fff;
    padding: 2px;
}

Мануал UserInfoPane с иконками

#Rips

Эксперт