کد CSS ذوزنقه ای شکل

[goldenfont 39]

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

یا اگر نمونش رو دارین بزارین ممنون میشم

http://s5.picofile.com/file/8116332700/ed.png

[SM-Mahdavi 5428]

سلام

http://jsfiddle.net/Hfkk7/1101/

http://jsfiddle.net/mXLgF/

[Farzad 3805]

لطفاً از عناوین صحیح استفاده کنید

عنوان ویرایش شد

قوانین

البته در صورت لزوم ، می تونید اون بخش رو بدون کد CSS هم بصورت عکس روی یک المان در background اون بزارید.

[goldenfont 39]

ممنون

متن تو عکس رو هم میشه روش بنویسید ؟

و اینکه بهترین راه برای گذاشتن عکس کنارش چیه ؟

[Farzad 3805]

بصورت عکس بزارید راحت تره و کد نویسی کمتری داره

http://www.w3schools.com/css/css_background.asp
http://www.w3schools.com/cssref/css3_pr_background.asp

+

به این صورت :

http://jsfiddle.net/farzadpro/YvHLB/

HTML :

<div class="test"></div>

CSS :

.test {
background : url('http://s5.picofile.com/file/8116332700/ed.png');
height: 42px;
width : 136px;
}

[goldenfont 39]

خب این که خیلی سادست

من میخوام روش متن باشه

فقط اون + عکس باشه

[SM-Mahdavi 5428]

خب به جای آدرس عکس در background کد رنگ رو بدین و بعد یه متن بزارید داخلش.