پارس جوم :: انجمن های تخصصی جوملا

نسخه‌ی کامل: بکگراند دریک موقعیت خاص
شما در حال مشاهده‌ی نسخه‌ی متنی این صفحه می‌باشید. مشاهده‌ی نسخه‌ی کامل با قالب بندی مناسب.
سلام به همگی و خسته نباشید من میخوام تو یک موقعیت خواص برای یک ماژول بکگراند بزارم ممنون میشم راهنمایی کنید.Rose
اگه دموی آنلاین بزارید دقیق تر می تونم راهنماییتون کنم، ولی در کل معمولا باید یک پسوند کلاس ماژول براش تعریف کنید و در css برای بگراند از یک عکس استفاده کنید و مکان و میزان تکرارش رو مشخص کنید.
البته حتما نباید عکس باشه مثلا برای موقعیت فوتر یک رنگ تعریف کرد؟؟
فرقی نمی کنه عکس یا رنگ و از هر دو میشه استفاده کرد .
می شه رنگ تعریف کرد ولی نمی شه برای یک موقعیت خاص رنگ رو محدود کرد، بزارین منظورم دقیق تر بیان کنم. مثلا در خود پارس جوم قسمت آخرین اخبار بالا از این کد در css پیروی می کنه:

کد:
.thead {
    background: url("../../../images/MIBlue/thead_bg.gif") repeat-x scroll left top #3DACEB;
    color: #FFFFFF;
}

که عکس رو تعریف کرده که در جهت x تکرار شه و اگه عکس نمایش داده نشد یا در قسمتی نبود از این کدر رنگ #3DACEB استفاده بشه، ولی اگه در این باکس بخواید بکگراند تا یه قسمتی تکرار یا نمایش داده بشه از عکس باید استفاده کنید و حتی شده یه عکس 1px در 1px رنگ که بگید تکرار بشه و بعد نمایشش رو محدود کنید، مثلا من کد بکگراند رو به این صورت می نویسم:

کد:
background: url("../../../images/MIBlue/thead_bg.gif") repeat-x 0 10px #3DACEB

در این حالت عکس ما با ارتفاع 10پیکسل در جهت x تکرار و در قسمت هایی که نباشه رنگ مورد نظر در پشتش نمایش داده می شه یا اگه رنگ رو حذف کنیم بدون بکگراند می شه قسمت هایی که عکس نیست، ولی اگه در این کد، عکس رو حذف کنیم و فقط کد رنگ رو بزاریم نمی تونیم با همین کد در همین کلاس تعریف شده مقدار جایی که اشغال می کنه رو محدود کنیم.
سلام آقا صدرا بهتون دسترسی میدم لطف میکنید درستش کنید
پیام خصوصی براتون ارسال کردم
ممنون اقا صدرا درست شد خیلی عالی
میشه مواردی که تغییر کرد و بفرمایید تا همه استفاده کنند؟؟؟
قسمت فونر آماده شد، برای همخوانی با بالا و سنگین نشدن سایت از همون بک گراند مطالب بالا استفاده کردم، تغییرات در دو فایل general.css و modules.css داده شد و از هر دو یک کپی در کنارشون گذاشتم که اگه خواستید تنظیمات اولیه رو در css فوتر داشته باشید.
لینک مرجع