Mesaj, beğeni ve ödül puanlarını kutu içine almak için kullanabilirsiniz.
Öncelikle Kullandığınız şablonda PAGE_CONTAINER bulalım
ve hemen altına ekleyelim kayıt edelim
message_user_info şablonunu açın arayın
Hemen üstüne ekleyin
Extra.css yi açın ve alttaki css kodlarını ekleyip kayıt edin.
Öncelikle Kullandığınız şablonda PAGE_CONTAINER bulalım
Kod:
<head>
Kod:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
Kod:
<xen:if hascontent="true">
<div class="extraUserInfo">
Kod:
<div class="extraUserInfo xbBoxedFA">
<dl class="pairsJustified xbMessages">
<dt><i class="fa fa-comments fa-fw Tooltip" title="{xen:phrase messages}" data-offsetx="-6" data-offsety="0"></i></dt>
<dd><a href="{xen:link search/member, '', 'user_id={$user.user_id}'}" class="concealed" rel="nofollow">{xen:number $user.message_count}</a></dd>
</dl>
<dl class="pairsJustified xbLikes">
<dt><i class="fa fa-thumbs-up fa-fw Tooltip" title="{xen:phrase likes_received}" data-offsetx="-6" data-offsety="0"></i></dt>
<dd>{xen:number $user.like_count}</dd>
</dl>
<dl class="pairsJustified xbTrophyPoints">
<dt><i class="fa fa-trophy fa-fw Tooltip" title="{xen:phrase trophy_points}" data-offsetx="-6" data-offsety="0"></i></dt>
<dd><a href="{xen:link 'members/trophies', $user}" class="OverlayTrigger concealed">{xen:number $user.trophy_points}</a></dd>
</dl>
</div>
Kod:
.messageUserBlock .extraUserInfo.xbBoxedFA .xbMessages,
.messageUserBlock .extraUserInfo.xbBoxedFA .xbLikes,
.messageUserBlock .extraUserInfo.xbBoxedFA .xbTrophyPoints
{
font-size: 120%;
margin: 2px 0px;
border: 1px solid rgb(225, 225, 225);
border-radius: 2px;
display: inline-block;
box-sizing: border-box;
width: 29%;
}
.messageUserBlock .extraUserInfo.xbBoxedFA
{
text-align: center;
}
.messageUserBlock .extraUserInfo.xbBoxedFA .xbMessages dt,
.messageUserBlock .extraUserInfo.xbBoxedFA .xbLikes dt,
.messageUserBlock .extraUserInfo.xbBoxedFA .xbTrophyPoints dt
{
font-size: 16px;
color: rgb(36, 36, 36);
margin-right: 0px;
float: none;
text-align: center;
width: auto;
}
.messageUserBlock .extraUserInfo.xbBoxedFA .xbMessages dd,
.messageUserBlock .extraUserInfo.xbBoxedFA .xbLikes dd,
.messageUserBlock .extraUserInfo.xbBoxedFA .xbTrophyPoints dd
{
margin-right: 0px;
float: none;
text-align: center;
width: auto;
}