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

اذهب الى الأسفل

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

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

ahmed
Admin

عدد المساهمات : 11
نقاط : 1298
تاريخ التسجيل : 26/02/2016
العمر : 29

معاينة صفحة البيانات الشخصي للعضو http://altager1.rigala.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى