انجمن


نحوه ی تغییر اندازه ی عکس از طریق CSS ?  (۷ نوشته)

  • Vahed

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

    با سلام.

    چطورید دوستان ؟ امیدوارم حالتون توپ باشه ؛

    عزیزان من توی انجمن جستجو کردم برای تغییر سایز عکس مطالب ولی همه ی مطالب پلاگین بودند.من میخوام از طریق CSS اندازه ی عکس ها رو توی ادامه ی مطالب تغییر بدم که حداکثر عرض اونها بشه 578 پیکسل که از قالب بیرون نزنه.

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

  • Mostafa

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

    سلام, اینو به style.css اضافه کنید

    img.alignright { width: 100px; height: 100px }
    img.alignleft { width: 100px; height: 100px }
    img.aligncenter { width: 100px; height: 100px }
    a img.alignright { width: 100px; height: 100px }
    a img.alignleft { width: 100px; height: 100px }
    a img.aligncenter { width: 100px; height: 100px }

    مقادیرش هم مشخصه.

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    Saeed Fard - پیمان - Vahed
  • Vahed

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

    جالب بود ممنون.ولی این تغییر سایز فقط کوچیک کردن عکس هاست.مثلا عکسی که عرضش کم و ارتفاعش زیاده توی این استایل خراب میشه.من میخوام هماهنگ عرض و ارتفاع کم بشه.عکس بد به نظر نیاد.

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

  • farspeyk

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

    ایم کد رو به کار ببرید.من هم ازش استفاده می کنم و هیچ مشکلی نداره.فقط کافیه اندازه ها رو به دلخواه تغییر بدین
    `*/
    img {
    max-width:450px;
    height:auto;
    }

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    Mostafa
  • بهرنگ

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

    معمولاً در این مورد از timthumb استفاده میکنند. مثلاً وبلاگ زیر آموزش داده که چطور از این اسکریپت استفاده کنید :

    http://wpscoop.com/Wordpress-Tutorials/Adding-TimThumb-To-Your-WordPress-Theme

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    Mostafa
  • armin3000

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

    reza2reza گفت:
    ایم کد رو به کار ببرید.من هم ازش استفاده می کنم و هیچ مشکلی نداره.فقط کافیه اندازه ها رو به دلخواه تغییر بدین
    `*/
    img {
    max-width:450px;
    height:auto;
    }

    این کد رو کجا باید استفاده کنم؟ روش شما بهتر هست یا روش استفاده از timthumb؟
    آیا میشه بعضی عکسها رو هم استثناء کرد؟ مثلا سایت من دو تا ابزارک کناری با عرض حدود ۲۰۰ px داره که توی بعضی از صفحات و پست ها فعال هست و بعضی جا ها هم نه و عرض تصاویر در این حالت متفاوت خواهد وبد.
    ممنون

  • Mostafa

    آفلاین
    ناظم
    تعداد نوشته‌ها: ۵۲۷۶
    تشکر شده: ۵۷۷۷ بار
    # نوشته شده: ۱۲ سال پیش
    ۱۶ خرداد ۱۳۹۱ - ۱۹:۴۶

    این کد رو کجا باید استفاده کنم؟ روش شما بهتر هست یا روش استفاده از timthumb؟

    در Style.css

    آیا میشه بعضی عکسها رو هم استثناء کرد؟ مثلا سایت من دو تا ابزارک کناری با عرض حدود ۲۰۰ px داره که توی بعضی از صفحات و پست ها فعال هست و بعضی جا ها هم نه و عرض تصاویر در این حالت متفاوت خواهد وبد.

    بله امکانش هست.
    میتونید برایش id یا کلاس تعریف کنید.

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