طریقه درست کردن این باکس ها

این تاپیک 2 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  sadaf ،‏ 2 ماه و 2 هفته پیش .

این تاپیک تاکنون 100 بازدید داشته است .

نویسنده پست
جمعه ، 16 سپتامبر 2016     3:49 ب.ظ #


sadaf

Subscriber
VIP
99 پست88 تاپیک

سلام

من میخوام این باکس رو  که مربوط به اسلایدر هست رو درست کنم

اما یه مشکلی دارم و در سمت راست اسلایدر که نوشته ها هست و از

عکس اسلایدر جدا میشه یک منحنی هست که من با borderradius نتونستم

چنین منحنی نرمی درست کنم باید چکار کنم؟

پیوست ها:
You must be logged in to view attached files.
0  تشکر
:: این تاپیک، پاسخ تائیدشده دارد : مشاهده پاسخ تائید شده توسط سوال کننده
جمعه ، 16 سپتامبر 2016     10:40 ب.ظ # پاسخ تائید شده توسط سوال کننده


hojat

Subscriber
95 پست3 تاپیک

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

برای ایجاد همچین منوی ابتدا شما منو را بصورت عمودی ساخته سپس باید از یک تگ span در داخل تگ li استفاده کرد و به این تگ span ویژگی هایی داد تا شبیه یک مثلث زاویه راست شود سپس با position آن را در زیر منو و راست قرار می دهیم.

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

کارهای مهمی که باید انجام بدی.

به تگ li باید position:relative بدی و با margin-right منو را کمی به راست یا چپ بکشی یا پس زمینه منو را.

تگ span با کلاس shape ایجاد کن و خصوصیات زیر رو بهش بده

مقدار عددی border-right یا -top بستگی به منو شما داره و در صورت کوچک یا بزرگ بودن میتونید تغییر بدید.
مقدار right رو دستی تنظیم کنید تا جایی که با منو شما ست بشه.
تمام کدها رو میتونی بصورت آنلاین اینجا ببینی
اگه به پاسخ سوالت رسیدی تایید پاسخ رو بزن

موفق باشید.

1  تشکر
جمعه ، 16 سپتامبر 2016     10:50 ب.ظ #


sadaf

Subscriber
VIP
99 پست88 تاپیک

خیلی ممنون از لطفتون.

خداخیرتون بده زحمت کشیدین.

0  تشکر
پست 1 تا 3 (از مجموع 3 پست)

این تاپیک پاسخ تائید شده دارد و بسته شده است .