XF 2.1 - طريقة تغيير طريقة عرض المشاركات | معهد زين العربية
موقع حلبية الموقع الاول في العالم العربي لللمعلومات الصحيحة
موقع كيف افضل موقع للرد على جميع اسئلتك موقع كيف بوابتك للمستقبل
تجارتنا منصة تجارية تساهم في تطور التجارة العالمية والاقتصاد
طريقة تغيير طريقة عرض المشاركات

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
التنزيلات
8
المشاهدات
775
الإصدار الأول
آخر تحديث
تقييم
0.00 نجوم 0 تقييمات

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

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

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

الأعضاء المتصلون

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

المواضيع
1,552
المشاركات
16,536
الأعضاء
568
آخر عضو مسجل
Elosaily
أعلى