مشکل در عرض تصاویر در پست ها

[Mohammad Mz 263]

سلام دوستان:

وقتی تصویری با ابعاد بزرگ تو تاپیک میفرستم از کادر تاپیک بیرون میزنه و صفحه هم اسکرول دار میشه!!

چجوری عرض صفحه رو 980 بکنم؟؟

یعنی حداکثر عرض عکس 980 باشه اگر عرض عکس بیشتر بود به 980 تبدیل بشه و اگر عرض تصویر کوچک تر بود مثلا 500 همون عرض 500 نشون بده!

 

چجوری اینکار رو بکنم؟؟

 تنظیمات عکس برای این انجمن رو میشه بگین تا انجمنم رو هم مثل اینجا تنظیم کنم؟؟

 

 

عکس از تنظیمات و همون عکس که از کادر پست بیرون زده رو پیوست کردم:::::::::

 

 

[وحید نامنی 12,156]

در همون بخش تنظیمات گزینه :

Maximum height of posted media (in pixels)

Maximum width of posted media (in pixels)

رو تنظیم کنید.

[سعید نظری 1,710]

سلام دوستان:

وقتی تصویری با ابعاد بزرگ تو تاپیک میفرستم از کادر تاپیک بیرون میزنه و صفحه هم اسکرول دار میشه!!

چجوری عرض صفحه رو 980 بکنم؟؟

یعنی حداکثر عرض عکس 980 باشه اگر عرض عکس بیشتر بود به 980 تبدیل بشه و اگر عرض تصویر کوچک تر بود مثلا 500 همون عرض 500 نشون بده!

 

چجوری اینکار رو بکنم؟؟

 تنظیمات عکس برای این انجمن رو میشه بگین تا انجمنم رو هم مثل اینجا تنظیم کنم؟؟

 

 

عکس از تنظیمات و همون عکس که از کادر پست بیرون زده رو پیوست کردم:::::::::

 

04-07-2014 05-53-15 ص.png

 

04-07-2014 06-13-50 ص.png

 

 

ازین روش هم میتونید استفاده کنید:تو اخر ipb_styles.css کد زیر رو اضافه کنید.با کوچیکتر کردن عرض مرورگر تصاویر پست ها هم مطابق با اون ریسایز میشن تا از کادر نزنه بیرون.نمونه هم همین سایت که میتونید تست بفرمایید.عرض مرورگر رو تو همین تاپیک کوچیکتر کنید و تغییراتو مشاهده کنید.

 

نیازی به افزودن کد های جی کوئری هم نیست برای این مورد.

.post img {
max-width: 100% !important;
height: auto !important;
}

[Mohammad Mz 263]

هر دو انجام دادم ولی باز هم مثل اوله.

[وحید نامنی 12,156]

قالب رو recache کنید. کدهای css کش نشدند.

[Mohammad Mz 263]

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

لطفا به آدرس زیر برید و عکس رو ببینید که دیگه از کادر بیرون زده یا نه!

http://forums.bando.ir/topic/30-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D8%AC-%D8%A7%D9%84%D9%81%D9%88%D8%AA%D9%88%D8%B4%D9%88%D8%A8-%D8%A7%D9%88%D9%86-%D9%84%D8%A7%D9%8A%D9%86-%D8%B9%D9%84%D9%89-%D8%A7%D9%84%D8%A7%D9%86%D8%AA%D8%B1%D9%86%D8%AA-%D8%A8%D8%AF%D9%88%D9%86-%D8%AA%D8%AD%D9%85/?view=getlastpost

[وحید نامنی 12,156]

قالب رو recache کنید. کدهای css کش نشدند.

دقیقا به خاطر همین مشکلی که گفتم هست. شما کد ها رو قرار میدید ولی چون safe mode روشنه یا هر مشکل دیگه ای که هست کدها درون قالبتون قرار نمی گیره. کافیه فایل css رو از داخل مرورگرتون باز کنید می بینیدکه اصلا کد سعید عزیز توش نیست !!!

دستی فایل css رو ویرایش کنید وکد رو درونش قرار بدید.

[Mohammad Mz 263]

دقیقا به خاطر همین مشکلی که گفتم هست. شما کد ها رو قرار میدید ولی چون safe mode روشنه یا هر مشکل دیگه ای که هست کدها درون قالبتون قرار نمی گیره. کافیه فایل css رو از داخل مرورگرتون باز کنید می بینیدکه اصلا کد سعید عزیز توش نیست !!!

دستی فایل css رو ویرایش کنید وکد رو درونش قرار بدید.

تو اون چند دقیقه اون کد حذف کردم بدون کد میشه چون گفته شما دیگه انجام داده بودم.

حالا دوباره کد قرار دادم.

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

SAFE MODE خاموشه.   

[Mohammad Mz 263]

دوباره سلام !!

آقا سعید این کد که دادین از همون موقع ریختم ولی هنوز هم کار نمیکنه !! 

مثلا برید این مطلب : http://forums.bando.ir/topic/6-%D8%A3%D9%84%D9%85%D8%A7%D9%86%D9%8A%D8%A7-%D8%A8%D8%B7%D9%84-%DA%A9%D8%A3%D8%B3-%D8%A7%D9%84%D8%B9%D8%A7%D9%84%D9%85-%D8%A7%D9%84%D9%85%D9%88%D9%86%D8%AF%D9%8A%D8%A7%D9%84-2014/

وقتی عرض کم تر میکنی تاثیر روی تصویر نداره و همون اندازه قبلی میمونه !!

میشه دقیق این ریسایز رو مثل تصاویر موجود در سایت ورد پرس بکنید ؟؟

مثل این مطلب در موجود در سایت وردپرس http://bando.ir/?p=891  وقتی صفحه رو کوچک میکنم انذازه تصویر کوچک میشه میخوام اینجوری باشه!!

*ابعاد واقعی تصویر بزرگ باشه ولی برای کاربر به اندازه ی صفحه مانیتور ریسایز بشه!!

[سعید نظری 1,710]

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

 

یه عکس خیلی بزرگتر از عرض صفحه تون پیوست کنید و بدون این کد مشاهده میکنید از layout صفحه میزنه بیرون در حالیکه با این کد تا زمانی که صفحه اسکرول نخورده حتی عرض عکس خیلی هم زیاد باشه متناسب با صفحه ریسایز میشه.

 

نتیجه: همین کد  که اضافه هم کردید حله.چون اگر عکسی عرضش خیلی زیاد هم باشه اتوماتیک ریسایز میشه.

 

موفق باشید.