منوی سه بُعدی برای انجمن ساز مای بی بی

کد php:
<div id="container">
        <a name="top" id="top"></a>
        <div id="header">
            <div><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
            <div>
                <ul>
                    <li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.gif" alt="" title="" />{$lang->toplinks_search}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$theme['imgdir']}/toplinks/calendar.gif" alt="" title="" />{$lang->toplinks_calendar}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$theme['imgdir']}/toplinks/help.gif" alt="" title="" />{$lang->toplinks_help}</a></li>
                </ul>
            </div>
            <hr />
            <div id="panel">
                {$welcomeblock}
            </div>
        </div>
                <navigation>
            <br />
<link rel="stylesheet" href="{$mybb->settings['bburl']}/css/3d_menu.css">
        <div>
            <h2>منوي انجمن</h2>
            <ul>
                <li><a href="{$mybb->settings['bburl']}/search.php">جستجو</a></li>
                <li><a href="{$mybb->settings['bburl']}/memberlist.php">ليست کاربران</a></li>
                <li><a href="{$mybb->settings['bburl']}/calendar.php">سال نامه</a></li>
                <li><a href="{$mybb->settings['bburl']}/misc.php?action=help">راهنما</a></li>
                <li><a href="{$mybb->settings['bburl']}/usercp.php">کنترل پنل کاربري</a></li>               
            </ul>
        </div>

        <div></div>

        <div>
            
                        {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            {$pending_joinrequests}
            <div>

        <script src="{$mybb->settings['bburl']}/js/meny.js"></script>
        <script>
            // Create an instance of Meny
            var meny = Meny.create({
                // The element that will be animated in from off screen
                menuElement: document.querySelector( '.meny' ),
                // The contents that gets pushed aside while Meny is active
                contentsElement: document.querySelector( '.contents' ),
                // [optional] The alignment of the menu (top/right/bottom/left)
                position: Meny.getQuery().p || 'right',
                // [optional] The height of the menu (when using top/bottom position)
                height: 200,
                // [optional] The width of the menu (when using left/right position)
                width: 260,
                // [optional] Distance from mouse (in pixels) when menu should open
                threshold: 40
            });
            // API Methods:
            // meny.open();
            // meny.close();
            // meny.isOpen();
            // Events:
            // meny.addEventListener( 'open', function(){ console.log( 'open' ); } );
            // meny.addEventListener( 'close', function(){ console.log( 'close' ); } );
            // Embed an iframe if a URL is passed in
            if( Meny.getQuery().u && Meny.getQuery().u.match( /^http/gi ) ) {
                var contents = document.querySelector( '.contents' );
                contents.style.padding = '0px';
                contents.innerHTML = '<div></div><iframe src="'+ Meny.getQuery().u +'" style="width: 100%; height: 100%; border: 0; position: absolute;"></iframe>';
            }
        </script></div>