جهت ورود به تالار گفتمان سایت کلیک کنید

آموزش ساخت پشت زمینه ابرهای متحرک برای وبسایت

همیشه داشتن یک BackGround حرفه ای و مناسب , یکی از دغدغه های هر وب مستر میباشد .

حتما شما هم از پشت ضمینه های ایستا و یک نواخت خسته شده اید …

در این پست به انتشار مطلب در مورد داشتن یک پشت ضمینه متحرک خواهم پرداخت تا با استفاده از آن بتوانید کاربران خود را مجذوب سایت خود سازید .

آموزش ساخت پشت زمینه ابرهای متحرک برای وبسایت

و اما آموزش :

1 – ابتدا در Css سایت خود به سراغ انتخابگر body رفته و هر چه خاصیت background در آن هست را پاک نموده و خصوصیات ریر را جایگزین کنید . ( یعنی به قسمت  { } body اضافه شود )

2 – در همین فایل Css که قرار دارید , در زیر انتخاب گر body و پس از بسته شدن آن , خاصیت های زیر را وارد نمایید .

3 – حال در روت ( root )  سایت خود پوشه ای به نام images بسازید و عکسی که در خط بعدی برایتان قرار داده ام را آپلود نمایید . ( بدیهی است اگر پوشه images از قبل وجود دارد , دیگر نیازی به ساختن نیست و فقط عکس را در آن آپلود نمایید )

دانلود عکس مربوطه ( بر روی لینک کلیک راست و گزینه ی save را بزنید )

 

نکات بسیار مهم : 

1 – اگر میخواهید سرعت ابر ها را تند تر و یا کند تر کنید , باید هر 5 تا 60s رو تغییر دهید . مثلا برای کندتر کردن , همه را روی 100s بگذارید .

2 – در قسمت اول و در خاصیت Background-color , میتوانید هر رنگی را که دوست دارید قرار دهید تا آسمان به همان رنگ درآید . مثلا اگر میخواهید آسمانی در شب داشته باشید , رنگ خاکستری تیره استفاده کنید .

یعنی :

3 – اگر از عکس ابر خوشتان نیامد و میخواستید عکس را عوض کنید , به راحتی میتوانید در خط اول , آدرس عکس را عوض و آدرس عکس خود را بدهید .

مثلا :

اما باید یک تغییر دیگر هم بدهید . باید پهنا ( width ) عکس انتخابی خود را جایگزین عدد 1366 بالا کنید .

4 – اگر میخواید عکس شما از راست به چپ حرکت کند , باید عددی منفی ( – ) بگذارید و اگر میخواهید از چپ به راست حرکت کند , عددی مثبت ( + ) قرار دهید .

دموی آماده آموزش 

گرداوری و آموزش : وحید مجیدی 

دانواد فایل آماده آموزش :

جهت تبادل گفتگو و حل مشکلات در باره این موضوع , کلیک کنید

14 پاسخ به “آموزش ساخت پشت زمینه ابرهای متحرک برای وبسایت”

  1. شکرگزاری گفت:

    احساس کردم جای یه نکته تو این آموزش خالیه و اون هم این که حتما لازم نیست که این خصوصیات رو به body بدیم، می تونیم هیچ کاری به بادی نداشته باشیم و این استایل ها رو فقط به صورت یه کلاس معرفی کنیم و ازشون هر جا که خواستیم ( مثلا فقط در فوتر سایت) استفاده کنیم.
    بازم ممنون.

  2. شکرگزاری گفت:

    سلام
    ممنون از آموزشتون.
    اگر آموزش ساخت هدر متحرکی مثل هدر سایت بحث آزاد ( bahseazad.ir ) رو هم می دونید، ممنون میشم اینجا قرار بدید.

  3. اسماعیل احمدی گفت:

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

    • وحید مجیدی گفت:

      داداش به ابن راحتی نیست و کار داره . باید بلد باشید . نمیتونم انجا توضیح بدم

      • اسماعیل احمدی گفت:

        داش پس کجا باید بگی؟لطفا بگید خیلی لازمش دارم

        • وحید مجیدی گفت:

          دوست عزیزم یعنی کلی داستان داره و باید طراحی بشه و طبیعتا وقتشو ندارم براتون انجام بدم

  4. ایمان گفت:

    سلام
    ببخشید چطوری میشه جهت حرکتش رو عوض کرد ؟
    مثلا از چب به راست

  5. ارم سرور گفت:

    مرسی استاد

  6. حمیدسلیمانی گفت:

    کامل و بدون نقص
    تشکر

  7. dashesi_lamer گفت:

    عالی بود

  8. ایمان گفت:

    ممنون
    عالی بود
    http://www.pnjair.ir

    • وحید مجیدی گفت:

      خواهش میکنم داداش گلم …

      سایتتونو دیدم , خیلی بهش میاد و زیبا شده

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *