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

Printable View

26-08-2007, 20:59
Šepehr

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

سلام دوستان

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

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

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

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

اگه نفهمیدید که چی میگم بگید تا بیشتر توضیح بدم
26-08-2007, 21:21
amir abbas

شما تو پس زمینه عنصر body تو صفحه فقط میتونی یک عکس قرار بدی. باید اجزای بیشتری تو صفحه داشته باشی و با استفاده از CSS میشه عکس رو در پس زمینه قرار داد که تکرار هم نشه. من دقیقا نمی دونم شما طرحت می خوای چطوری باشه. اگر با عکسی یا چیز دیگه ای نشونش میدادی میشد یه کاری کرد
26-08-2007, 21:39
DaRiOuShJh

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

مایکروسافت تا اونجا که یادمه از Bg یه فلش استفاده میکرد جدیدا رو نمیدونم:12:
26-08-2007, 22:29
Šepehr

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

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

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

[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

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

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

اما گفتم شاید یکی یه راه حل بهتر داشته باشه
26-08-2007, 23:07
peyman1987

خوب شما نميتونين از بک گراند استفاده کنين. بايد از عکس معمولي با img استفاده کنين. با css خيلي راحته ولي ميتونين با table کار کنين. ميتونين يه جدول با 1 ستون و 3 رديف بسازين. عسکهاي بالا و پايين صفحه رو داخل رديفهاي 1 و 3 بزارين. رديف 2 رو هم با رنگ دلخواهتون پر کنين و توش جدول اصلي رو بسازين. البته فکر ميکنم با css خيلي راحتتر بشه کار کرد.
27-08-2007, 08:02
Šepehr

نقل قول:

نوشته شده توسط peyman1987 [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

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

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

[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

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

من css هم بلدم اما فکر نمیکنم بشه باهاش کار خاصی کرد تو این مورد
27-08-2007, 11:07
amir abbas

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

کد:

<body> <div class="bg"> XXXXXXXXXX </div> </body>

کد:

* { margin: 0; padding:0; } body { background: #FFFFFF url(images/body_bg.jpg) repeat-x top left; } .bg { background: transparent url(images/bg.jpg) repeat-x bottom left; }

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

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

جای اون XXXXXX هم طرح صفحت رو قرار میدی
27-08-2007, 18:33
Šepehr

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

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

دستت درد نکنه:10:
یه دنیا ممنون:11: