[ XF 2.1 ] شرح بسيط لكيفية تحريك ايقونات حالة الموضوع الى اليمين او اليسار

ِِAraby5050

الحمد لله رب العالمين
22 فبراير 2019
66
68
18
مصر
بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

اخوانى الكرام .. تحيه طيبه وبعد

♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦

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

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

الطريقه كالتالى

هذا الشكل قبل الطريقه

441

نقوم باضافة الكود التالى للقالب extra.less
CSS:
/* Move thread status icons */
[/LEFT]
@media (min-width: @xf-responsiveMedium) {

[data-template="forum_view"], &[data-template="whats_new"], &[data-template="whats_new_posts"] {

    .structItem-statuses {
        float: none;

        >li {
            float: none;
            margin-left: 0px;

            .structItem-status--sticky {
                float: left;
                padding-right: 5px;
                padding-top: 1px;

            }

            .structItem-status--watched {
                float: right;
                padding-right: 5px;
                padding-top: 1px;

            }

            .structItem-status--locked {
                float: right;
                padding-right: 0px;
                padding-top: 1px;

            }
        }
    }
}
}
[LEFT]/*****/


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

يعنى ممكن تحرك ايقونة الموضوع المثبت وتظل ايقونات المتابعه للموضوع + ايقونة الموضوع المغلق مكانها

والصوره التاليه توضح كلامى بعد تطبيق الكود


442

♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦

واخيرا نتمنى لكم الافاده .. ونسألكم الدعاء

اخوكم : عبدالرحمن



 
التعديل الأخير بواسطة المشرف:

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

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

المواضيع
1,593
المشاركات
19,445
الأعضاء
1,010
آخر عضو مسجل
جيمي
أعلى