1. مهمان گرامی، جهت ارسال پست، دانلود و سایر امکانات ویژه کاربران عضو، ثبت نام کنید.
    بستن اطلاعیه

استفاده از پس زمینه ثابت در وب سایت

شروع موضوع توسط MiTra ‏15/12/10 در انجمن CSS

  1. پیشکسوت انجمن کاربر ارزشمند❤

    تاریخ عضویت:
    ‏11/11/10
    ارسال ها:
    11,734
    تشکر شده:
    3,539
    امتیاز دستاورد:
    113

    تا حالا پیش آمده که وب سایتی رو ببینید که عکس پس زمینه اون ثابت باشه (به این سایت ساده نگاهی بیاندازید) , ولی در عین حال صفحه ,scrollهم داشته باشه ؟
    اینکار به سادگی انجام میگیره و اضافه کردن چند خط به سورس کد ,CSS ,امکان پذیر میشود :
    کافیه که این چند خط رو به فایل ,CSS ,و یا در صورتیکه فایل ,CSS ,ندارید به صفحه ,HTML ,سایتتون و بین تگهای ,<head> ,و</head> ,اضافه کنید .


    1. <style type=“text/css”>
    2. body
    3. {
    4. background-image: ,url(“image.gif”);
    5. background-repeat: ,no-repeat;
    6. background-attachment: ,fixed;
    7. background-position: ,center;
    8. }
    9. </style>
    background-image ,: آدرس دهی فایل عکس برای قرار گرفتن بصورت پس زمینه
    backgroud-repeat ,: رفتار پس زمینه را مشخص میکند و میتواند ,Repeat(تکرار عکس در جهت افقی و عمودی) ,Repeat-x(تکرار در جهت عمودی) ,Repeat-y(تکرار در جهت افقی) و ,no-Repeat(بدون تکرار) را پذیرا باشد .
    background-attachment ,: تعیین اینکه پس زمینه دارای اسکرول(scroll) و یا ثابت (fixed) باشد .
    background-position ,: تعیین موقعیت (وقتی فعال است که اندازه عکس از اندازه صفحه کوچکتر باشد)