تعویض عرض و جای ماجول و ارث بری آن

[sima_zargar]

سلام

من ماجول latest news را از left position به قسمت user4 در بالای mainbody بردم. حال باید width مربوط به table این ماجول برابر عرض mainbody بشود اما چون از کلاس moduletable مربوط به ماجول ها ارث می برد عرض آن برابر عرض ماجول های سمت چپ است.

حال آیا باید table های دور هر ماجول را داخل index.php قرار بدهم و کد آنها را از داخل css بردارم.
یا می توان دو یا چند نوع ارث بری برای ماجول ها داشت. ضمنا ماجول banner هم همین مشکل را دارد. چون دور banner به شکل نامناسبی table های ماجول را می کشد.



اگر یک reference خوب در مورد نوشتن ماجول های مبتدی تا پیشرفته می شناسید به من معرفی کنید.

پیشاپیش متشکرم

[ahmadzadeh]

سلام
مشکل شما با پسوند کلاس ماژول حل می شود
برای ماژول بنر شما باید در پسوند کلاس ماژول مورد نظر یک چیز غیر واقعی بنویسید مثلا بنویسیدdr532
برای ماژول آخرین اخبار هم اینجارا مطالعه فرمایید [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
یا علی/خداحافظ

[sima_zargar]

با سلام

آقای احمدزاده ممنون از پاسختون.
کمی دستم آمد موضوع از چه قرار است. اما در css اینچنین کدی وجود دارد :

table.moduletable {
/* styling the module table */
border-bottom-width: 0px;
margin: 0px 0px 0px 0px;
width: 184px;
}

table.moduletable th {
/* styling the module header, and the module titles */
background:url(../images/pnellefttop.gif) repeat-x;
vertical-align: middle;
height: 23px;
padding-left: 15px;
padding-right: 5px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color:#113D6D;
text-align: left;
}

/*table.moduletable td {
/* well.. for formatting the table cells of the module table */
/*background: url(../images/panelleftrightbottom.gif) no-repeat;
padding-bottom: 5px;
background-position: bottom;
padding-left: 8px;
padding-right: 5px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
}*/
td.test{
background: url(../images/panelleftrightbottom.gif) no-repeat;
padding-bottom: 10px;
background-position: bottom;
padding-left: 8px;
padding-right: 5px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
}

این کلاس آخری test با آن مشکل دارم اگر بخواهم چنین کدی را اضافه کنم :

table.moduletableMainbody1 {
/* styling the module table */
border-bottom-width: 0px;
margin: 0px 0px 0px 0px;
width: 500px;
}

table.moduletableMainbody1 th {
/* styling the module header, and the module titles */
background:url(../../test/images/maintop1.jpg) repeat-x;
vertical-align: middle;
height: 23px;
padding-left: 15px;
padding-right: 5px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color:#113D6D;
text-align: left;
}

td.moduletableMainbody1{
background: url(../images/mainbottom.jpg) no-repeat;
padding-bottom: 10px;
background-position: bottom;
padding-left: 8px;
padding-right: 5px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
}

نمی دانم کلاس test در کجای آن می گنجد. کلاس test باعث ایجاد آن عکس در پایین ماجول می شود. و در کلاس جدید آن عکس باید عوض شود. نمی دانم با این کلاس test چه کنم.


من از نظر فهم objectOriented مشکلی ندارم. اما هیچ source ای در باره پیدا نکردم که قشنگ اینها را توضیح دهد. ترجیح می دهم به جای سوال کردن سر هر کلمه ، ابتدا یک source کامل درباره css و کلاسهای ماجولها نحوه ارث بری آنها مطالعه کنم. آیا شما می توانید به من معرفی کنید؟

[sima_zargar]

در اصل می خواهم دو کلاس برای ماجول ها داشته باشم که با اضافه کردن پسوند مشخص کنم از کدام کلاس ارث می برد. آیا امکان انجام این کار در مامبو هست؟

[sima_zargar]

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