Postbit Backgrounds

aloha · November 12, 2014

Does anyone know to fix this http://prntscr.com/55kj3u

My UserInfoPane:

<if test="$this->settings['horizontalTopicView']='no'"></if>
<!-- -->
<div itemscope itemtype="http://schema.org/Person" class='user_details' style='width: 175px;
	float: left;
	font-size: 12px;
	text-align: center;
<if test="$author['member_group_id']==4">background:  url(http://i.imgur.com/2RvSvYu.png)</if>
<if test="$author['member_group_id']==15">background:  url(http://i.imgur.com/7zNIHw3.png)</if>
<if test="$author['member_group_id']==7">background:  url(http://i.imgur.com/0fXmxxh.png)</if>
        no-repeat; min-height: 400px;'>
<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='group_title'>
			{$author['_group_formatted']}
		</li>
          <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'>Joined:</span>
            <span class='rightinfo'>{parse date="$author['joined']" format="DATE"}</span>
        </li>
        <li class='uip'>
            <span class='leftinfo'>Reputation:</span>
            <span class='rightinfo'>{$author['pp_reputation_points']}</span>
        </li>
    </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&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>
	
	<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='desc member_title'>{$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 class='group_title'>
			{$author['_group_formatted']}
		</li>
		<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="postCount:|:$author['member_id']">
		<li class='post_count desc lighter'>
			{parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"} {$this->lang->words['m_posts']}
		</li>
		</if>
		<if test="authorwarn:|:$author['show_warn']">
			<li>
				<if test="$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>
	
	<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>
					</if>
				</foreach>
			</foreach>
		</ul>
	</if>

</if>
	
</div>

Lock Down · November 12, 2014

Check this for that skin in css . Change the width /height and set padding to 0. Yours must have a background image in it..

.author_info

aloha · November 12, 2014

Check this for that skin in css . Change the width /height and set padding to 0. Yours must have a background image in it..
.author_info 

which css file

aloha · November 13, 2014

ipb_styles.css

You need to remove the padding, then, add
padding-top: 5px;
to
.author_info .member_title 
which is just below author_info, this is so there is a slight gap between the member title and the top of the userinfopane, like there is now.

It worked but now my topics are lower http://prntscr.com/55zxpd

here is the code i edited

/************************************************************************/
/* AUTHOR INFO (& RELATED) STYLES */

.column_view .post_wrap{
	background: #101010;
}

.column_view .post_body{
	border-left: 0px solid #252525;
}

.author_info {
	width: 155px;
	float: center;
	font-size: 12px;
	text-align: center;
	padding: 0px 0px;
	line-height: 150%;
}
	
	.author_info .group_title {
		color: #dddddd;
		margin-top: 5px;
	}
	
	.author_info .member_title { margin-bottom: 5px; word-wrap: break-word; }
	.author_info .group_icon { margin-bottom: 3px; }
	
.custom_fields {
	color: #bbbbbb;
	margin-top: 8px;
}

.custom_fields .ft { 
	color: #aaaaaa;
	margin-right: 3px;
}

.custom_fields .fc {
	word-wrap: break-word;
}

.user_controls {
	text-align: center;
	margin: 6px 0;
}

	.user_controls li a {
		padding: 0 5px;
	}

/************************************************************************/

aloha · November 13, 2014

Found the issue, you had changed align from left, to center:
.author_info {
width: 155px;
float: left;
font-size: 12px;
text-align: center;
line-height: 150%;
}
is how it should be.

With,
.author_info .group_title {
		color: #dddddd;
		padding-top: 5px;
	}
as margin can cause some issues sometimes.

Now, with regards to your second question, how can you get it to show the full image:

You need to go to 'post', under 'Topic View' in the templates folders.

Next, find 'post_wrap'.

Replace (it may look different, if it does you just need to add in the differences AFTER the original <if> statement).
<div class='post_wrap' <if test="isNotIgnoring:|:$post['post']['_ignored'] == 1 || $post['post']['_repignored'] == 1">style='display: none'</if>>
with
<div class='post_wrap' <if test="isNotIgnoring:|:$post['post']['_ignored'] == 1 || $post['post']['_repignored'] == 1">style='display: none'</if>
<if test="$post['author']['member_group_id']==4">style='background: url(http://i.imgur.com/2RvSvYu.png) no-repeat left;'</if>>
Now, go back to userinfopane and remove
<if test="$author['member_group_id']==4">background:  url(http://i.imgur.com/2RvSvYu.png)</if>
Make sure to keep all the other style data, or it will not look right!

Once, you have done this for each group, then refresh the page, job done.

___________________________

I just realised I missed something,

You need to find
.column_view .post_body ul.post_controls
and change it to
.column_view .post_body ul.post_controls {
margin-left: -197px
}
When it's all done, it should look like this:

Thanks your the best

Kingy · November 14, 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

Postbit Backgrounds

Question

aloha

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

Lock Down

Link to comment

Share on other sites

aloha

Link to comment

Share on other sites

aloha

Link to comment

Share on other sites

aloha

Link to comment

Share on other sites

Kingy

Link to comment

Share on other sites

Forums

Downloads