گرد کردن گوشه border

[hmn566]

با سلام.
میخواستم بدونم میشه گوشه های BORDER رو با کمک css گرد کرد؟
یعنی کادری که دور ماجول ها میفته گوشه هاش گرد باشه.

یا علی

[سعید]

این کا رو با عکس زمینه می شه انجام داد. اما با border استاندارد css نه.

[hmn566]

روش ساده اش رو توضیح میدین؟
آیا باید گوشه رو عکس تعریف کنم یا عکس؟
و آیا اگر عکس بذارم مثلا در منوی راست، با افزایش تعداد آیتمها عکس به سمت پائین کش میاد؟

[Siamak]

عکس گوشه رو باید در CSS تعریف کنید. در CSS میتونید دقیقا مشخص کنید که هر فایلی در کودوم گوشه دیده بشه.

[mr_aliagha]

بهترین کار اینه که شما تو فوتوشاپ ، بردار دلخواهتون رو رسم کنید ، بعد با slice اون رو ببرید و گوشه هاشو جدا کنید ، بعد تو کلاس css مربوطه ، این ها رو کنار هم به عنوان بک گراند قرار بدید.

[amir.d]

سلام دوستان
برای گرد کردن روش های زیادی وجود داره . با عکس ، بدون عکس ، CSS/HTML ، HTML ...

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

نمونه های مختلف زیادی وجود داره (حتی با توضیح فارسی) با انواع روش ها ، فقط کافیه یه سرچ کوچولو بکنید ;)
rounded corners without images (<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>)
یه نمونه از برنامه های جالب برای این کار (کلاس و کد رو با این سایت تولید کنید ) (<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>)
انواع و اشکال مختلف (<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>)

موفق باشید

[hmn566]

عکس گوشه رو باید در CSS تعریف کنید. در CSS میتونید دقیقا مشخص کنید که هر فایلی در کودوم گوشه دیده بشه.

میشه یک کم بیشتر توضیح بدین؟
کد ها چیه و کجا باید بذارم؟



بهترین کار اینه که شما تو فوتوشاپ ، بردار دلخواهتون رو رسم کنید ، بعد با slice اون رو ببرید و گوشه هاشو جدا کنید ، بعد تو کلاس css مربوطه ، این ها رو کنار هم به عنوان بک گراند قرار بدید.

علی آقا بیشتر توضیح میدین؟

** دو پست شما یکی شد

[firoozmandan]

سلام دوستان
برای گرد کردن روش های زیادی وجود داره . با عکس ، بدون عکس ، CSS/HTML ، HTML ...

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

نمونه های مختلف زیادی وجود داره (حتی با توضیح فارسی) با انواع روش ها ، فقط کافیه یه سرچ کوچولو بکنید ;)
rounded corners without images (<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>)
یه نمونه از برنامه های جالب برای این کار (کلاس و کد رو با این سایت تولید کنید ) (<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>)
انواع و اشکال مختلف (<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>)

موفق باشید


سلام

در مطلب بالا که کاملا توضیح داده شده ... همراه با مثال !
مشکل شما چیه ؟

یا علی

[mr_aliagha]

توضیح بشتر که برابره با آموزش فوتوشاپ ، اما به نظرم وقتی با css می شه اون کارا رو کرد ، چرا آدم بره سراغ عکس؟!
تست نکردم هنوز اما به نظر که خیلی جالب میاد کارایی که با css انجام داده بود...

[hmn566]

[/quote]

سلام

در مطلب بالا که کاملا توضیح داده شده ... همراه با مثال !
مشکل شما چیه ؟

یا علی
[/quote]

1- لینک اول زمینه رو رنگی میکرد و 4 تا گوشه گرد 4 گوشه کل سایت مینداخت نه 4 گوشه ماجول
2- لیتک یعدی فقط زیمنه رو رنگی میکنه، میخوام کادر دور رنگی باشه.
3- لیناهای دیگه کاملا گیج کنندده بود و انجام نشد.

فقط یک کادر گوشه گرد میخوام دور مطلب بندازم، یعنی هیچ راه ساده و عملی نیست؟!؟!

[amir.d]

سلام دوست عزیز

برای گردکردن دور ماژول بهترین را اینکه که در کلاس table.moduletable th یه عکس قرار بدی که دو طرف بالاش گرد باشه .

و بعد در کلاس table.moduletable یه Back Ground قرار بدی که در پایین تیبل یه عکس دیگه قرار بگیره . (برعکس تصویر اول)
به این کلاس Border چپ و را یک پیکسلی بدید و تمام . ;)

موفق باشید

[سعید]

توضیح بشتر که برابره با آموزش فوتوشاپ ، اما به نظرم وقتی با css می شه اون کارا رو کرد ، چرا آدم بره سراغ عکس؟!

واسه این : :)


میخواستم بدونم میشه گوشه های BORDER رو با کمک css گرد کرد؟
یعنی کادری که دور ماجول ها میفته گوشه هاش گرد باشه.


2- لیتک یعدی فقط زیمنه رو رنگی میکنه، میخوام کادر دور رنگی باشه.

همونطور که ی بینید این کار معایبی داره. به صورت استاندارد با استفاده از css نمیشه کادر رو گرد. چون border های css معمولی هستند.
مواردی هم که آوردی شده بود، به نحوی ترفند و خلاقیت بود ( سال شکوفایی و نوآوری!)
و از دستورات html برای گردن گوشه استفاد شده. نه css
در اصل ، ساختار کار اینطور هست که قسمت هایی(سلول) تشکیل میشن یا با ارتفاع یا عرض 1 پیکسل. و هر ستون مساحت خودش رو داره.
ولی یک سلول واحد نمی شه که گوشه گرد داشته باشه.

ضمنا یک مشکل دیگه هم داره که به border ها به صورت smooth نیستند. و اینجا خیلی مشخص نیست چون زمینه داخل قسمتی که متن داخلش هست و حاشیه، با زمینه صفحه اختلاف رنگ چندانی نداره. ولی اگر اختلاف رنگ زیاد بشه، خودش رو نشون میده.

در مورد گرد کردن فقط خط دور border هم میشه. به شرط اینکه در اطراف (نقاطی که جزء خط دور هستند) سلول هایی به طول و عرض 1 تعریف بشن که کار سختی هست.

پس همون عکس ، ساده ترین، بهترین و زیباترین راه ممکن هست. ;)

[hmn566]

با تشکر از همه دوستان که با راهنمائی هاشون کمک زیادی کردن.
یک سایت پیدا کردم که خودش زحمت تولید عکس و کادر و همه چی رو میکشه و کادر رو همره با کد HTML و CSS و خود عکسهای گوشه ها میکشه.
روش بسیار راحت بود و نکته مهم اینکه کار کرد!
سایت رو اینجا میذارم تا دوستانی که در آینده به مشکل مشابه برخورد کردن براحتی بتونن این کار رو انجام بدن.
<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>
هر نوع کادری که بخواین، تو پر،تو خالی و با رنگهای مختلف برای کادر و زمینه تحویل میده.