رفتن به مطلب

اموزش قرار دادن 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 کاربر

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

اطلاعات مهم

ما مجبور شدیم تا از کوکی ها و فناوری های مشابه برای اجرای این وب سایت استفاده کنیم تا بتوانیم تجربه بهتری در زمان استفاده از سایت برای شما ایجاد نماییم. سیاست حریم خصوصی.