نمایش عکس در کنار زیر انجمن ها، در انجمن mybb

نمایش عکس در کنار زیر انجمن ها، در انجمن mybb :

حتما در خیلی از انجمن ها، مشاهده کرده اید که کنار هر زیر انجمن، یک عکس مربوط به موضوع آن زیر انجمن نمایش داده شده است. در این مبحث یاد می گیرید که چگونه این کار را انجام بدهید.

ابتدا در قسمت ویرایش قالب، بخش Forum Bit Templates را باز کرده و سپس به بخش ویرایش forumbit_depth2_forum بروید. تمامی کدهای موجود در آن را پاک کرده و سپس کدهای زیر را بنویسید :

<tr>

<td class="{$bgcolor}" align="center" valign="middle" width="1"><img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" /></td>

<td class="{$bgcolor}" valign="top">

<table width="100%" border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}">

<tbody>

<tr>

<td class="{$bgcolor}" align="center" style="width:1px"><img src="images/forum_icons/f-{$forum['fid']}.png" /></td>

<td class="{$bgcolor}" valign="top">

{$forum['super_forum_img']}<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext"><div>{$forum['description']}</div>{$modlist}{$subforums}</div>

</td>

</tr>

</tbody>

</table>

</td>

<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$threads}{$unapproved['unapproved_threads']}</td>

<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$posts}{$unapproved['unapproved_posts']}</td>

<td class="{$bgcolor}" valign="top" align="right" style="white-space: nowrap">{$lastpost}</td>

</tr>

آنگاه تغییرات را ذخیره کنید. اکنون درون پوشه images که در پوشه نصب انجمن قرار دارد، یک پوشه (folder) به نام forum_icons می سازید که باید عکس های مورد نظرتان برای نمایش در کنار زیر انجمن ها را در این فولدر ذخیره کنید. اما نام عکس ها را باید به این صورت انتخاب کنید که شگل کلی نام هر عکس به صورت f-*.png می باشد که در آن به جای علامت * باید شماره id مربوط به زیرانجمن را بنویسید. برای فهمیدن شماره id هر زیرانجمن، تنها کافی است که به آدرس موجود در لینک آن زیرانجمن نگاه کنید، id زیرانجمن در انتهای آدرس لینک نمایش داده شده است.