تعریف کلاس های مختفف برای قالب simplicity II

[manuel 0]

با سلام و احترام

من از قالب رایگان simplicity II ، استفاده کردم ... می خواستم بدونیم چطوری می شه رنگ پس زمینه ی ماژول ها رو تغییر بدم ، مثلا یه کلاس برای موقعیت راستم بشه آبی ، وی ه کلاس دیگه تعریف کنم چپم بشه سبز ... تو کدوم فایل css اش باید تغییر ایجاد کنم و دقیقا چه کدی رو باید وارد کنم ؟

ممنون می شم جواب بدین

---

و سئوال دوم ، چطور می تونیم تو همین قالب ، آیکون منوهام رو تغییر بدم و براشون آیکون بذارم ؟

[علی موذنی 310]

باید برای دایو راست (#right) یک background-color تعریف کنید و برای تغییر عکس منو ها در پوشه images دنبال menu_bullet بگردید

[manuel 0]

ممنو از جوابت

1- برای تغییر بک گراند دایو راست ، تو کدوم فایل باید دنبالش بگردم ... و اینکه برای سمت چپ هم همین کار رو بکنم ؟

2- من برای هر گزینه ی منو می خوام یه آیکن داشته باشم ، اون menu-bullet موجب تغییر تمام منو ها می شه ...

---

دوستان به این لینک برید ف می خوام یه چی مث منوی سمت چپ این سایت بشه :

http://www.wiley.com/WileyCDA/Section/index.html

---

و همچنین چطور می تونم رنگ زمینه ی موقعیت های user 1 2 3 4 رو در قسمت وسط قالب عوض کنم ؟

[علی موذنی 310]

برای تغییر رنگ راست و چپ این کد را به فایل template.css اضافه کنید:

#right .sp-inner {padding:10px 0; background-color:#06F}
#left .sp-inner {padding:10px 0; background-color:#0C3}

سوال دوم واضح نیست!

[manuel 0]

دوست عزیز ممنون برای جواب سریعت ...

اون لینکی که گذاشتم رو دیدی ؟

منظورم از سئوال دوم این بود که می خوام برای تک تک منو هام یک آیکون قرار بدم ...

[علی موذنی 310]

فکر کنم این را شما می گید:

برای این کار به این مسیر بروید:

منوها--منو(مورد نظر شما)--گزینه مورد نظر شما در منو--پارامترها- سیستم-- تصویر منو

[manuel 0]

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

اما من می خوام طبق اون لینکی که دادم ، تیتر ماژولم دارای یک لیبل باشه با رنگ دیگه ...

و بابت اون تغییر آیکون منو ، قبلا کاری که گفتی را انجام دادم ، ولی همون menu-bullet نمایش داده می شه ... می خوام مثلا اگر یه ماژول داشته باشم که توش از mod_mainmenu استفاده کردم ، هر کدوم از منوهام دارای یک آیکون باشن که بتونیم از همون مسیری که گفتی ، قرار بدم برای هر کدوم ...

[علی موذنی 310]

شما باید یا CSS بلد باشید یا اینکه از منوساز ها استفاده کنید

[manuel 0]

دوست من اگه می خوام از این کدها استفاده کنم جواب می ده ؟

[align=left]

{padding: 0;background: url(../images/box-br.png) no-repeat bottom right #eff1f4;margin-bottom: 3px;}

{margin: 0;padding: 0;background: url(../images/box-bl.png) no-repeat bottom left;}

{padding: 0;margin: 0;background: url(../images/box-tr.png) no-repeat top right;}

{padding: 8px 0 15px;background: url(../images/box-tl.png) no-repeat top left;}

خودت تغییرات مورد نیاز رو اعمال کن ... واعا ممنون بابت کمکت

---

بابت منو ، چه کدی رو باید اضافه کنم ؟

[علی موذنی 310]

این عکس ها باید داخل پوشه images موجود باشه تا بیایند

[manuel 0]

می دونم ، می گم چنین کدی رو چطور وارد بکنم ؟ درستش به چه صورتی تواین قالب ... من می خوام هر ماژول برای خودش یه لیبل و کادر مجزا داشته باشه

---

ببخشید که زیاد سئوال می کنم ...

فقط یه لطفی کن به این لینک نگاه کن ، ستون سمت چپ : BROWSE SUBJECTS

http://www.wiley.com/WileyCDA/Section/index.html

می خوام چنین کاری رو هم برای سمت رات و هم چپ قالبم انجام بدم

[علی موذنی 310]

شما باید در template.css این تغییرات را انجام بدهید:

#right .sp-inner .moduletable .mod-inner h3 {background-image:url(../images/نام عکس); background-repeat:no-repeat; background-position:right}

#left .sp-inner .moduletable .mod-inner h3 {background-image:url(../images/نام عکس); background-repeat:no-repeat; background-position:right}

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

[manuel 0]

واقعا ممنون ... لیبل ماژول هام درست شد ...

حالا برای بک گراند محتواش از چه کدی استفاده کنم ؟ می خوام داخل تیبل ماژول رنگی باشه

( آقا علی گل ممنون از صبری که به خرج می دی :thankyou: و راهنمایی های خوبی که می کنی )

[علی موذنی 310]

خواهش می کنم

این برای ماژول زرد رنگه که می تونی حتی نام رنگ را بنویسی:

ul.menu {background-color:#CC3;}

[manuel 0]

ممنون

من این کد رو وارد کردم و جواب گرفتم :

#right .sp-inner .moduletable .mod-inner {background-image:url(../images/rb.png); background-repeat:x-repeat; background-position:right}

برای سمت راست...

اون کدی که شما دادی رو باید تو template.css بذارم ؟

فرقی با اون چیزی که من وارد کردم می کنه ؟

بعد یه سئوال :

اون لیبلی که کدش رو دادی ، امکانش نیست یکم ارتفاعش رو زیاد کنیم یا تیتر عنوان ماژول را وسط چین کنیم ؟

[علی موذنی 310]

این کد یک عکس را در پشت کل ماژول تکرار می کنه و آن کدی که خدمتتون دادم با اضافه کردنش بک گراند منو ها تون عوض میشه

و با این کد بک گراند ماژول:

.sp-inner .moduletable .mod-inner {background-color:#3CF}

[manuel 0]

واقعا ممنون از لطفت

ایشالا جبران کنم

فقط به این سئوال من هم جواب بده لطفا :

اون لیبل ماژولی که کدش رو دادی ، امکانش نیست یکم ارتفاعش رو زیاد کنیم یا تیتر عنوان ماژول را وسط چین کنیم ؟

#right .sp-inner .moduletable .mod-inner h3 {background-image:url(../images/نام عکس); background-repeat:no-repeat; background-position:right}

[علی موذنی 310]

به این صورت هست که height مقدار ارتفاع هست و text-align ترازبندی است.

.sp-inner .moduletable .mod-inner h3 {height:40px; text-align:center;}