انجمن

انجمن وردپرس فارسی » پوسته‌ها


گرد کردن لبه تصاویر  (۹ نوشته)

  • Rohani

    آفلاین
    عضو
    تعداد نوشته‌ها: ۲۳
    تشکر شده: ۲ بار
    # نوشته شده: ۱۲ سال پیش
    ۱ مرداد ۱۳۹۱ - ۲۲:۰۷

    سلام
    یه قالب دیدم که وقتی نصب می کنیم بدون استفاده از ابزارک گوشه لبه های تصویر رو خودش اتوماتیک گرد میکنه
    کدش چیه و کجا باید استفاده کنم؟

    تصویر نمونه: 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;

  • Rohani

    آفلاین
    عضو
    تعداد نوشته‌ها: ۲۳
    تشکر شده: ۲ بار
    # نوشته شده: ۱۲ سال پیش
    ۲ مرداد ۱۳۹۱ - ۰۳:۰۷

    اگه میشه در مورد محل اضافه کردن این کد ها بیشتر توضیح بدین

  • best designer

    آفلاین
    عضو
    تعداد نوشته‌ها: ۵۵۲
    تشکر شده: ۲۸۵ بار
    # نوشته شده: ۱۲ سال پیش
    ۲ مرداد ۱۳۹۱ - ۱۱:۳۱

    ببینید این کد رو هم میتونید توی کلاس های 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;
}

  • rasoulsamadi

    آفلاین
    عضو
    تعداد نوشته‌ها: ۲۲
    تشکر شده: ۱۱ بار
    # نوشته شده: ۶ سال پیش
    ۱۹ اردیبهشت ۱۳۹۷ - ۲۰:۰۸

    من اینجوری توی پوشه 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

درباره‌ی این موضوع



برچسب‌ها

هیچ برچسبی نیست.