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

[giorgino]

How can I modify templates or CSS to put inline some extra user infos?

Ex: Punteggio: 0

​

 

[Jake Bunce]

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]

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]

Oh.

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

Add this:

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

 

[giorgino]

Great!
Perfect!

 

[giorgino]

Jake one more thing... don't hate me

The same thing for the profile page?

 

[Jake Bunce]

It's a bit hackish, but it works:

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

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

 

[giorgino]

Thank you Jake, but the information appears without line breaks

 

[Jake Bunce]

Thank you Jake, but the information appears without line breaks

View attachment 24990

I had that problem too. The second definition fixed that problem for me:

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

 

[giorgino]

Not for me, strange

 

[Jake Bunce]

What browser?

 

[giorgino]

What browser?

Windows:

• Explorer ok
• Chrome no
• Firefox ok
• Safari no

MacOsX:

• Chrome no
• Safari no
• Firefox ok

Webkit's browsers seems to have problems

 

[Jake Bunce]

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:

		<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:

		<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:

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

 

[giorgino]

Thank you Jake

 

[alfaNova]

Jake thank you for helps. I have a problem about this codes.


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