تغيير شكل معلومات العضو في مشاركات

من طرف **ahmed** الأحد فبراير 28, 2016 1:29 pm

السلام عليكم اخواني العزاء
اليوم اقدم لكم طريقة تغيير شكل معلومات عضوا في مشاركات ..

سيكون هذا شكل جديد

تغيير شكل معلومات العضو في مشاركات

بسم الله نبدأ و على بركة الله

ادخل الى لوحة التحكم الخاصة بك
في قوالب -> PAGE_CONTAINER

ابحث عن <head>
ولصق بعد علامة
رمز Code:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
انتقل إلى قالب: message_user_info

البحث والعثور على:

رمز Code:
<div class="extraUserInfo">
ثم قم بلصق الكود التالي تحته
رمز Code:
<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>

بعد ذلك، فتح قالب Extra.css

و لصق هدا الكود فى اخر القالب

رمز Code:
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;
}
ثم اضغط على زر حفظ. وأتمنى لكم النجاح