السلام عليكم ورحمه الله وبركاته
اليوم اقدم لكم طريقة تغيير شكل معلومات عضوا في مشاركات .. سيكون هذا شكل جديد
بسم الله نبدأ و على بركة الله
ادخل الى لوحة التحكم الخاصة بك
في قوالب -> PAGE_CONTAINER
ابحث عن <head>
ولصق بعد علامة
كود:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
انتقل إلى قالب: message_user_info
البحث والعثور على:
كود:
<div class="extraUserInfo">
ثم قم بلصق الكود التالي تحته
كود:
<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
و لصق هدا الكود فى اخر القالب
كود:
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;
}
النتيجة
ثم اضغط على زر حفظ. وأتمنى لكم النجاح!