عرض مشاركة واحدة
احصائياتى

الردود
2

المشاهدات
1684
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant future

  • هيلبرنت غير متواجد حالياً

المشاركات
11,551

+التقييم
321

تاريخ التسجيل
Jul 2015

الاقامة
فى الدنيا

نظام التشغيل
windows 8

رقم العضوية
18
02-01-2018, 10:55 PM
المشاركة 1
02-01-2018, 10:55 PM
المشاركة 1
افتراضي طريقة اضافة تأثير تساقط الثلج على هيدر الزين فورو الجيل الثانى xF2.0
السلام عليكم ورحمه الله وبركاته
من منا لا يحب تزين منتداه لذلك جلبت او احضرت لكم اليوم كود جميل لتزين منتدياتكم وهو اضافة تاثير تساقط الثلوج على هيدر المنتدى وهذا الكود خاص لمنتديات الزين فورو الجيل الثانى XENFORO 2.0.
خطوات التركيب
1- قم تحميل المجلد الموجود بالمرفقات images ثم قم برفعه الى مجلد منتداك بعد فك الضغط عنه كما بالصوره.


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


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


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


فى خانة العنوان : ضع ما يحلو لك من اسم.
فى خانة الموضع : اختار حاوي شريط التفاصيل (السفلي): أعلاه.
فى خانة 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 الى اسم مجلد منتداك.

الملفات المرفقة
نوع الملف: zip images.zip‏ (9.0 كيلوبايت, المشاهدات 188)

التعديل الأخير تم بواسطة هيلبرنت ; 06-26-2018 الساعة 05:56 PM