[ XF 2.2 ] طريقة اضافة تساقط الثلج للمنتدى

[shqawe]

بسم الله الرحمن الرحيم

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

اللهم لا علم لنا إلا ما علمتنا، إنك أنت العليم الحكيم، اللهم علمنا ما ينفعنا، وانفعنا بما علمتنا، وزدنا علما،

اقدم لكم اليوم طريقة اضافة تساقط الثلج والتي تعتبر اضافة جمالية للموقع لمن اراد اضافة بعض الجمالية للموقع خصوصاً لمن يستخدمون استايلات ذو الوان داكنة

بسم الله نبدأ:

قم بفتح قالب PAGE_CONTAINER وابحث عن هذا الكود:

</footer>

واضف بعده هذا الكود:

<script class="js-xenArabiaSnow"
            type="application/json">
            {"enabled":"1","snowflakes":"200","maxVelocity":"1","maxSize":"1.5","minSize":"1"}
    </script>
    <xf:js src="mainSnow.js" />
    <canvas class="js-xenArabiaSnowCanvas" data-xf-init="xf-xenarabia-snow"></canvas>

ثم اضف الكود التالي الى قالب extra.less:

.js-xenArabiaSnowCanvas{
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 100000;
}

وبعدها قم برفع الملف المرفق الى مجلد js الموجود في رئيسية منتداك ومن بعدها سوف يظهر لك تأثير تساقط الثلج كما هو موجود في استايل عطر الشتاء على موقع الديمو الخاص بزين العربية على الرابط التالي:

XenArabia Demo > زين العربية للتجربة

XenArabia Demo > زين العربية للتجربة

demo.xenarabia.com

ان اصبت فهذا من فضل الله علي وان اخطأت فجل من ﻻيخطأ

وتقبلو احترامي وتقديري
اخوكم
شقاوي

 

[أبو غَيْث]

ما شاء الله عليك حبيبي تركي اضافة رائعة
سلمت يداك يا طيب

 

[shqawe]

حياك الله وبياك يا ابوغيث والله يسلمك من كل شر

طبعا ً ﻻ اريد ان انسى ان هذه الفكرة من طلب الحبيب احمد @MesterPerfect مهندس افكار زين العربية