رفتن به مطلب

اموزش قرار دادن paticles در هدر قالب های ipboard


ارسال‌های توصیه شده

با سلام میخوام در این پست اموزش قرار دادن پارتیکل در هدر براتون یاد بدم ابتدا دو فایل زیر که برای دانلود میزارم دانلود کنید و در هاست خود اپلود کنید , حالا به مدیریت ipboard وارد شوید به ویرایش کد های قالب بروید و در قسمت global template بروید دنبال تگ <header> باشید زیر تگ هدر کد زیر را قرار دهید :

			<div id="particles-js"></div>
			<script src="particles.js"></script>
			<script src="app.js"></script

حالا به custom.css بروید و کد های زیر را قرار دهید :

#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
}

حالا شما باید اندازه این پارتیکل را از کد های css تنظیم کنید ویا اگه لازم شد تگ جدیدی را اضافه کنید :)

این روش رو سایت خودم تست کردم .

particles.zip

  • تشکر 3
  • ذوق زده 1
لینک ارسال
به اشتراک گذاری در سایت های دیگر

سلام ممنون بابت آموزش 

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

پاسخ رو پیدا کردم

در فایل app.js و در قسمت line-linked  مقدار distance رو کاهش دادم.

  • پسند 1
  • تشکر 1
لینک ارسال
به اشتراک گذاری در سایت های دیگر

  • کاربران آنلاین در این صفحه   0 کاربر

    • هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.
×
×
  • اضافه کردن...