Reputation user info

Posted March 27, 2014 · March 27, 2014

Hello everyone !
i want to make the users info reputation to be like yours here guys.
with this small square green background.
i have add this here on my ipb_Styles.css

.reputationPositive {
	border-radius: 3px;
	padding: 0 5px;
	color: white;
	float: right;
	text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
	background: #8db13e url('{style_images_url}/highlight_faint.png') repeat-x 0 1px;
}

and here is my info pane:

<div itemscope itemtype="http://schema.org/Person" class='user_details'>
	<span class='hide' itemprop="name">{$author['members_display_name']}</span>
     <span class="arrow"><span></span></span>
	<ul class='basic_info'>		
		<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']">
			<ul class="ribbon"> 
                <li class="ribbon1">
                    <div class="Rleft"></div>
                    <div class="Rright"></div>{$author['member_title']}</li>

       
    </ul>
		</if>
		<ul class="ribbon"> 
                <li class="ribbon2">
                    <div class="Rleft"></div>
                    <div class="Rright"></div>
			{$author['_group_formatted']}
		</li>
    </ul>	
<div class="extraUserInfo">	
		<if test="postCount:|:$author['member_id']">

		<dl class="pairsJustified">
                <dt>Posts:</dt> 
                <dd>{parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"}</dd>
                </dl>
                 
    <dl class="pairsJustified">
                <dt>Joined:</dt>
                <if test="authorJoined:|:$author['joined']"><dd>{parse date="$author['joined']" format="joined"}</dd></if>
                </dl>

  <dl class="pairsJustified">
                <dt>Reputation:</dt> 
                <dd><span class="fc reputationPositive">{parse expression="$this->lang->formatNumber( intval( $author['pp_reputation_points'] ) )"}</span></dd>
                </dl>

		</if>
	<if test="authorcfields:|:$author['custom_fields'] != """>
			<foreach loop="customFieldsOuter:$author['custom_fields'] as $group => $data">
				<foreach loop="customFields:$author['custom_fields'][ $group ] as $field">
					<if test="$field != ''">					
							{$field}
						
					</if>
				</foreach>
			</foreach>
	</if>  
</div>
		<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&amp;module=profile&amp;section=warnings&amp;member={$author['member_id']}&amp;from_app={$this->request['app']}&amp;from_id1={$contentid}&amp;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>
</div>

-Cookie- · March 27, 2014

Hello everyone !

i want to make the users info reputation to be like yours here guys.

with this small square green background.

i have add this here on my ipb_Styles.css

.reputationPositive {
	border-radius: 3px;
	padding: 0 5px;
	color: white;
	float: right;
	text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
	background: #8db13e url('{style_images_url}/highlight_faint.png') repeat-x 0 1px;
}

and here is my info pane:

<div itemscope itemtype="http://schema.org/Person" class='user_details'>
	<span class='hide' itemprop="name">{$author['members_display_name']}</span>
     <span class="arrow"><span></span></span>
	<ul class='basic_info'>		
		<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']">
			<ul class="ribbon"> 
                <li class="ribbon1">
                    <div class="Rleft"></div>
                    <div class="Rright"></div>{$author['member_title']}</li>

       
    </ul>
		</if>
		<ul class="ribbon"> 
                <li class="ribbon2">
                    <div class="Rleft"></div>
                    <div class="Rright"></div>
			{$author['_group_formatted']}
		</li>
    </ul>	
<div class="extraUserInfo">	
		<if test="postCount:|:$author['member_id']">

		<dl class="pairsJustified">
                <dt>Posts:</dt> 
                <dd>{parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"}</dd>
                </dl>
                 
    <dl class="pairsJustified">
                <dt>Joined:</dt>
                <if test="authorJoined:|:$author['joined']"><dd>{parse date="$author['joined']" format="joined"}</dd></if>
                </dl>

  <dl class="pairsJustified">
                <dt>Reputation:</dt> 
                <dd><span class="fc reputationPositive">{parse expression="$this->lang->formatNumber( intval( $author['pp_reputation_points'] ) )"}</span></dd>
                </dl>

		</if>
	<if test="authorcfields:|:$author['custom_fields'] != """>
			<foreach loop="customFieldsOuter:$author['custom_fields'] as $group => $data">
				<foreach loop="customFields:$author['custom_fields'][ $group ] as $field">
					<if test="$field != ''">					
							{$field}
						
					</if>
				</foreach>
			</foreach>
	</if>  
</div>
		<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&amp;module=profile&amp;section=warnings&amp;member={$author['member_id']}&amp;from_app={$this->request['app']}&amp;from_id1={$contentid}&amp;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>
</div>

Sorry i don't quite understand what you want doing, everything you have showed should give you the little green rep box

Posted March 27, 2014 · March 27, 2014

ok guys i fixed!!
was a little problem with my ipb_style.css
Thanks for your replys!
can be locked/moved!

Kingy · March 27, 2014

The question(s) in this support topic have been answered and the owner has been able to solve the problem. Because of this, the support topic has been closed and moved.

If you have other questions, please open a new topic.

Sign In

Advertisement

Reputation user info

Question

Guest Koldex

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

-Cookie-

Link to comment

Share on other sites

Guest Koldex

Link to comment

Share on other sites

Kingy

Link to comment

Share on other sites

Forums

Downloads