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

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

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

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

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

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

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

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

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

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

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

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

کد:

---

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 نام داره نمیدونم چجوری باید به زیرش اضافه کنم .. لطفا راهنماییم کنید .. با تشکر

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

اااا

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

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

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


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

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

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

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

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

کد:

---

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 قالب قرار بده ...

یا علی

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

من این هم چک کردم ولی کادر زیر ی رو نمیآره .... من همه کدی که برای 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;

}

---

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

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

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

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

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

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

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

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