مثال لكود جاهز لقائمة pop Menu المستخدم في منتديات pbb
CODE
<!-- Code Menu start -->
<table border="0" width="80%" cellpadding="0" style="border-collapse: collapse">
<tr>
<td class="main_bar_links" onmouseover="this.className='main_bar_MouseOver';" onmouseout="this.className='main_bar_links';">
<a href="javascript:switchMenuNone('mohnd')"><img border="0" src="{$image_path}/menu_open.gif" title="" /> Mohnd</a>
<div style="display:none;position: absolute; z-index: 10" id="mohnd">
<div class="tcat">hello world</div>
<div class='menu_popup'><a href="index.php?page=latest&today=1">Oh hello world</a></div>
<div class='menu_popup'><a href="index.php?page=latest&today=1">Oh hello world</a></div>
<div class='menu_popup'><a href="index.php?page=latest&today=1">Oh hello world</a></div>
<div class='menu_popup'><a href="index.php?page=latest&today=1">Oh hello world</a></div>
<div class='menu_popup'><a href="index.php?page=latest&today=1">Oh hello world</a></div>
<div class="tcat">hello world</div>
<div class='menu_popup'><a href="index.php?page=latest&today=1">Oh hello world</a></div>
<div class='menu_popup'><a href="index.php?page=latest&today=1">Oh hello world</a></div>
<div class='menu_popup'><a href="index.php?page=latest&today=1">Oh hello world</a></div>
<div class='menu_popup'><a href="index.php?page=latest&today=1">Oh hello world</a></div>
<div class='menu_popup'><a href="index.php?page=latest&today=1">Oh hello world</a></div>
</div>
</td>
</tr>
</table>
<!-- Code Menu End -->
كود الإغلاق بالنقر على اي مكان في الصفحة يوضع اسفل الصفحة التي بها الكود
CODE
<div onclick="switchBlock('mohnd');">
وسم اغلاق الـ div يتم وضعه بأعلى قالب الفوتر
CODE
</div>