سلام
یه قالب دیدم که وقتی نصب می کنیم بدون استفاده از ابزارک گوشه لبه های تصویر رو خودش اتوماتیک گرد میکنه
کدش چیه و کجا باید استفاده کنم؟
تصویر نمونه: http://mcfi.comyr.com/photos/0d411fdc0e6d.jpg
سلام
یه قالب دیدم که وقتی نصب می کنیم بدون استفاده از ابزارک گوشه لبه های تصویر رو خودش اتوماتیک گرد میکنه
کدش چیه و کجا باید استفاده کنم؟
تصویر نمونه: http://mcfi.comyr.com/photos/0d411fdc0e6d.jpg
اگه این کد رو به هر باکس یا عکسی در استایل اضافه کنی, لبه هاش گرد میشه:
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
اگه میشه در مورد محل اضافه کردن این کد ها بیشتر توضیح بدین
ببینید این کد رو هم میتونید توی کلاس های style.css و هم میتونید روی تمامی تصاویر استفاده کنید به این شکل :
.img {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
درود
من این کُد رو به style.css قالبم (که با برنامه Artisteer 2 طرّاحیش کردم) اضافه کردم، امّا پس از خالی کردن کش و بارگذاری سایتم، هیچ تغییری در گوشه های "هیچ" تصویری (تصاویر درون پست ها و قالب و خلاصه هیچ تصویری) ایجاد نشد..
چه بایستی کرد ؟
سپاسم
اینجوری نمیشه استایل مورد نظر شما را نوشت لطفا آدرس آنلاین بدید تا براتون استایلش را بنویسیم
بسیار عالی.
http://www.myblog.dorduneh.ir
کد زیر را آخر فایل style.css قالب قرار بدید
img {
border-radius: 7px;
}
من اینجوری توی پوشه style.css کپی کردم ولی نشد:
.img {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
img {
border-radius: 7px;
}
لطفا چک کنید:
http://www.parsafun.ir