گوشه دار کردن تصاویر وب

این تاپیک 5 پاسخ و 3 مشارکت کننده دارد . آخرین آپدیت توسط :  morteza ،‏ 4 سال و 10 ماه پیش .

١۵٨٧ visibility
نویسنده پست
جمعه ، ۳ آذر ۱۳۹۱     ۳:۱۰ ب.ظ #


morteza

Subscriber
163 پست58 تاپیک

سلام یه سایتی دیدم که تصاویر وب اش کلا گوشه دار بود یا یکی دیگه هم تصاویرش بیضی بود می خواستم بدونم با کد این کارو کردن ( گوشه دار کردن ) یا موقعه گذاشتم عکس با فتوشاب انجامش دادن ؟؟؟ کلا با کد میشه اونو کارو کرد که هر تصویری میزاری گوشه دار باشه ؟؟؟؟ اگه میشه .. با چه کدی ؟؟؟

0  تشکر
جمعه ، ۳ آذر ۱۳۹۱     ۳:۳۶ ب.ظ #


لقمان آوند

مدیر ارشد
1704 پست5 تاپیک

بله با کد میشه .

این مطلب رو بخون :

خمیده کردن گوشه اشیاء در صفحات وب

2  تشکر
جمعه ، ۳ آذر ۱۳۹۱     ۳:۴۸ ب.ظ #


morteza

Subscriber
163 پست58 تاپیک

آقا لقمان خوندم ولی نشد یعنی مشکل ام اینه که نمی دونم چطوری باید اضافه کنم کد رو یعنی باید هر تص.یری که میزارم برا هر پست آدرس اش رو به این کد اضافه کنم ؟؟؟

.rounded{ border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } یا باید

چیکار کنم من می خوام فقط عکس های پست ام خمیده بشه گوشه هاش .

1  تشکر
جمعه ، ۳ آذر ۱۳۹۱     ۱۱:۳۹ ب.ظ #


طاها دریس

Authorplus
451 پست5 تاپیک

سلام.

شما باید به عکسی که میخوایید گوشه کرد بشه کلاس rounded رو بدین بعد از کد بالا رو توی فایل css یا فسمت head صفحه بذارین

1  تشکر
جمعه ، ۳ آذر ۱۳۹۱     ۱۱:۴۰ ب.ظ #


لقمان آوند

مدیر ارشد
1704 پست5 تاپیک

خوب معلومه که کامل و با دقت نخوندی . اصلا بحثی از آدرس نبود . مطلب رو دقیق بخون . متوجه میشی .

شما یه چنین چیزی به استایل هات (داخل تگ style) اضافه کنی همه ی عکسات گوششون خمیده میشه .
img {
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

2  تشکر
شنبه ، ۴ آذر ۱۳۹۱     ۱۲:۱۳ ق.ظ #


morteza

Subscriber
163 پست58 تاپیک

ممنون از هر دوتون حل شد آقا لقمان مشکل تو تگ استایل بود .

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

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