مشکل اضافه کردن تصویر به بکگراند ماژول ها

[mal2moh]

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

[صدرا حسابی]

قفط پس زمینه تعریف کرده تو css، ولی این عکس پشتش هر کدوم چند قسمت خودش که پایین و وسط و ... که برای همه ماژولاش اعمال شده،(این جوری هم حجمش کمتر میشه هم این که لازم نیست هر ماژول که ارتفاعش فرق می کنه عکس جدا بزاری) شما دموی سایتتون رو بزارید بگم چه کد بکگراند به کجا باید اضافه بشه. و بگید برای تعداد محدودی از ماژولاتون می خواین یا کلا برای همشون اعمال شه، چون اگه برای تعداد محدود بخواید باید کلاس جداگانه تعریف کنید.

[mal2moh]

خیلی ممنونم از توضیح کاملتون
اگه ممکنه نحوه تعریف کلاس رو برای موقعیت های متفاوت مثلا دو کلاس به ما یاد بدین

[صدرا حسابی]

ببینید برای اون دو تا ماژولی که مثلا می خواید پس زمینه تعریف کنید در پنل ماژولشون در قسمت پسوند کلاس ماژول بنویسید:

کد: (انتخاب همه)

-bm

حالا در فایل css قالبتون که معمولا template.css هست این کد رو اضافه کنید:

کد: (انتخاب همه)

.moduletable-bm{
background: url("../images/yourpic.jpg")  ;
}

و اگر عکسی که می خواید پس زمینه باشه به صورت یه تیکه باشه یا یه عکس ریز که تکرار شه خوبه،

مثلا در بک گراندی که در فروم بالای شکلک هاست از این عکس استفاده شده و این کد css برای پس زمینش:

کد: (انتخاب همه)

background: url("../../../images/MIBlue/thead_bg.gif") repeat-x scroll left top #3DACEB;

که می گه عکس در راستای x تکرار بشه،
حالا برای ماژول شما می تونید یه عکس با عرض مثلا 3px و ارتفاع 500px بسازید و از این روش تکرارش کنید. یا این که یه عکس 3px در 3px بسازید و از همن کد اول بدون repeat-x استفاده کنید که برای پس زمینه هایی که تکرارشون مشابه مناسبه، مثل گونی یا مثلا صفحه شطرنجی.
در آخر می تونید باز از کد اول استفاده کنید و یه عکس یه تیکه بزرگ مثلا 300px*500px استفاده و برای پس زمینه بزارید که اصلا تکرار نشه.

[gogerd]

البته ارتیستیر هم این کار رو برای بلاکها انجام میده و میتونی پشت هر چیزی عکس یا ... بزاری