پسوند كلاس ماژول چیه و چکار می کنه؟

[webpen]

? :)

[firoozmandan]

همونطور که میدونید چگونگی نمایش ماژولها به فایل CSS بستگی داره ... و در حالت عادی همه ماژولها از یک تگ پیروی میکنند .
شما اگر بخواهید هر ماژول از یک کلاس خاص پیروی کنه میتونید اون کلاس رو در فایل CSS خود تعریف کنید و در این قسمت "پسوند كلاس ماژول " نام اون کلاس رو بنویسید که اون ماژول از کلاس مورد نظر استفاده کنه .

یا علی

[webpen]

میتونید اینجا یک مثال بزنید...

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

[firoozmandan]

مثلا برای ماژول نظرسنجی ما میخواییم از یه کلاس دیگه استفاده کنیم :

در فایل CSS کد زیر رو اضافه میکنیم :



table.moduletablemypoll th {

color: red;
font-size: 20px;
text-transform: uppercase;

}

table.moduletablemypoll td {

color: green;
font-weight: bold;

}



حالا در قسمت پسوند كلاس ماژول mypoll را وارد میکنیم.

به همین سادگی

یا علی

[webpen]

آقا محسن خوب بود. ولی میشه یه مثال بزنید که لینک اصلی ولینک های داخلش کادر هم داشته باشه؟ مثل تصویر

[firoozmandan]

آقا محسن خوب بود. ولی میشه یه مثال بزنید که لینک اصلی� ولینک های داخلش کادر هم داشته باشه؟ مثل تصویر


منظورتون رو متوجه نمیشم ! میشه توضیح بدین ؟

[webpen]

اونی رو که شما اون بالا مثال زدین؛
تیتر اصلی ماژول (مثلا آخرین اخبار ) قرمز رنگ و در بالا قرار میگیره و در زیرش لینک ها مشخص هستند...

اما اگر ممکنه مثالی بیارید که مثل عکس بالا تیتر داخل یه باکس باشه (مثلا بالا خکستری هست)
و لینک ها هم زیرش در باکسی دیگر (درست مثل عکس بالا)

[farhadgreat]

?

[firoozmandan]

<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>

هیچ تفاوتی نمیکنه ...
تنها باید CSS مطابق میلتون تغییر کنه که متاسفانه از بحث ما خارجه

برای تسلط روی CSS نظر شما رو به لینک بالا جلب میکنم.

یا علی

[z-tazekar]

من یک ماژول جدید ایجاد کردم و یک کلاس ماژول هم براش درست کردم .
تنها مشکلم در ایجاد هدر برای این ماژوله:
<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>
قسمت های مختلفی که برای کلاسم هم درست کردن به این شکله:


table.moduletablepool a ,table.moduletablepool a:visited {
padding: 0;
margin: 2px 5px 0px 2px;
padding-right: 10px;
display: block;
color: #000000;
font-weight: normal;
text-decoration: none;
direction:rtl;
text-align:right;

}
table.moduletablepool a:hover {
color: #FF8901;
}

table.moduletablepool h1 {
margin: 0;
padding: 3px 10px 13px 0px;
color: #252525;
background: url(../images/right-h3-bg.gif) no-repeat bottom right #F5F5F5;
font-size: 100%;
font-weight: bold;
text-transform: uppercase;
}



نمی دونم چرا در هدر ماژول اتفاقی نمی افته.

[abtin]

به جاي table.moduletablepool h1 از table.moduletablepool th استفاده كنيد .

[z-tazekar]

درست شد. ممنون

[tadbir]

سلام

لطفا میشه توضیح بدید که لینک زیر چه مواردی رو در پسوند کلاس ماژول داره توضیح میده ؟
با تشکر
<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>