قرار دادن عکس پس زمینه برای سایت

[Šepehr]

سلام دوستان

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

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

چه راه حلی براش دارین؟

در ضمن همون طور که می دونید این فقط برای زمینه سایته
قراره یه table که محتوای اصلی سایت رو داره روش اضافه بشه

اگه نفهمیدید که چی میگم بگید تا بیشتر توضیح بدم

[amir abbas]

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

[DaRiOuShJh]

بهتره بیشتر توضیح بدید و اگر عکسی چیزی هم بزارید بهتره

مایکروسافت تا اونجا که یادمه از Bg یه فلش استفاده میکرد جدیدا رو نمیدونم

[Šepehr]

مرسی امیر عباس جان از جوابت

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

طرحی که میگم یه چیزی شبیه عکس پایینه:



همونطور که میبینی ارتفاع header , footer از ارتفاع عکس زمینه شون خیلی کمتره

میشه با کلی جدول بندی پیاده سازیش کرد
یعنی اینکه کل پس زمینه رو توی یه جدول با پهنای 100% گذاشت و توش رو شروع کنم به جدول بندی

اما گفتم شاید یکی یه راه حل بهتر داشته باشه

[peyman1987]

خوب شما نميتونين از بک گراند استفاده کنين. بايد از عکس معمولي با img استفاده کنين. با css خيلي راحته ولي ميتونين با table کار کنين. ميتونين يه جدول با 1 ستون و 3 رديف بسازين. عسکهاي بالا و پايين صفحه رو داخل رديفهاي 1 و 3 بزارين. رديف 2 رو هم با رنگ دلخواهتون پر کنين و توش جدول اصلي رو بسازين. البته فکر ميکنم با css خيلي راحتتر بشه کار کرد.

[Šepehr]

خوب شما نميتونين از بک گراند استفاده کنين. بايد از عکس معمولي با img استفاده کنين. با css خيلي راحته ولي ميتونين با table کار کنين. ميتونين يه جدول با 1 ستون و 3 رديف بسازين. عسکهاي بالا و پايين صفحه رو داخل رديفهاي 1 و 3 بزارين. رديف 2 رو هم با رنگ دلخواهتون پر کنين و توش جدول اصلي رو بسازين. البته فکر ميکنم با css خيلي راحتتر بشه کار کرد.

نه نمیشه از این طریق جدول بندی کرد
چون رنگ پس زمینه بلندتر از ارتفاع هدر هستش
ببینید:



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

من css هم بلدم اما فکر نمیکنم بشه باهاش کار خاصی کرد تو این مورد

[amir abbas]

سپهر جان با CSS میشه. شما باید یه چیزی درست کنی تقریبا شبیه به این

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

باید اون تصویری که می خوای در بالا و توی پس زمینه قرار بدی به جای اون عکس body_bg.jpg قرار بدی. رنگ پس زمینه رو هم باید روشن ترین آبی ای که تو طرحت داری تعیین کنی و کد هگزا دسیمالش رو به جای اون FFFFFF بنویسی. عرض عکست باید یک یا دو پیکسل باشه ولی ارتفاعش باید به اندازه دلخواهت باشه که اون طیف gradiant مورد نظرت توش باشه

اون یکی عکسی که می خوای در پایین صفحه و در پس زمینه باشه در پس زمینه اون div قرار بدی به جای اون عکس bg.jpg
رنگ پس زمینه رو هم شفاف در نظر گرفتیم که لایه زیری که body هست معلوم باشه. عرض عکست باید یک یا دو پیکسل باشه ولی ارتفاعش باید به اندازه دلخواهت باشه که اون طیف gradiant مورد نظرت توش باشه


جای اون XXXXXX هم طرح صفحت رو قرار میدی

[Šepehr]

وای امیر عباس جان غوغا کردی!

من اصلا نمیدونستم که میشه اونجا top , bottom استفاده کرد
(شایدم یادم رفته بود!)
همین که اونا رو دیدم تا آخرش رو فهمیدم
توضیحاتت هم که حسابی کامل بود

دستت درد نکنه
یه دنیا ممنون