هيلبرنت | Helpernt

هيلبرنت | Helpernt (https://www.helpernt.com/vb/index.php)
-   ركن شروحات الزين فورو XENFORO (https://www.helpernt.com/vb/forumdisplay.php?f=94)
-   -   تغيير شكل معلومات العضو في مشاركات لسكريبت الزين فورو (https://www.helpernt.com/vb/showthread.php?t=4165)

ahmed200 05-06-2016 11:19 AM

تغيير شكل معلومات العضو في مشاركات لسكريبت الزين فورو
 
السلام عليكم ورحمه الله وبركاته

اليوم اقدم لكم طريقة تغيير شكل معلومات عضوا في مشاركات .. سيكون هذا شكل جديد

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

ادخل الى لوحة التحكم الخاصة بك
في قوالب -> 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;
}


النتيجة

ثم اضغط على زر حفظ. وأتمنى لكم النجاح!

khairosoft 06-08-2016 02:14 AM

رد: تغيير شكل معلومات العضو في مشاركات لسكريبت الزين فورو
 
تم تجربتها على 1.5.8 نجحت ياغالي بارك الله فيك

abo-karim 06-27-2017 01:29 AM

رد: تغيير شكل معلومات العضو في مشاركات لسكريبت الزين فورو
 
احسنت ياغالى .


الساعة الآن 09:04 AM

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. TranZ By Almuhajir