آموزش ساخت انجمن (با انجمن ساز MyBB)
۵۸ آموزش
نمایش دسته بندی ها (۵۸ آموزش)

تغییر کدهای نمایش عکس های پیوست (attachments) در زیر ارسال (در بخش ارسال - پست بیت)، به گونه ای که اگر عکس ها از عرض پنجره مرورگر بزرگتر بودند، به طور کامل در پنجره مرورگر نمایش داده شوند، در انجمن mybb (نسخه 1.8.6)

هنگامی که تعیین می کنیم عکس های بخش پیوست (attachments) با اندازه واقعی خود نمایش داده شوند، اگر عرض عکس از عرض پنجره مرورگر اینترنت بزرگتر باشد، ممکن است عکس به صورت بریده شده (تنها بخشی از آن) دیده شود (البته به کدهای قالب هم بستگی دارد). در این مبحث قصد داریم شرح بدهیم که اگر با این مشکل روبرو شدید، چگونه تعیین کنید که عکس به اندازه ای کوچکتر نمایش داده شود که کل عرض پنجره مرورگر را بپوشاند و از آن بزرگتر نباشد. به دو عکس زیر دقت کنید :

تغییر کدهای نمایش عکس های پیوست (attachments) در زیر ارسال (در بخش ارسال - پست بیت)، به گونه ای که اگر عکس ها از عرض پنجره مرورگر بزرگتر بودند، به طور کامل در پنجره مرورگر نمایش داده شوند، در انجمن mybb (نسخه 1.8.6)
تغییر کدهای نمایش عکس های پیوست (attachments) در زیر ارسال (در بخش ارسال - پست بیت)، به گونه ای که اگر عکس ها از عرض پنجره مرورگر بزرگتر بودند، به طور کامل در پنجره مرورگر نمایش داده شوند، در انجمن mybb (نسخه 1.8.6)

برای این منظور، در انجمن mybb ، به مسیر زیر می رویم :

پنل مدیریت >> قالب‌ها و پوسته‌ها >> قالب‌ها >> قالب مورد نظر >> قالب‌های پست‌بیت >> بخش postbit_attachments_images_image

کدهای این بخش، مشابه کد زیر می باشد :


<img src="attachment.php?aid={$attachment['aid']}" class="attachment" alt="" title="{$lang->postbit_attachment_filename} {$attachment['filename']}
{$lang->postbit_attachment_size} {$attachment['filesize']}
{$attachdate}"
/>&nbsp;&nbsp;&nbsp;

باید به تگ img ، مشخصه CSS زیر را اضافه کنیم :


max-width:100%;

بنابراین کدهای این بخش به صورت زیر تغییر داده می شوند :


<img src="attachment.php?aid={$attachment['aid']}" class="attachment" alt="" title="{$lang->postbit_attachment_filename} {$attachment['filename']}
{$lang->postbit_attachment_size} {$attachment['filesize']}
{$attachdate}"

style="max-width:100%;"  />&nbsp;&nbsp;&nbsp;
نویسنده علیرضا گلمکانی
شماره کلید 3443
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 0 0 0

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)