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

[tina1385]

من توی قالبم می خواستم بک گراند left و modual هایم بشکل بیضی باشه . قسمت بالای بیضی و بدنه رو انجام داده ام
ولی در ایجادقسمت پایین بیضی مشکل دارم . در بعضی از ماژول ها قسمت پایین درسته .مثل انتخاب قالب ولی در بعضی هاشون مثلا در
درنظر سنجی یا اسکرول لینکها قسمت پایینی بیضی تکرار شده. لینک در یافت قالب : [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
ممنونم می شم اساتید محترم پاسخ دهند.

[img width=157 height=480]http://www.gostarnegar.com/templates/1.JPG[/img]

[سعید]

شما این قسمت :

/* 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: "Lucida Grande", 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: "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	color: #00006a;
	text-align:center;
}

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

[tina1385]

سعید آقا کدهای مورد نظر را تغییر دادم ولی متاسفانه همون مشکل به یه شکل دیگه دیده می شه
البته در فایرفاکس درسته .ولی در ie و opera مورد داره.
اینم عکس پس از تغییرات :
[img width=213 height=480]http://tina1385.diinoweb.com/files/1.jpg[/img]

[سعید]

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

[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]




کد 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: "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	color: #00006a;
	text-align:center;
}

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

[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]



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

[tina1385]

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