UserInfoPane Organizado

[Guest .Dias]

Vá até Look & Feel > Sua Skin > Edit Tamplates & CSS > CSS > ipb_style.css

Adicione ao final:

 

/* UserPanel */
.leftinfo { float: left; font-size: 12px; text-transform: capitalize; color: #BCBCBC !important; }
.rightinfo { float: right; color: #818181; font-size: 11px !important; }
.uip { display: inline-block; width: 100%; }

/* Reputation in post info */
.reputation-bg {
}
.reputation-bar {
font: 12px;
color: #fff;
height: 12px;
margin: 0px;
text-align: center;
}
.reputationPositive {
	border-radius: 3px;
	padding: 0 5px;
	color: white;
	float: right;
	background: #8db13e;
}
.reputationNeutral {
	border-radius: 3px;
	padding: 0 5px;
	color: white;
	float: right;
	background: #6a6a6a;
}
.reputationGold {
	border-radius: 3px;
	padding: 0 5px;
	color: white;
	float: right;
	background: #8db13e;
}

Vá até Look & Feel > Sua Skin > Edit Tamplates & CSS > Templates > userInfoPane

Substitua tudo por:

<div itemscope itemtype="http://schema.org/Person" class='user_details'>
	<span class='hide' itemprop="name">{$author['members_display_name']}</span>
	<ul class='basic_info'>
		<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>
		<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>
		
		<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']">
			<p class='desc member_title'>{$author['member_title']}</p>
		</if>
		<if test="postCount:|:$author['member_id']">
        <li class='post_count desc lighter uip'>
            <span class='leftinfo'>Posts:</span>
            <span class='rightinfo'>{parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"}</span>
        </li>
        </if>
        <li class='uip'>
            <span class='leftinfo'>Cadastrado:</span>
            <span class='rightinfo'>{parse date="$author['joined']" format="DATE"}</span>
        </li>
<li class='uip'>
            <span class='leftinfo'>Reputação:</span>
            <span class='rightinfo'>
<div class="reputation-bg">
<if test="$author['pp_reputation_points'] < 0">
<span class='reputationNegative'>{$author['pp_reputation_points']}</span>
</if>
<if test="$author['pp_reputation_points'] == 0">
<span class='reputationNeutral'>{$author['pp_reputation_points']}</span>
</if>
<if test="$author['pp_reputation_points'] > 0 && $author['pp_reputation_points'] <= 499 ">
<span class='reputationPositive'>{$author['pp_reputation_points']}</span>
</if>
<if test="$author['pp_reputation_points'] >= 500">
<span class='reputationGold'><img src="{style_images_url}/star.bullet.png" /> {$author['pp_reputation_points']}</span>
</if>

<!-- /REPUTATION BAR -->
</div></span>
</li>	
<if test="authorcfields:|:$author['custom_fields'] != """>
		<ul class='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><br>
					</if>

				</foreach>
			</foreach>
		</ul>
	</if><br>
	
</div>

Se você não quer o fundo na contagem da reputação, insira esse código ao invés do acima:

<div itemscope itemtype="http://schema.org/Person" class='user_details'>
	<span class='hide' itemprop="name">{$author['members_display_name']}</span>
	<ul class='basic_info'>
		<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>
		<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>
		
		<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']">
			<p class='desc member_title'>{$author['member_title']}</p>
		</if>
		<if test="postCount:|:$author['member_id']">
        <li class='post_count desc lighter uip'>
            <span class='leftinfo'>{$this->lang->words['m_posts']}:</span>
            <span class='rightinfo'>{parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"}</span>
        </li>
        </if>
        <li class='uip'>
            <span class='leftinfo'>Cadastrado:</span>
            <span class='rightinfo'>{parse date="$author['joined']" format="DATE"}</span>
        </li>
        <li class='uip'>
            <span class='leftinfo'>Reputação:</span>
            <span class='rightinfo'>{$author['pp_reputation_points']}</span>
        </li>
		
	<if test="authorcfields:|:$author['custom_fields'] != """>
		<ul class='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><br>
					</if>

				</foreach>
			</foreach>
		</ul>
	</if><br>
	
</div>

Resultado:

 

Caso você tenha Custom Profile Field, vá até Members > Custom Profile Fields > Seu custom

Altere o Topic View Format para:

<li class='uip'><span class='leftinfo'>{title}:</span><span class='rightinfo'>{content}</span></li>

 

 

[Guest Azhaurn]

Tutorial não foi feito por você, portanto, adicione os créditos.