هيلبرنت | Helpernt - [XF 2.x] : طريقة اضافة تأثير تساقط الثلج على هيدر الزين فورو الجيل الثانى xF2.0

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

من منا لا يحب تزين منتداه لذلك جلبت او احضرت لكم اليوم كود جميل لتزين منتدياتكم وهو اضافة تاثير تساقط الثلوج على هيدر المنتدى وهذا الكود خاص لمنتديات الزين فورو الجيل الثانى XENFORO 2.0.
خطوات التركيب
1- قم تحميل المجلد الموجود بالمرفقات images ثم قم برفعه الى مجلد منتداك بعد فك الضغط عنه كما بالصوره.

http://www.helpernt.com/vb/attachmen...1&d=1517514312

2- توجه الان لوحة تحكم منتداك ومن حيار اعداد >> حبارات >> ثم اضغط على الاعلانات كما بالصور.

http://www.helpernt.com/vb/attachmen...1&d=1517514312

3- ثم اضغط على اضافة اعلان.

http://www.helpernt.com/vb/attachmen...1&d=1517514312

4- ثم افعل كما بالصوره.

http://www.helpernt.com/vb/attachmen...1&d=1517514312

فى خانة العنوان : ضع ما يحلو لك من اسم.
فى خانة الموضع : اختار حاوي شريط التفاصيل (السفلي): أعلاه.
فى خانة HTML : ضع الكود التالى.

كود:

<style>

#header{

    background-image: url('/montada/images/snow/s1.png'), url('/montada/images/snow/s2.png'), url('/montada/images/snow/s3.png');



    width: 100%;



    z-index:1;



    -webkit-animation: snow 10s linear infinite;



    -moz-animation: snow 10s linear infinite;



    -ms-animation: snow 10s linear infinite;



    animation: snow 10s linear infinite;

}

@keyframes snow {



  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}



  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}



  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}

}

@-moz-keyframes snow {



  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}



  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}



  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}

}

@-webkit-keyframes snow {



  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}



  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}



  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}

}

@-ms-keyframes snow {



  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}



  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}



  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}

}

</style>

لاتنسى تغيير montada الى اسم مجلد منتداك.