ساخت این شکل

[goldenfont 39]

سلام ، هرچی فکر کردم به نتیجه ای نرسیدم که چطور این شکل ( اون قسمت قرمز ) رو بسازم ، تو چنتا سایت دیده بودم ولی یادم نیست

* با عکس نمیخوام بسازما

[Mostafa 2587]

در اصطلاح گرافیک وب به آن ریبون Ribbon میگن.

هم با تصویر میشه ساخت و هم با css نگارش 3

این سایت ها میتونه کمکتون کنه:

http://www.css3d.net/ribbon-generator/
http://www.sitepoint.com/pure-css3-ribbons/
http://csswizardry.com/2011/02/css-powered-ribbons-the-clean-way/
http://codepen.io/jeffpowersd/pen/oaLul
http://www.andreapinchi.it/css3-ribbon/
http://css-tricks.com/snippets/css/ribbon/

[goldenfont 39]

ممنون

این لینک مفیدی بود

http://css-tricks.com/snippets/css/ribbon/

ولی بازم به ذهنم نرسید چطوری به شکلی که تو عکس هست درش بیارم !؟

[عطا 123]

بفرمائید

http://jsfiddle.net/wQKTH/54

[goldenfont 39]

خیلی ممنونم مرسی

position: absolute;

رو که حذف میکنم بهم میریزه :

http://jsfiddle.net/Lygqj/

چطوری درستش کنم ؟

ویرایش شده بهمن 92 توسط goldenfont

[عطا 123]

دوست من برای اینکه position absolute درست کار بکنه باید position دایو مادرش حتما relative باشه

شما در هر div که این رو قرار میدی position باید براش relative بزنی که درست کار بکنه

[goldenfont 39]

دوستان حالا چطوری میتونم این شکل رو بسازم ؟

فقط اون قسمتش که دایره کشیدم رو بلد نیستم

میخوام پایینش سمت راست و چپ یخورده بره اونورتر

مثل چیزی که تو عکس هست

ممنون

[سعید حسینی 2409]

دوستان حالا چطوری میتونم این شکل رو بسازم ؟

ممنون

سلام

http://css-tricks.com/better-tabs-with-round-out-borders/
http://codepen.io/jacoblwe20/pen/DxAJF