درست کردن CSS مربوط به ماژول ها

[emad.h]

[glow=red,2,300]با عرض سلام خدمت دوستان ..[/glow]

من میخوام برای ماژولها یه استیل خاص تعریف کنم . یعنی هر ماژول ها تو جعیبه خاصی قرار بگیره به این صورت :






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

در ضمن سرچ هم کردم .. فقط این تاپیک کمی راهنماییم کرد ..[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

[emad.h]

بالا

وسط که تکرار میشه

پایین

[emad.h]

سلام دوستان ..... منم مثل دیوونه ها خودم جواب خودم میدم ! میخوام تا شما زیاد زحمت نکشید آخه ..... اگه ما هر کدوممون پس از رسیدن به جواب به تاپیک برگردیم و راه حلی که پیدا کردیم رو بنویسیم دیگه اینقدر تاپیکها شلوغ و بی پاسخ نمیشه .... باز هم از مدیران انجمن تشکر میکنم..

من خودم به یه چیزای ناقصی رسیدم

برای بالای مازول

 table.moduletable th {
 	background-image: url(../images/1.jpg);
	background-repeat:repeat;
	font-size: 11px;
	color: #ffffff;
	text-align: right;
	width: 220px;
	font-weight:bold;
	padding-left:40px;
	height:42px;
	padding-top:5px;
	font-family:tahoma,verdana,arial, tahoma;
	text-transform:lowercase;
	text-indent: 10px;
}

باری وسط ماژول که تکرار میشه

table.moduletable td {
 	background-image: url(../images/2.jpg);
	font-size: 11px;
	font-weight: normal;
	text-align: right;

}

ولی برای بخش پایانیش که تو عکس بالا شماره 3 نام داره نمیدونم چجوری باید به زیرش اضافه کنم .. لطفا راهنماییم کنید .. با تشکر

[firoozmandan]

عماد جان هیچ کدوم از عکسها لود نمیشن !

[emad.h]

اااا

چشم دواره میزارم ..

این تصویر اوله :

[img width=480 height=480]http://www.ciniz.ir/123.jpg[/img]


تصاویر مربوط به بالا . پایین . وسط

شماره 1 ..... تیتر بالای ماژول

شماره 2 بدنه ماژول که تکرار میشه

شماره 3 پایین و در آخر نوشته ها قرار میگیره ...

اگه میشه راهنماییم کنید ...
فقطموندم زیر ماژول چجوری میشه شماره 3 رو چسبوند

[firoozmandan]

div.moduletable {
	margin-bottom: 0px;
	background-image:url(../images/bot.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-bottom:20px;
	padding-right:9px;
	width:185px;
}

اگر table هست هم div رو به table تغییر بده

تست کن ببین چطور میشه ...
فقط اون فایل bot.png رو توی فولدر image قالب قرار بده ...

یا علی

[emad.h]

سلام آقای فیروزمندان ...

من این هم چک کردم ولی کادر زیر ی رو نمیآره .... من همه کدی که برای table.moduletable گذاشتم میزارم یه نگاهی کنید شاید از کدهای دیگه باشه ...

table.moduletable {
	margin-bottom: 0px;
	background-image:url(../images/3.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-bottom:0px;
	padding-right:0px;
	width:220px;
}


 table.moduletable th {
 	background-image: url(../images/1.jpg);
	background-repeat:no-repeat;
	font-size: 11px;
	color: #ffffff;
	text-align: right;
	width: 220px;
	font-weight:bold;
	padding-left:40px;
	height:49px;
	padding-top:5px;
	font-family:tahoma,verdana,arial, tahoma;
	text-transform:lowercase;
	text-indent: 10px;
}



table.moduletable td {
 	background-image: url(../images/2.jpg);
  	background-repeat:repeat-y ;
	font-weight: normal;
	text-align: right;
       margin-bottom:5px;

}

با این کدها ماژول به صورت زیر نمایش داده میشه !

[farhad]

باز هم تصويريتون لود نشد.

قالب بهار رو هم در بخش دانلود پيدا كنيد و css رو چك كنيد ، بد نيست.

[emad.h]

چشم نوری جان ... نمی دونم چرا تصویر لود نمیشه !

[emad.h]

[quote author=نورى link=topic=11853.msg63461#msg63461 date=1203676677]
باز هم تصويريتون لود نشد.

قالب بهار رو هم در بخش دانلود پيدا كنيد و css رو چك كنيد ، بد نيست.
[/quote]

نوری جان قالب بهار کجاست ... من تو بخش دانلود mambo digg رفتم ولی نبود ... میشه لینکش رو بزاری...........