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

واضح آرشیو وب فارسی:سایت ریسک: View Full Version : قرار دادن عکس پس زمینه برای سایت Šepehr26-08-2007, 08:59 PMسلام دوستان من میخوام تو سایتم از دو تا عکس که به صورت gradiant هستند توی بالا و پایین سایت به صورت بک گراند استفاده کنم و رنگ اصلی صفحه رو خودم یه رنگ مشخص بذارم. یه چیزی شبیه سایت مایکروسافت مشکل اینجاست که مقدار نوشته های سایت مشخص نیست و ممکنه خیلی طولانی بشه در نتیجه اگر بخوام فقط از یه عکس (باریک) برای زمینه استفاده کنم ممکنه که موقع اسکرول زمینه هر دفعه تکرار بشه چه راه حلی براش دارین؟ در ضمن همون طور که می دونید این فقط برای زمینه سایته قراره یه table که محتوای اصلی سایت رو داره روش اضافه بشه اگه نفهمیدید که چی میگم بگید تا بیشتر توضیح بدم amir abbas26-08-2007, 09:21 PMشما تو پس زمینه عنصر body تو صفحه فقط میتونی یک عکس قرار بدی. باید اجزای بیشتری تو صفحه داشته باشی و با استفاده از CSS میشه عکس رو در پس زمینه قرار داد که تکرار هم نشه. من دقیقا نمی دونم شما طرحت می خوای چطوری باشه. اگر با عکسی یا چیز دیگه ای نشونش میدادی میشد یه کاری کرد DaRiOuShJh26-08-2007, 09:39 PMبهتره بیشتر توضیح بدید و اگر عکسی چیزی هم بزارید بهتره مایکروسافت تا اونجا که یادمه از Bg یه فلش استفاده میکرد جدیدا رو نمیدونم:12: Šepehr26-08-2007, 10:29 PMمرسی امیر عباس جان از جوابت بله دقیقا میخوام به جای یه عکس دو تا عکس برای بک گراند استفاده بشه یکی برای بالا یکی برای پایین طرحی که میگم یه چیزی شبیه عکس پایینه: http://i18.tinypic.com/54d 660y.jpg همونطور که میبینی ارتفاع header , footer از ارتفاع عکس زمینه شون خیلی کمتره میشه با کلی جدول بندی پیاده سازیش کرد یعنی اینکه کل پس زمینه رو توی یه جدول با پهنای 100% گذاشت و توش رو شروع کنم به جدول بندی اما گفتم شاید یکی یه راه حل بهتر داشته باشه peyman198726-08-2007, 11:07 PMخوب شما نميتونين از بک گراند استفاده کنين. بايد از عکس معمولي با img استفاده کنين. با css خيلي راحته ولي ميتونين با table کار کنين. ميتونين يه جدول با 1 ستون و 3 رديف بسازين. عسکهاي بالا و پايين صفحه رو داخل رديفهاي 1 و 3 بزارين. رديف 2 رو هم با رنگ دلخواهتون پر کنين و توش جدول اصلي رو بسازين. البته فکر ميکنم با css خيلي راحتتر بشه کار کرد. Šepehr27-08-2007, 08:02 AMخوب شما نميتونين از بک گراند استفاده کنين. بايد از عکس معمولي با img استفاده کنين. با css خيلي راحته ولي ميتونين با table کار کنين. ميتونين يه جدول با 1 ستون و 3 رديف بسازين. عسکهاي بالا و پايين صفحه رو داخل رديفهاي 1 و 3 بزارين. رديف 2 رو هم با رنگ دلخواهتون پر کنين و توش جدول اصلي رو بسازين. البته فکر ميکنم با css خيلي راحتتر بشه کار کرد. نه نمیشه از این طریق جدول بندی کرد چون رنگ پس زمینه بلندتر از ارتفاع هدر هستش ببینید: http://i17.tinypic.com/66capvn.jpg اونجاهایی که دورش خط کشیدم رنگ پس زمینه داره اگه از اون روش استفاده کنم، یه مقدار از محتویات اصلی سایت توی هدر و فوتر قرار میگیره من css هم بلدم اما فکر نمیکنم بشه باهاش کار خاصی کرد تو این مورد amir abbas27-08-2007, 11:07 AMسپهر جان با CSS میشه. شما باید یه چیزی درست کنی تقریبا شبیه به این !!!! برای مشاهده محتوا ، لطفا ثبت نام کنید / وارد شوید !!!! !!!! برای مشاهده محتوا ، لطفا ثبت نام کنید / وارد شوید !!!! باید اون تصویری که می خوای در بالا و توی پس زمینه قرار بدی به جای اون عکس body_bg.jpg قرار بدی. رنگ پس زمینه رو هم باید روشن ترین آبی ای که تو طرحت داری تعیین کنی و کد هگزا دسیمالش رو به جای اون FFFFFF بنویسی. عرض عکست باید یک یا دو پیکسل باشه ولی ارتفاعش باید به اندازه دلخواهت باشه که اون طیف gradiant مورد نظرت توش باشه اون یکی عکسی که می خوای در پایین صفحه و در پس زمینه باشه در پس زمینه اون div قرار بدی به جای اون عکس bg.jpg رنگ پس زمینه رو هم شفاف در نظر گرفتیم که لایه زیری که body هست معلوم باشه. عرض عکست باید یک یا دو پیکسل باشه ولی ارتفاعش باید به اندازه دلخواهت باشه که اون طیف gradiant مورد نظرت توش باشه جای اون XXXXXX هم طرح صفحت رو قرار میدی Šepehr27-08-2007, 06:33 PMوای امیر عباس جان غوغا کردی! من اصلا نمیدونستم که میشه اونجا top , bottom استفاده کرد (شایدم یادم رفته بود!) همین که اونا رو دیدم تا آخرش رو فهمیدم توضیحاتت هم که حسابی کامل بود دستت درد نکنه:10: یه دنیا ممنون:11: سایت ما را در گوگل محبوب کنید با کلیک روی دکمه ای که در سمت چپ این منو با عنوان +1 قرار داده شده شما به این سایت مهر تأیید میزنید و به دوستانتان در صفحه جستجوی گوگل دیدن این سایت را پیشنهاد میکنید که این امر خود باعث افزایش رتبه سایت در گوگل میشود

این صفحه را در گوگل محبوب کنید

[ارسال شده از: سایت ریسک]

[مشاهده در: www.ri3k.eu]

[تعداد بازديد از اين مطلب: 767]