ایجاد مستطیل با گوشه های گرد در حاشیه یک مطلب

[hadi71120000]

سلام .
آدرس زیر رو ببینید .
http://www.iranuse.com/آیکون-لایه-باز-مداد-free-psd-pencil-icons
من در سایت خودم به آدرس:
http://download4u.fagig.com/?p=253#more-253
از این پوسته استفاده کردم . همانطور که می بینید در سایت اصلی یه سری مستطیل با گوشه های گرد در فهرست مطالب و tag های سایت هست . می خواستم بدونم یه کسی که css بلد نیست چطور باید این قابلیت رو در سایت خودش بوجود بیاره ؟

 

[restles20]

دوست عزیز تنها راهش اینه که خودتون عکس background مستطیل ها رو تو برنامه فتوشاپ اون طوری که مد نظرتون هست (گوشه های گرد) طراحی کنید اما بهترین و حرفه ای ترین راه استفاده از دستورات css 3 هستش البته یه ایراد کوچولو داره و اونم اینه که در مرورگر اینترنت اکسپلورر 8 و پایین تر این دستورات پشتیبانی نمیشن اما یه راهکار ساده برای رفع این مشکل هم وجود داره که باز هم دستورات css هستن

 

[1mdfr]

باسلام

شما باید از کد هک css استفاده کنید به قول دوست بالا تو مرورگر اکسپلورر 8به پایین عمل نمی کنه.
مثل این چند کد.
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
border-radius: 5px;
-webkit-border-radius: 5px;
به جای 5px,6px عدد خود را بگذارید مثلا 2px
موفق باشید

 

[hadi71120000]

من براتون فایل های css رو گذاشتم هر طور که صلاح میدونید اصلاحش کنید

 

[1mdfr]

باسلام

شما می تونید با اون کد ها گوشه های زیبا درست کنید نیازی نیست ما اصلاح کنیم در css برای یک دیو آخرش این ها را اضافه کنید که مثلا از چپ چقدر گوشه ی گرد ایجاد شود موفق باشید

 

[echessdesign]

درود بر شما
می تونید به صورت آنلاین درست کنید...