XF 2.1 - طريقة تغيير طريقة عرض المشاركات | زين العربية | XenArabia
طريقة تغيير طريقة عرض المشاركات

XF 2.1 طريقة تغيير طريقة عرض المشاركات 2019-07-08

لا يوجد تصريح للتنزيل
بسم الله الرحمن الرحيم
الحمد لله والصلاة والسلام على اشرف الانبياء والمرسلين نبينا محمد وعلى اله وصحبه اجمعين

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

ملاحظة: قبل التعديل على اي قالب خذ نسخة من القالب في حال اي خطأ لا سمح الله.

1- ملاحظة: قبل التعديل على اي قالب خذ نسخة من القالب في حال اي خطأ لا سمح الله.
2- قم بانشاء قالب جديد واعطه اي اسم تريد وانا سوف اقوم بتسميته message_macros_first والصق فيه محتويات القالب المرفق كامله
3 - نقوم بفتح قالب post_macros ونبحث عن هذا الكود:

HTML:
<div class="message-inner">
            <div class="message-cell message-cell--user">
                <xf:macro template="message_macros" name="user_info" arg-user="{$post.User}"
                    arg-fallbackName="{$post.username}"/>
            </div>
            <div class="message-cell message-cell--main">
ونستبدله بهذا:

HTML:
<div class="message-inner {{ $post.position == 0 ? 'dis-block': ''}}">
            <div class="message-cell message-cell--user">
                <xf:if is="$post.position == 0">
                        <xf:macro template="message_macros_first" name="user_info" arg-user="{$post.User}"
                        arg-fallbackName="{$post.username}"/>
                        <xf:else />
                        <xf:macro template="message_macros" name="user_info" arg-user="{$post.User}"
                    arg-fallbackName="{$post.username}"/>
                </xf:if>
            </div>
            <div class="message-cell message-cell--main">
احفظ التغييرات.

4 - قم بفتح قالب extra.less واضف اليه هذا الكود:

CSS:
.dis-block{
    display: block !important;
}
.dis-none{
    display: none !important;
}
.message-user_first_post{
    clear: both;
}
.post_AvatarUserDetails{
    float: left;
    padding: 30px;
}
.post_userExtras{
    float: right;
    margin-top: 3px;
    font-size: 12px;
    padding: 5px;
}
.post_userExtras .pairs, .message-userExtras .pairs{
    background: #fff;
    padding: 5px;
    border: 1px olid #000;
    color: #23412e;
    margin-bottom: 2px;
}
.clear{
    clear: both;
}

قم بحفظ القالب وجرب عملك الان وان شاء الله سوف تحصل على النتيجة التالية:

p-2.jpg

احترامي وتقديري
اخوكم
شقاوي
  • أعجبني
التفاعلات: MesterPerfect
الكاتب
shqawe
التنزيلات
5
المشاهدات
242
الإصدار الأول
آخر تحديث
تقييم
0.00 نجوم 0 تقييمات

منتجات أخرى من shqawe

جميع المواضيع والمشاركات المكتوبة تعبّر عن وجهة نظر صاحبها ,, ولا تعبّر بأي شكل من الاشكال عن وجهة نظر إدارة زين العربية .

التعليقات المنشورة لا تعبر عن رأي معهد زين العربية ولا نتحمل أي مسؤولية قانونية حيال ذلك :: يتحمل كاتبها مسؤولية النشر ::

إحصائيات المنتدى

المواضيع
623
المشاركات
4,834
الأعضاء
223
آخر عضو مسجل
R70
أعلى