how to put "in line" some extra user infos?

Jake Bunce

XenForo moderator
Staff member
#2
You can use a profile field for that:

Admin CP -> Users -> Custom User Fields

When adding or editing a field there is this option you need to enable:

General Options: Viewable in message user info

In addition, make sure this is enabled in your style:

Admin CP -> Appearance -> Style Properties -> Message Elements -> Show custom user fields

Now when a user enters a value into that field it will show in their posts.
 

giorgino

Well-known member
#3
Thank you Jake, but I mean the graphic part of the concept. :)
I need to align the description with the content in one line.
 

Jake Bunce

XenForo moderator
Staff member
#4
Oh. o_O

Admin CP -> Appearance -> Templates -> EXTRA.css

Add this:

Code:
.messageUserInfo .extraUserInfo dl.pairsInline dt,
.messageUserInfo .extraUserInfo dl.pairsInline dd
{
	display: inline;
}
 

Jake Bunce

XenForo moderator
Staff member
#7
It's a bit hackish, but it works:

Code:
.profilePage .infoBlock dl.pairs dt,
.profilePage .infoBlock dl.pairs dd
{
	display: inline;
}

.profilePage .infoBlock dl.pairs dd:after
{
	content: '';
	margin-bottom: 5px;
	display: block;
}
 

Jake Bunce

XenForo moderator
Staff member
#13
Hmm. Like I said, it's hackish. Must not be very compatible.

Just use a template edit then:

Admin CP -> Appearance -> Templates -> member_view

Replace this:

Code:
		<div class="section infoBlock">
			<dl class="secondaryContent pairs">

				<xen:hook name="member_view_info_block">
				
				<xen:if is="{$canViewOnlineStatus}">
					<dt>{xen:phrase last_activity}:</dt>
						<dd><xen:datetime time="$user.effective_last_activity" /></dd>
				</xen:if>

				<dt>{xen:phrase joined}:</dt>
					<dd>{xen:date $user.register_date}</dd>

				<dt>{xen:phrase messages}:</dt>
					<dd>{xen:number $user.message_count}</dd>

				<dt>{xen:phrase likes_received}:</dt>
					<dd>{xen:number $user.like_count}</dd>

				<dt>{xen:phrase trophy_points}:</dt>
					<dd><a href="{xen:link 'members/trophies', $user}" class="OverlayTrigger">{xen:number $user.trophy_points}</a></dd>
					
				<xen:if is="{$canViewWarnings}">
					<dt>{xen:phrase warning_points}:</dt><dd>{xen:number $user.warning_points}</dd>
				</xen:if>
					
				</xen:hook>

			</dl>
		</div>
With this:

Code:
		<div class="secondaryContent section infoBlock">

				<xen:hook name="member_view_info_block">
				
				<xen:if is="{$canViewOnlineStatus}">
					<dl class="pairs">
					<dt>{xen:phrase last_activity}:</dt>
						<dd><xen:datetime time="$user.effective_last_activity" /></dd>
					</dl>
				</xen:if>

				<dl class="pairs">
				<dt>{xen:phrase joined}:</dt>
					<dd>{xen:date $user.register_date}</dd>
				</dl>

				<dl class="pairs">
				<dt>{xen:phrase messages}:</dt>
					<dd>{xen:number $user.message_count}</dd>
				</dl>

				<dl class="pairs">
				<dt>{xen:phrase likes_received}:</dt>
					<dd>{xen:number $user.like_count}</dd>
				</dl>

				<dl class="pairs">
				<dt>{xen:phrase trophy_points}:</dt>
					<dd><a href="{xen:link 'members/trophies', $user}" class="OverlayTrigger">{xen:number $user.trophy_points}</a></dd>
				</dl>

				<xen:if is="{$canViewWarnings}">
					<dl class="pairs">
					<dt>{xen:phrase warning_points}:</dt><dd>{xen:number $user.warning_points}</dd>
					</dl>
				</xen:if>
					
				</xen:hook>

		</div>
Then get rid of the second piece of CSS in EXTRA.css, adding only this part:

Code:
.profilePage .infoBlock dl.pairs dt,
.profilePage .infoBlock dl.pairs dd
{
	display: inline;
}
 
#15
Jake thank you for helps. I have a problem about this codes.

job.png
I applied the codes and some information is mixed. job, sex, city vs. how can ı refine that.
 
Top