زمان کنونی: ۲۳-۶-۱۴۰۵, ۰۹:۱۵ عصر درود مهمان گرامی! (ورودثبت نام)


ارسال پاسخ 
 
امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
مشکل اضافه کردن تصویر به بکگراند ماژول ها
۵-۱۱-۱۳۹۰, ۰۲:۳۵ صبح
ارسال: #4
RE: مشکل اضافه کردن تصویر به بکگراند ماژول ها
ببینید برای اون دو تا ماژولی که مثلا می خواید پس زمینه تعریف کنید در پنل ماژولشون در قسمت پسوند کلاس ماژول بنویسید:


حالا در فایل css قالبتون که معمولا template.css هست این کد رو اضافه کنید:
.moduletable-bm{
background: url("../images/yourpic.jpg")  ;
}

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

مثلا در بک گراندی که در فروم بالای شکلک هاست از این عکس [تصویر:  thead_bg.gif] استفاده شده و این کد css برای پس زمینش:

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

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


پیام‌های داخل این موضوع
RE: مشکل اضافه کردن تصویر به بکگراند ماژول ها - صدرا حسابی - ۵-۱۱-۱۳۹۰ ۰۲:۳۵ صبح

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان