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

[emad.h]

با عرض سلام خدمت دوستان ..

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

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

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

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

[emad.h]

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

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

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

[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]

اااا

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

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

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


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

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

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

<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b> شماره 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;

}

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

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

[farhad]

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

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

[emad.h]

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

[emad.h]

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

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


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

[farhad]

كد زير رو درcss قالبتون بزاريد :


div.module h3 {
font-weight: normal;
color: #ffffff;
font-family: Tahoma, Helvetica, sans-serif;
font-size: 11px;
margin-bottom: 5px;
padding-right: 12px;
padding-bottom: 4px;
background-image: url(../images/mod.png);
background-position: bottom right;
background-repeat: no-repeat;
height: 15px;
}
table.moduletable {
width: 180px;
}
div.module {
width: 244px;
background: url(../images/model_center.png);
margin-bottom: 18px;
direction:rtl;
}

div.module div {
background: url(../images/model_bot.png) no-repeat bottom left;
}

div.module div div {
background: url(../images/model_top.png) no-repeat top left;
padding: 7px 25px 15px 12px;
}

div.module div div div {
background: none;
padding: 0;
width: auto !important;
width: 100%;
}

كد زير رو هم در index.php قالبتون :


&lt;?php mosLoadModules ( &#039;left&#039;, -3); ?&gt;

راهنماي image هاي استفاده شده در css :

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

[emad.h]

نوری جان خیلی خیلی ممنونم ..... یک سوال ؟ میتونی درباره این کد توضیحی بدی .. منظورم اینه چرا باید کد اضافه کنیم ؟

&lt;?php mosLoadModules ( &#039;left&#039;, -3); ?&gt;

من میخوام برای همه ماؤول ها عوض بشه آیا نیازی به کد هست ... باز هم ممنونم

[farhad]

توي اين تاپيك توضيح دادن : توابعي كه در ساختن قالب به درد مي خورن (<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>)