درست کردن CSS مربوط به ماژول ها
[glow=red,2,300]با عرض سلام خدمت دوستان ..[/glow]
من میخوام برای ماژولها یه استیل خاص تعریف کنم . یعنی هر ماژول ها تو جعیبه خاصی قرار بگیره به این صورت :
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
از دوستان خواهش میکنم حتی الامکان کمکم کنند .. از همه شما ممنونم ..
در ضمن سرچ هم کردم .. فقط این تاپیک کمی راهنماییم کرد ..[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
پاسخ : درست کردن CSS مربوط به ماژول ها
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید] بالا
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید] وسط که تکرار میشه
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید] پایین
پاسخ : درست کردن CSS مربوط به ماژول ها
سلام دوستان ..... منم مثل دیوونه ها خودم جواب خودم میدم ! میخوام تا شما زیاد زحمت نکشید آخه ..... اگه ما هر کدوممون پس از رسیدن به جواب به تاپیک برگردیم و راه حلی که پیدا کردیم رو بنویسیم دیگه اینقدر تاپیکها شلوغ و بی پاسخ نمیشه .... باز هم از مدیران انجمن تشکر میکنم..
من خودم به یه چیزای ناقصی رسیدم
برای بالای مازول
کد:
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 نام داره نمیدونم چجوری باید به زیرش اضافه کنم .. لطفا راهنماییم کنید .. با تشکر
پاسخ : درست کردن CSS مربوط به ماژول ها
عماد جان هیچ کدوم از عکسها لود نمیشن !
پاسخ : درست کردن CSS مربوط به ماژول ها
اااا
چشم دواره میزارم ..
این تصویر اوله :
[img width=480 height=480]http://www.ciniz.ir/123.jpg[/img]
تصاویر مربوط به بالا . پایین . وسط
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید] شماره 1 ..... تیتر بالای ماژول
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید] شماره 2 بدنه ماژول که تکرار میشه
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید] شماره 3 پایین و در آخر نوشته ها قرار میگیره ...
اگه میشه راهنماییم کنید ...
فقطموندم زیر ماژول چجوری میشه شماره 3 رو چسبوند
پاسخ : درست کردن CSS مربوط به ماژول ها
کد:
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 قالب قرار بده ...
یا علی
پاسخ : درست کردن CSS مربوط به ماژول ها
سلام آقای فیروزمندان ...
من این هم چک کردم ولی کادر زیر ی رو نمیآره .... من همه کدی که برای 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 مربوط به ماژول ها
باز هم تصويريتون لود نشد.
قالب بهار رو هم در بخش دانلود پيدا كنيد و css رو چك كنيد ، بد نيست.
پاسخ : درست کردن CSS مربوط به ماژول ها
چشم نوری جان ... نمی دونم چرا تصویر لود نمیشه !
پاسخ : درست کردن CSS مربوط به ماژول ها
[quote author=نورى link=topic=11853.msg63461#msg63461 date=1203676677]
باز هم تصويريتون لود نشد.
قالب بهار رو هم در بخش دانلود پيدا كنيد و css رو چك كنيد ، بد نيست.
[/quote]
نوری جان قالب بهار کجاست ... من تو بخش دانلود mambo digg رفتم ولی نبود ... میشه لینکش رو بزاری...........
پاسخ : درست کردن CSS مربوط به ماژول ها
كد زير رو در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 قالبتون :
کد:
<?php mosLoadModules ( 'left', -3); ?>
راهنماي image هاي استفاده شده در css :
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
پاسخ : درست کردن CSS مربوط به ماژول ها
نوری جان خیلی خیلی ممنونم ..... یک سوال ؟ میتونی درباره این کد توضیحی بدی .. منظورم اینه چرا باید کد اضافه کنیم ؟
<?php mosLoadModules ( 'left', -3); ?>
من میخوام برای همه ماؤول ها عوض بشه آیا نیازی به کد هست ... باز هم ممنونم
پاسخ : درست کردن CSS مربوط به ماژول ها
توي اين تاپيك توضيح دادن : [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
