انداختن بگ گراند در قسمت بالای یک ماژول

[karbar 3]

با سلام

در این سایت

می خواستم در ستون سمت چپ

زیر عنوان «حدیث نور» بک گراندی مانند بک گراند دیگر ماژول ها بیفتد

اما وقتی در سی اس اس این کار را انجام می دهم این بک گراند زیر عبارات وسطی همین ماژول هم می افتد که مورد نظر ما نیست

لطفا راهنمایی کنید

با تشکر

[alirezam50 25]

 

با سلام

در این سایت

می خواستم در ستون سمت چپ

زیر عنوان «حدیث نور» بک گراندی مانند بک گراند دیگر ماژول ها بیفتد

اما وقتی در سی اس اس این کار را انجام می دهم این بک گراند زیر عبارات وسطی همین ماژول هم می افتد که مورد نظر ما نیست

لطفا راهنمایی کنید

با تشکر

 

 

سلام

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

اسمش اینه

انتخاب یک تصویر برای پس زمینه

[karbar 3]

ضمن تشکر از شما

در این ماژول کادری تحت عنوان «انتخاب یک تصویر برای پس زمینه»  وجود ندارد اما در صفحه انتخابها

 

کادر

Module Class Suffix

وجود دارد و همچنین در قسمت «گزینه های پیشرفته» آن، کادر «کلاس سربرگ» هست که نمیدانم چطور باید از آن استفاده کرد

 

ضمنا در فایل سی اس اس قالب بنام

mj-template.css

عبارت زیر را اضافه کردم اما فایده ای نداشت

 

#modulehead, .modulehead, #modulehead h3 , .modulehead h3, #modulehead h4 , .modulehead h4  {
      background: url(../images/banners/module_bg-01.jpg) repeat scroll 0 0 transparent;
}

 

ویرایش شده بهمن 92 توسط karbar

[مصطفی صفرعلی 2,891]

با سلام
 
در خط 524 مسیر new/templates/mj-nustar/css/mj-template.css کد زیر قرار دارد

#mj-maincontent .moduletable h3 {

به جای کد فوق ، خط زیر را جایگزین کنید

#mj-maincontent .moduletable h3, div#mj-left > div.modulemodulehead > div > div > div > h3 {

موفق و پیروز باشید
یا حق

[karbar 3]

متشکرم

درست شد

فقط کاش یک نفر توضیح میداد که چطور مثلا با فایرباگ این خط را میتونیم پیدا کنیم و

این عبارت چطور عمل میکنه

علامت

>

در سی اس اس چه عملی انجام میده؟

[مصطفی صفرعلی 2,891]

با سلام

پیدا کردن کدها کار سختی نیست کافیه روی عنصر مربوطه روی صفحه تون Inspect کنید بعد کدهای سربرگ html رو بررسی کنید و با هاور کردن روی عناصر میتونید محدوده موردنظرتون رو بطور دقیقتر پیدا کنید و بعد آدرس اون عنصر رو کپی کنید ( کافیه روی عنصر راست کلیک کنید و گزینه copy css path را انتخاب کنید و بعد در فایل css تون paste کنید ) و نتیجه حاصله رو ویرایش کنید و موارد اضافی رو حذف کنید تا هم کد کوتاه بشه و هم از حالت منحصربفردی خارج بشه . یه کم نیاز به تمرین داره تا با این مورد به خوبی آشنا بشید

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

<section>
    <div id="a">
        <h3>text1</h3>
        <div id="b">
            <h3>text2</h3>
        </div>
    </div>
</section>

حالا اگر در css کد زیر را استفاده کنید

section div h3
یا
section div#a h3
یا
div#a h3

در هر سه حالت فوق تمام عناصر h3 انتخاب میشن . هم text1 و هم text2

ولی اگر بخواهید فقط text1 انتخاب شود میتونید از کد زیر استفاده کنید

section > div#a > h3
یا
div#a > h3

و اگر بخواهید text2 را انتخاب کنید میتونید از کد زیر استفاده کنید

section > div#a > div#b > h3
یا دیگه خیلی خلاصه تر
div#b > h3

البته برخی مواقع اگر کدی که میخواهید استفاده کنید ممکنه روی یکسری از بخشها تاثیر منفی بذاره در اینصورت میبایست طول کد را کمی بیشتر درنظر بگیرید تا فقط تو اون ناحیه موردنظر تاثیر خودش رو بزاره مثل کدی که برای مشکل شما قرار دادم و ابتدای کد را از div#mj-left شروع کردم که تاثیرش فقط در ناحیه ستون چپ باشه

 

موفق و پیروز باشید
یا حق

[karbar 3]

از زحمتی که کشیدید و توضیح خوبی که دادید خیلی ممنونم

بسیار مفید بود