a9876543210ag

سلام، چندتا سوال دارم: - با استفاده از css3 اینکارو انجام دادم. اما چطوری برای مرورگر اینترنت اکسپلورر 8 و 7 این کارو بکنم؟ با border-image اینکار نمیشه چون خود ie9 هم ساپورتش نمیکنه. - اگر بخوام منوی سمت راست قالبم که ماژول هارو داخلش فعال میکنم هم مثل مطالب سایت بکنم چطوریه؟ یعنی هر ماژولی که فعال میکنم یک کادر جدا گونه داشته باشه.

html مربوط به قسمت مطالبم : <div class="content"> <div class="content" id="title"></div> <div class="content" id="post"> <jdoc:include type="component" /> </div> </div> و کد CSS مطالب: .content { width:734px; height:auto; font-size:12px; text-align:right; margin: 0px 0px 0px 20px; float:left; direction:rtl; overflow:hidden; } .content #post .item, .contentpaneopen{ border-width: 27px 26px 46px 27px; -moz-border-image: url(../images/border.png) 27 26 46 27; -webkit-border-image: url(../images/border.png) 27 26 46 27; -o-border-image: url(../images/border.png) 27 26 46 27; border-image: url(../images/border.png) 27 26 46 27; width:734px; color:#333; font-size:12px; margin-left:4px; margin-top:7px; margin-bottom:-20px; padding-bottom:-20px; line-height:19px; direction:rtl; } .content #title ,.contentheading{ width: 665px; font-size:14px; font-weight:bold; color:#F1B24E; float:right; direction:rtl; }

راستی قسمت مطالب را درست کردم با کمک شما فقط یک تغییری میخوام بدم ولی بلد نیستم قسمت عنوان هر مطلب هم داره دور یک کادر جداگونه قرار میگیره. میخوام عنوان هر مطلب داخل کادر مطلب خودش باشه نه اینکه مثل الان مطلب تو یک کادر و عنوانشم تو یک کادر جدا

کار با سایته رو دار یاد میگرم، خب فقط دوتا سوال باقی میمونه اولی: میتونم برای موقعیت های سایت هم از .item ستفاده کنم؟ یا فقط مخصوص مطالب هست؟ دومی: میخوام داخل اون سایت width تعریف کنم برای کادری که میسازه چیکار کنم؟ یا اتوماتیک تو css تنظیم میشه ؟

css3 چون هنوز مردم خیلیاشون با ie6-7 هستن میترسم استفاده کردم برای بوردر، نظر خودتون چیه؟ و اون سایت که با عکس کار میکنه را توضیح بیشتر میدین؟ نتونستم باهاش کار کنم.

شما گفتین این مشکلو با کلاس .item میشه حل کرد. من این کلاسو ایجاد کردم و دستور border هم قرار دادم. طبق اون عکسی که گذاشتم دور هر مطلبی یک border ساخت. یعنی این کلاس item همونیه که میخوام. اما من میخوام اطراف مطالبم بجای border از یک سری عکس که مد نظرمه استفاده کنم تا گوشه ها بصورت نیمه گرد در بیاد! کد css که گذاشتم برای یک کادر کلی دور مطالبم ایجاد میکنه. که من میخوام با .item برای هر مطلب یک کادر جدا با همون عکسام ایجاد بشه امیدوارم منظورمو متوجه شده باشین

چرا دیگه جواب نمیده کسی

اینم تصویری از اون قسمت.

سلام.ممنون از کمکتون. این کدو قرار دادم کار داد. البته فقط یک بوردر فعال کردم باهاش. اما میخوام کادر بندی که انجام دادم با عکس را تنظیم کنم براش چه صورت میشه؟ کد css مربوط به مطالبم اینه: .content{ width:734px; height:auto; font-size:12px; text-align:right; margin: 0px 0px 0px 20px; float:left; direction:rtl; } .content #post, .contentpaneopen{ width:726px; height:auto; font-size:12px; text-align:right; color:#333; margin-left:4px; margin-top:7px; margin-bottom:-20px; line-height:19px; direction:rtl; } .content #tr{ background:url(../images/con_tr.png) right no-repeat; width:12px; height:17px; float:right; margin:0px 0px 0px 0px; } .content #tl{ background:url(../images/con_tl.png) left no-repeat; width:12px; height:17px; float:left; margin:0px 0px 0px -2px; } .content #trep{ border-top: 1px solid #909090; width:712px; height:17px; float:left; margin:0px 0px 0px 0px; } .content #kr{ border-left: 1px solid black; border-right: 1px solid black; margin:-1px 0px 0px -2px; } .content #bl{ background:url(../images/con_bl.png) left no-repeat; width:12px; height:14px; float:left; margin:0px 0px 0px -2px; } .content #br{ background:url(../images/con_br.png) right no-repeat; width:12px; height:14px; float:right; margin: 0px 0px 0px 0px; } .content #breap{ border-bottom: 1px solid #909090; width:712px; height:14px; float:left; margin:-1px 0px 0px 0px; } .content #krepl{ background:url(../images/con_krepl.png) repeat-y left; width:2px; float:left; margin:0; } .content #krepr{ background:url(../images/con_krepr.png) repeat-y right; height:2px; float:right; margin:0; } .content #title , .contentheading{ width:726px; font-size:14px; font-weight:bold; color:#000; float:left; margin-left:4px; margin-top:-20px; }

حرفتون منظقیه، اما من میخوام الان اون روش طولانیو انجام بدم. لطفا مراحل انجامشو بهم بگین. پیوست: من کادر بندیو انجام دادم با عکس های مورد نظرم. اما میخوام هر مطلب که ارسال میکنم یک کادر دورش کشیده بشه. آیا این پلاگین با همون کادر ساخته شده خودم اینکارو میکنه؟

آیا پلاگین هیچ مشکلی به وجود نمیاره؟ برای بهینه سازیش باید چیکار کنه خود سازنده؟ سایزها چند هست، دستورات عوض میشن ؟ و ...

بدون پلاگین به چه نحوی میشه؟ نمیخوام از افزونه های کمکی استفاده کنم

برای سازگاری قالب برای موبایل ها چه مراحلی را باید در نظر گرفت

لطفا جواب بدین