Vertical user info and posts

[Julia]

Hi, I'm trying to make my posts vertical and user info on ipb 3.4.x. How do I do that?

Edited April 7, 2015 by Julia

[Jeiko]

check here:
 

http://webflake.sx/topic/7974-the-settings-file-in-template/?hl=%2Bhorizontal+%2Buserinfopane#entry38584

You should just make off what Skreamzja says

You need to locate three template files. ( userinfoPane, topicViewTemplate & post ) and in there right at the top of the templates, you shuold see the option to set horizontal user info pane on. To turn it on you change the instances of "no" to "yes"

where it says horizontal user info pane on do it off

Edited April 7, 2015 by Jeiko

[Julia]

Perfect! worked. Now, how do I fix the user info? It's off to the side  and the panel got wicked long now stretches all the way down

Edited April 7, 2015 by Julia

[Jeiko]

Try with a clean one from the retail IPB template

userinfopane

<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="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="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='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>
	
</div>

ipb_styles.css

Replace the /* AUTHOR INFO (& RELATED) STYLES */ with this one

/* AUTHOR INFO (& RELATED) STYLES */

.author_info {
	width: 155px;
	float: left;
	font-size: 12px;
	text-align: center;
	padding: 15px 10px;
}
	
	.author_info .group_title {
		color: #5a5a5a;
		margin-top: 5px;
	}
	
	.author_info .member_title { margin-bottom: 5px; word-wrap: break-word; }
	.author_info .group_icon { margin-bottom: 3px; }
	
.custom_fields {
	color: #818181;
	margin-top: 8px;
}

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

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


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

	.user_controls li a {
		display: inline-block;
		background: #f6f6f6;
		background: -moz-linear-gradient(top, #f6f6f6 0%, #e5e5e5 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5)); /* webkit */
		border: 1px solid #dbdbdb;
		-moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
		box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		padding: 5px;
		color: #616161;
	}

[Julia]

Worked! thanks again. Is there a way to make it so the panel does not stretch? I see it's only stretching when someone has a signature/ long post

Edited April 7, 2015 by Julia

[Jeiko]

sure np
can you show me a picture cause i didn't understand what do you mean?

[Julia]

Sure.

 

 

I want to move the top reputation to the bottom but, remove the words reputation as you can see I have 2 atm. And also remove the location off user info

Edited April 7, 2015 by Julia

[Jeiko]

For the location try to remove the Topic View Format code from Members -> Custom Profile Fields 

Now about the reputation i don't know how to fix the hook for the reputation but you can add on bottom the down reputation you got by taking the code for reputation and move it for example under the post count

[Julia]

Location worked. For the bottom reputation I just put the option as select another way of putting it no where. I can't get the reputation to the bottom. Also, how would I remove the name 'Reputation: 56' on it. I just want the name for each reputation system. 

Edited April 8, 2015 by Julia

[Jeiko]

Search on hook files for the userinfopane somewhere it will have those words to remove them i guess if not wait for someone else to help you

[Julia]

Yeah I'm not sure, I got up to here  looks like reputation and time online goes together cause if i remove in authorinfopan it removes both. And it has the bullet for no reason. I want it to be 

• rank name
• pips
• post count image
• post count
• joined date
• time online
• last visit
• @mention
• reputation
• awards

Edited April 8, 2015 by Julia

[Jeiko]

Check if it's on <li> item maybe it takes the bullet for cause of the list item

[Julia]

Bullet is removed and I managed to remove 'Reputation:' but, the number is still there. 

<if test="RepPositive:|:$author['pp_reputation_points'] > 0">

                                                <div class='reputation positive' ><div style='font-size:1.1em'> {parse expression="$this->lang->formatNumber( intval( $author['pp_reputation_points'] ) )"}</div>

[Jeiko]

the image is not working, about the code this is the whole code for the reputation you want to change on the userinfopane?

[Julia]

Yeah cause I just want it to say the name of what each reputation # goes for. Example:

 

100 reputation name is Great

 

Instead of having 'Reputation: 100 Great', I want it to just be 'Great' with the long green bar. Same as profile.

[Jeiko]

try this one

<if test="RepPositive:|:$author['pp_reputation_points'] > 0">
 <div class='reputation positive'>
 <div style='font-size:1.1em'>
</div>

it's not tested so don't close the page in order to cancel the change if it's not working