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

[tina1385]

من توی قالبم می خواستم بک گراند left و modual هایم بشکل بیضی باشه . قسمت بالای بیضی و بدنه رو انجام داده ام
ولی در ایجادقسمت پایین بیضی مشکل دارم . در بعضی از ماژول ها قسمت پایین درسته .مثل انتخاب قالب ولی در بعضی هاشون مثلا در
درنظر سنجی یا اسکرول لینکها قسمت پایینی بیضی تکرار شده. لینک در یافت قالب : <b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b> (<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>)
ممنونم می شم اساتید محترم پاسخ دهند.

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

[سعید]

شما این قسمت :


/* MENU MODULES STYLING
--------------------------------------------------------- */
table.moduletable {
width: 152px;
background: transparent url(../images/module_middle.jpg) left repeat-y;
margin-bottom: 10px;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #ffffff;
width: 150px;
}
table.moduletable th, div.moduletable h3 {
width: 152px;
background: transparent url(../images/module_top.jpg) top left no-repeat;
color: #2062aa;
text-align: center;
padding-left: 4px;
padding-bottom:0px;
padding-top:0px;
height: 21px;
line-height: 21px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
margin: 10px 20px 2px 0;
}
table.moduletable td {
width: 152px;
background: transparent url(../images/module_bottom.jpg) bottom left no-repeat;
font-family: &quot;Lucida Grande&quot;, Tahoma, Helvetica, sans-serif;
font-size: 11px;
color: #00006a;
text-align:center;
}


رو با این قسمت :


/* MENU MODULES STYLING
--------------------------------------------------------- */
table.moduletable {
width: 152px;
background: url(../images/module_bottom.jpg) bottom left no-repeat;
margin-bottom: 10px;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #ffffff;
width: 150px;
}
table.moduletable th, div.moduletable h3 {
width: 152px;
background: transparent url(../images/module_top.jpg) top left no-repeat;
color: #2062aa;
text-align: center;
padding-left: 4px;
padding-bottom:0px;
padding-top:0px;
height: 21px;
line-height: 21px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
margin: 10px 20px 2px 0;

}
table.moduletable tbody {
background: transparent url(../images/module_middle.jpg) left repeat-y;
}
table.moduletable td {
width: 152px;

font-family: &quot;Lucida Grande&quot;, Tahoma, Helvetica, sans-serif;
font-size: 11px;
color: #00006a;
text-align:center;
}

عو.ض کنید. مشکلتون حل میشه.

[tina1385]

سعید آقا کدهای مورد نظر را تغییر دادم ولی متاسفانه همون مشکل به یه شکل دیگه دیده می شه
البته در فایرفاکس درسته .ولی در ie و opera مورد داره.
اینم عکس پس از تغییرات :
<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>

[سعید]

خوب این یک مورد خاص هست.
شما همزمان نمی تونید برای یک تگ، دو تا عکس زمینه انتخاب کنید. یعنی یکی برای پایین و یکی برای تکرار در وسط.
مامبو هم برای پایین جداول moduletable، ردیفی رو در نظر نگرفته. بنابراین راهش این هست که یک عکس رو درنظر بگیرید که هم قسمتی رو که قراره تکرار بشه و هم پایین جدول رو داشته باشه.

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

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


کد css رو به این شکل تغییر بدید، و این عکس رو داخل پوشه template_name/images کپی کنید.


/* MENU MODULES STYLING
--------------------------------------------------------- */
table.moduletable {
width: 152px;
background: transparent url(../images/module_middle.png) bottom left repeat-y;
margin-bottom: 10px;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #ffffff;
width: 150px;
}
table.moduletable th, div.moduletable h3 {
width: 152px;
background: transparent url(../images/module_top.jpg) top left no-repeat;
color: #2062aa;
text-align: center;
padding-left: 4px;
padding-bottom:0px;
padding-top:0px;
height: 21px;
line-height: 21px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
margin: 10px 20px 2px 0;
}
table.moduletable td {
width: 152px;
font-family: &quot;Lucida Grande&quot;, Tahoma, Helvetica, sans-serif;
font-size: 11px;
color: #00006a;
text-align:center;
}


مشکلتون هم در IE6 , IE7 ,FF2 که من تست کردم برطرف میشه.

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

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

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

[tina1385]

دستتون درد نکنه .مشکلم حل شد.خیلی ممنونم :)