• لایه باز پوستر ایکس باکس 360
  • سایت دانلود قالب Html
  • دلایل ناموفق بودن وبمستران ایرانی
  • ویدیو مارکتینگ
  • افزونه وردپرس مداد زرد
  • افزونه wpml
محل تبلیغات شما
Search
Generic filters
Exact matches only
Filter by Custom Post Type

کدنویس در شبکه های اجتماعی

ساعت
کد های متفرقه, کد و ابزار کد پس زمینه متحرک Snake

آمار و ارقـام سایت


  • 826

    اعضای سایت


  • 9

    قالب وردپرس


  • 12

    افزونه وردپرس


  • 9

    اسکریپت

تو نوشمک چه خبره!











تبـــلیغــات

  • محل تبلیغات شما
  • محل تبلیغات شما
  • محل تبلیغات شما

سلام دوباره خدمت کاربران سایت کدنویس ، در این مقاله قصد داریم کد پس زمینه متحرک رو در اختیارتون بگذاریم که تا به حال در طراحی ها کمتر دیده شده و یک طرح نو برای طراحی‌های شماست.

کدنویسان و طراحانی که کاربر ما بودند در چند وقت اخیر از ما درخواست کد پس زمینه متحرک کردند که ما تصمیم گرفتیم یکی از بهترین و سبک‌ترین کدهارو قرار بدهیم.

کد پس زمینه متحرک که ما برای شما قرار دادیم به این صورت میباشد که در پشت گرادینت آبی و بنفش وجود دارد و روی آن المنت‌هایی به شکل مار در حال حرکت هستند و به همین دلیل ما اسم آن را کد پس زمینه متحرک Snake یا همان مار قرار دادیم.

کد پس زمینه متحرک Snake با جی کوئری کدنویسی شده اما کاربران اصلا نگران حجم و سنگینی آن نباشند برای اینکه کد پس زمینه متحرک Snake کاملا بهینه و استاندارد نوشته شده و هیچ بار اضافه‌ای به وبسایت شما اضافه نمیکند

فقط به این نکته دقت کنید ، طراحانی که میخوان کد پس زمینه متحرک رو در وبسایتشون استفاده کنن باید کمی Css و Html بلد باشن تا موقع قرار دادن به عنوان پس زمینه اصلی وبسایت به مشکل بر نخورند.

کد پس زمینه متحرک Snake

کد پس زمینه متحرک Snake

حالا سراغ نحوه گذاشتن کد پس زمینه متحرک در داخل کدهای وبسایتتون میریم ، لطفا برای عملکرد سالم کد مراحل رو با دقت و به ترتیب انجام بدهید

۱-برای قدم اول باید کد زیر رو داخل قسمت < head > قرار بدهید (دقت کنید اگر در کدهای قالبتون فایل normalize.min.css وجود داره لازم نیست این کد رو استفاده کنید )

محتوای محدود شده. / فقط اعضا میتوانند این پست را ببینند

شما در حال استفاده از نسخه پریمیوم سایت کدنویس هستید ، لذت ببرید 🙂

این قسمت فقط مخصوص اعضای کدنویسه! برای دسترسی به این قسمت میتوانید یا Register انجام بدهید


۲-در قدم بعدی باید فایل استایل پس زمینه متحرک رو قرار در قسمت < head > قرار بدید
محتوای محدود شده. / فقط اعضا میتوانند این پست را ببینند

شما در حال استفاده از نسخه پریمیوم سایت کدنویس هستید ، لذت ببرید 🙂

این قسمت فقط مخصوص اعضای کدنویسه! برای دسترسی به این قسمت میتوانید یا Register انجام بدهید


۳-حالا وقت فایل اصلی رسیده شما میتوانید فایل js که کدش رو در همین زیر قرار دادیم رو هم در قسمت < head > قرار بدید و هم میتونید کد رو قبل از تگ < /body > قرار بدید که ما راه دوم رو به دلیل بهینه بودنش به شما توصیه میکنیم.
محتوای محدود شده. / فقط اعضا میتوانند این پست را ببینند

شما در حال استفاده از نسخه پریمیوم سایت کدنویس هستید ، لذت ببرید 🙂

این قسمت فقط مخصوص اعضای کدنویسه! برای دسترسی به این قسمت میتوانید یا Register انجام بدهید


۴-و در آخر کد زیر رو در هر جای قالبتون که قرار بدید پس زمینه متحرک نمایش داده میشه و هر چیزی که بین این کد قرار بگیره روی پس زمینه متحرک Snake نمایش داده میشود.
محتوای محدود شده. / فقط اعضا میتوانند این پست را ببینند

شما در حال استفاده از نسخه پریمیوم سایت کدنویس هستید ، لذت ببرید 🙂

این قسمت فقط مخصوص اعضای کدنویسه! برای دسترسی به این قسمت میتوانید یا Register انجام بدهید


دیگه تغییرات و هر کاری که خواستید رو میتونید به راحتی روی کد اجرا کنید ، فقط باید به جی کوئری مسلط باشید.

امیدوارم که از کد پس زمینه متحرک در طراحی‌هاتون استفاده کنید و طرح های نو و با خلاقیت ایجاد کنید ، برای مشاهده مطالبی متفاوت و ویژه میتوانید ما را در شبکه اجتماعی تلگرام و اینستاگرام دنبال کنید.

یا علی♥


دیدگاه‌های کاربران

بدون دیدگاه

دیدگاه بگذارید

avatar
  مشترک  
اعلان

لوگو کدنویس

درباره ما

سایت کدنویس در سال 1395 برای کمک به پیشرفت وبمستران در چندین موضوع تاسیس شد و تا به حال پیشرفت چشمگیری در ارائه خدمات به کاربران خود داشته ، امیدواریم هر سال بهتر از سال قبل بتوانیم نیازهای وبمستران را در تمامی زمینه‌ها بر طرف کنیم

حسین رازقندی / مدیریت سایت
استفاده از مطالب این سایت حتی با ذکر منبع غیر قانونی و حرام بوده . کليه حقوق اين سايت متعلق به مدیریت آن می‌باشد. CodeNvis 2015-2018