کد بارش برف و هرچیز دیگری! - همراه با ویژگی های قابل تغییر
سفارش تبليغات در انجــمن قالب گراف ورود به تاپيک اطلاعيه هاي تابستانه قالب گراف
امور گرافيکي و کدنويسي وب خود را به جي جي ميزبان بسپاريد
نام کاربري : پسورد : فراموش

سلام به همه، با نزدیک شدن به سرما و زمستون تصمیم گرفتم کدی رو قرار بدم که کد بارش برف هستش که البته می تونید به جای اون هر تصویری رو قرار بدید.

- - - - - - - - - - - - - - - - - - - - - - - - - -

ویژگی ها:

-دارای افزونه ورد پرس (در تاپیک جدایی قرار داده خواهد شد)

-امکان تنظیم ویژگی ها و تغییر تعداد و...

-حرکت نرم، چرخش در دو جهت (z و y)

- - - - - - - - - - - - - - - - - - - - - - - - - -

راهنما:

همه دوستان اینجا حرفه ای هستند اما یک راهنما به صورت کلی قرار دادم. این کد بارش به jQuery نیاز داره و فقط همین باید در ابتدا و هد قالب باشه و بقیه کد ها رو می تونید در انتهای قالب قرار بدید.

قسمت زیر رو در کد پیدا کنید و تصویر مورد نظر رو برای بارش قرار بدید:

کد:
flakes: ['https://rozup.ir/up/plusg/JS/snowflake.png'],

و در قسمت های زیر هم به ترتیب تعداد دانه های برف (یا هر چیزی)، __، حداکثر اندازه، حداکثر مدت زمان و جلوه دانه های برف (true/false) برای تنظیم کردن وجود داره. با فعال کردن جلوه دانه های برف تصاویر بارشی به صورت کمرنگ نمایش داده می شن.

کد:
totalFlakes: '40', zIndex: '999999', maxSize: '50', maxDuration: '50', useFlakeTrans: false

- - - - - - - - - - - - - - - - - - - - - - - - - -

و این هم کد کامل، که باید در انتهای قالب قرار بدید (میتونید کد بارش و تصویر رو خودتون جای دیگه آپلود کنید :) )

کد:
jQuery(document).ready(function($){ $('body').wpSuperSnow({ flakes: ['https://rozup.ir/up/plusg/JS/snowflake.png'], totalFlakes: '40', zIndex: '999999', maxSize: '60', maxDuration: '70', useFlakeTrans: false }); });

دانلود کد بالا! (کد بارش)

متاسفانه فرصت نشد دمو رو بزارم! با عرض پوزش

تصویری از کد:

امضاي کاربر :


تشکر شده:

12 کاربر از navidameli به خاطر اين مطلب مفيد تشکر کرده اند: mazyar-virus / virus / helpmaster / admin-mehrdad / sarkhosh / mr-dr / 78nbm78 / xeneral / gerasika / ghatel75 / ehsan / mahk92 /

پاسخ ها

خيلي خوب و کاربردي بود ممنون

امضاي کاربر :

تشکر شده:

1 کاربر از zero به خاطر اين مطلب مفيد تشکر کرده اند: navidameli /

ممنون كاربردی بود

امضاي کاربر :

اِنقَد خُدا خُدا كَردَم اونَم فَهمید دِلتَنگِشَم...

http://ghalebgraph.ir/Forum/Post/658/Answer/798
Sibil Cut Shod:)

تشکر شده:

1 کاربر از virus به خاطر اين مطلب مفيد تشکر کرده اند: navidameli /

عالی و کاربری :)

بسیار مفید و مرسی

حالا یه دمو هم بذارین عالی تر هم میشه

امضاي کاربر :


-سفارشات قالب ، لوگو ، کاور ..... را پذیراییم
کدنویسی قالب،ابزاروب،قالب آرایی و... با آخرین متد ها +ریسپانسیو و سئو با قیمت کم @taha_tn تلگرام
-بزرگترین سامانه و شبکه اجتماعی تبادل آی دی + کانال + گروه تلگرام
فروش teledram.ir با قیمت فوق العاده پایین و توافقی قیمت پایه 140 تومن
http://ghalebgraph.ir/Forum/Post/18605
3 قالب اختصاصی ! روبات تلگرام + کانال + سئو فوق العاده عالی سرعت لود بالا

تشکر شده:

1 کاربر از helpmaster به خاطر اين مطلب مفيد تشکر کرده اند: navidameli /

تشکر شده:

1 کاربر از admin-mehrdad به خاطر اين مطلب مفيد تشکر کرده اند: navidameli /

تشکر شده:

1 کاربر از foxmakar به خاطر اين مطلب مفيد تشکر کرده اند: navidameli /

شد. تصویری از کد اضافه و توضیحات هم کمی بیشتر شد.

از همه دوستان :)

این کد از افزونه ی وردپرسی اون هستش و اگر امکان داشت بعدا امکانات دیگه ای رو به اون اضافه میکنم.

امضاي کاربر :


تشکر شده:

2 کاربر از carbon به خاطر اين مطلب مفيد تشکر کرده اند: tarrahweb / mazyar-virus /

مفید و کاربردی !!!

تشکر

امضاي کاربر :
توسعه دهنده سایت و نرم افزار، کارشناس سئو و بهینه سازی

آدرس سایت : navidbehroozi.ir

براي نمايش پاسخ جديد نيازي به رفرش صفحه نيست روي تازه سازي پاسخ ها کليک کنيد !