كيف اجعل صورة القسم عند الضغط عليها تنقلني له تفضل :

   <div align="center" dir="{$_CONF['info_row']['content_dir']}">
    {if {$SHOW_SUB_SECTIONS}}
    <!-- START_TABLE_SUB_SECTIONS -->
    <table border="0" width="98%" cellpadding="0" class="border_forums">
    <tr align="center">
    <td class="tcat" align="center" colspan="{$colspan_mod}">
    {$lang['forum_sub']} : {$Section_Title}
    </td>
    </tr>
    {/if}
    {Des::foreach}{forums_list}{forum}
    {if {$forum['parent']} == 0}
    {if {$forum['sort']} != 1}
    </table>
    <!-- END_TABLE_SUB_SECTIONS -->
    
    {/if}
    <!-- START_TABLE_SECTIONS -->
    <table border="0" cellspacing="0" width="98%" align="center" class="border_radius">
    <tr align="right">    
    <td width="1%" class="forumtcatright">
    <span class='l-left'><a href="javascript:switchMenuNone('id_{$forum['id']}')"><img border="0" alt="collapse" class="full_image" src="{$image_path}/collapse_b.gif" width="17" height="16" /></a> </span>
     </td>
    <td class="forumtcat" width="50%">
    <a href="index.php?page=forum&show=1&id={$forum['id']}">
    {$forum['title']}</a>
    </td>
    <td class="forumtcat" width="43%" align="center">
    {$lang['last_subject']}
     </td>
    <td class="forumtcatleft" width="6%" align="left">
     {if {$_CONF['info_row']['no_moderators']}}
    <span class='l-left'>{$lang['moderators_forum']}</span>
     {/if}
    </td>
    </tr>
    </table>
    <table border="0" width="98%" cellpadding="0" id="id_{$forum['id']}" class="border_forums">
    {/if}
    {if {$forum['parent']} != 0}
    {if {$forum['linksection']} != '1'}
    <tr align="right" class="radiusContent">
    <td class="row2" width="50%">
    {if {$forum['use_section_picture']} == '1' and{$forum['sectionpicture_type']} == '1'}
    <a href="index.php?page=forum&show=1&id={$forum['id']}">
    <img src="{$forum['section_picture']}"
    alt="{$lang['section_picture']}" /> 
    </a>    
<span class="l-left">
<a href="index.php?page=rss&section=1&id={$forum['id']}">
<img border="0" class="full_image" src="{$image_path}/section_rss.gif" width="16" height="16" alt="Rss Section" /></a>
</span>   
    {else}   
    {if {$forum['use_section_picture']} == '1' and{$forum['sectionpicture_type']} == '1'}
    <a href="index.php?page=forum&show=1&id={$forum['id']}">
    <img src="{$forum['section_picture']}"
    alt="{$lang['section_picture']}" /> 
    </a>
    {elseif {$_CONF['group_info']['write_subject']} == 0}
    <img src="{$image_path}/f_pass_unread.png"
    alt="{$lang['no_write_subject']}" width="32" height="32" />
    {elseif {$forum['last_post_date']} > {$_CONF['member_row']['lastvisit']}}
    <img src="{$image_path}/f_unread.png"
    alt="{$lang['new_posts']}" width="32" height="32" />
    {else}
    <img src="{$image_path}/f_read.png"
    alt="{$lang['no_new_posts']}" width="32" height="32" />
    {/if}
    <a href="index.php?page=forum&show=1&id={$forum['id']}">
    <span class="title_n"><strong><img src="{$image_path}/all-cat.gif" width="18" height="18" alt="title-cat" border="0" /></strong>
    <font class="title_font">{$forum['title']}</font></span></a>
    {if {$_CONF['info_row']['no_describe']}}
    {if {$forum['section_describe']} != ''}
    <div class="smallfont">
    {$forum['section_describe']}
    </div>
    {/if}
    {/if}
    {if {$forum['use_section_picture']} == 1}
    {if {$forum['sectionpicture_type']} == 2}
    <img src="{$forum['section_picture']}" alt="{$forum['section_picture']}" />
    
    {/if}
    {/if}
    {if {$forum['is_sub']}}
    {if {$_CONF['info_row']['no_sub']}}
    {$forum['sub']}
    {/if}
    {/if}
    <div>
    <span class="l-left">
    <a href="index.php?page=rss&section=1&id={$forum['id']}">
    <img border="0" class="full_image" src="{$image_path}/section_rss.gif" width="16" height="16" alt="Rss Section" /></a>
    </span>
     <img border="0" alt="subject_num" class="full_image" src="{$image_path}/chart_bar_edit.png" width="14" height="14" />
    <span class="smallfont" style="color: rgb(150, 150, 150);">
    {$lang['subject_num']} :
    </span>
    <font class="smallfont"><b>{$forum['subject_num']}</b></font>
     <img border="0" alt="reply_num" class="full_image"  src="{$image_path}/chart_bar_edit.png" width="14" height="14" />
    <span class="smallfont" style="color: rgb(150, 150, 150);">
    {$lang['reply_num']}:
    </span>
    <font class="smallfont"><b>{$forum['reply_num']}</b> </font>
    {if {$forum['forum_online']}}
     <img border="0" alt="Watched" class="full_image" src="{$image_path}/chart_bar_edit.png" width="14" height="14" />
    <font class="smallfont">
    ({$lang['Watched']}
    <b>{$forum['forum_online']}</b>
    {$lang['Guest']})
    </font>
    {/if}
    </div>
{if {$forum['num_subjects_awaiting_approval']} >0}       
<div class="smallfont" style="color: rgb(150, 150, 150);">{$lang['subjects_review']}: <b>{$forum['num_subjects_awaiting_approval']}<b></div>
{/if}
{if {$forum['num_replys_awaiting_approval']} >0}   
<div class="smallfont" style="color: rgb(150, 150, 150);">{$lang['replys_review_num']}: <b>{$forum['num_replys_awaiting_approval']}<b></div>
{/if}
{/if}
    </td>
    <td class="row1" width="43%" onclick="switchBlock('moderators_{$forum['id']}');">
    <div dir="{$_CONF['info_row']['content_dir']}" class="smallfont">

<?php if ($forum['hide_subject']  AND !$PowerBB->functions->ModeratorCheck($forum['id'])){
  ?>
      <div align="center">{$lang['speciality']}</div>
      {else}
<?php if ($forum['section_password'] !=""  AND !$PowerBB->functions->ModeratorCheck($forum['id'])){
  ?>
      <div align="center">{$lang['speciality']}</div>
      {else}             
    <span class="writer_photo_thumb">{$forum['writer_photo_thumb']}</span>     
    {if {$forum['last_subject']} != ''}
        {if {$forum['icon']} != ''}
        <img src="{$forum['icon']}" alt="{$forum['icon']}" />
        {/if}
    <a href="index.php?page=topic&show=1&id={$forum['last_subjectid']}">
    {$forum['last_subject']}</a>
    {$lang['last_writer']} {$forum['last_writer']}
    <span style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(150, 150, 150); display: inline" dir="{$_CONF['info_row']['content_dir']}">
    {$forum['last_date']}</span>
        {if {$forum['last_berpage_nm']} != ''}
        <a title="{$lang['Go_to_last_post']}"
        href="index.php?page=topic&show=1&id={$forum['last_subjectid']}&count={$forum['last_berpage_nm']}#{$forum['last_reply']}">
        <img border="0" alt="{$lang['Go_to_last_post']}"
        src="{$image_path}/lastpost.gif" width="12" height="12" class="full_image" /></a>
        {/if}
    
    {else}
    {$lang['no_post']}
    {/if}
    {/if}
    {/if}
    </div>
    </td>
    {if {$_CONF['info_row']['no_moderators']}}
    <td class="row1" align="center" width="10%">
    <a href="javascript:switchMenuNone('moderators_{$forum['id']}')" title="{$lang['moderators']}">
    <img border="0" alt="{$lang['moderators']}" class="full_image" src="{$image_path}/moderators.gif" width="30" height="15" /></a>
    <div style="display:none; left:20px;" class="drop_menu" id="moderators_{$forum['id']}">
        <div class="thead1" style="width:150px;">
        {$lang['moderators_list']}
        </div>           
        <div class="row1" style="width:150px;">
            <font class="smallfont">
            {if {$forum['moderators_list']}}
            {$forum['moderators_list']}
            {else}
            {$lang['NO_MODERATOR']}
            {/if}
            </font>
        </div>
    </div>
    </td>
    {/if}
    </tr>
    {else}
    <tr class="radiusContent">
    <td width="5%" align="center" class="row5">
    {if {$forum['use_section_picture']} == 1}
    {if {$forum['sectionpicture_type']} == 1}
    <img src="{$forum['section_picture']}" alt="section_picture" />
    {else}
    <img src="{$image_path}/f_redirect.png" alt="f_redirect" width="32" height="32" />
    {/if}
    {else}
    <img src="{$image_path}/f_redirect.png" alt="f_redirect" width="32" height="32" />
    {/if}
    </td>
    <td width="50%" align="right" class="row2" onclick="switchBlock('moderators_{$forum['id']}');">

    <a href="index.php?page=forum&show=1&
    id={$forum['id']}"><img src="{$image_path}/all-cat.gif" border="0"  alt="forumid" width="18" height="18"> {$forum['title']}</a>
    
    {if {$forum['use_section_picture']} == 1}
    {if {$forum['sectionpicture_type']} == 2}
    <img src="{$forum['section_picture']}" alt="section_picture" />
    
    {/if}
    {/if}
    {if {$_CONF['info_row']['no_describe']}}
    {$forum['describe']}
    
    {/if}
    </td>
    <td width="43%" align="center" class="row2">
    {$lang['linkvisitor']} {$forum['linkvisitor']}
    </td>
    {if {$_CONF['info_row']['no_moderators']}}
    <td class="row1" align="center" width="10%">
    <a href="javascript:switchMenuNone('moderators_{$forum['id']}')" title="{$lang['moderators']}">
    <img border="0" alt="{$lang['moderators']}" src="{$image_path}/moderators.gif" width="30" height="15" /></a>
    <div style="display:none; left:20px;" class="drop_menu" id="moderators_{$forum['id']}">
        <div class="thead1" style="width:150px;">
        {$lang['moderators_list']}
        </div>
        <div class="row1" style="width:150px;">
        <font class="smallfont">
        {if {$forum['moderators_list']}}
        {$forum['moderators_list']}
        {else}
        {$lang['NO_MODERATOR']}
        {/if}
        </font>
        </div>
    </div>
    </td>
    {/if}
    </tr>
    {/if}
    {/if}
    {/Des::foreach}
    </table>
    <!-- END_TABLE_SECTIONS -->
    </div>