Intégrer un nouveau menu sur MyBB

[spyto]

Comme tout template évolué de WP, il est farci de JavaScript et de JQuery !!!
Les menus déroulants et le sélecteur orange sont gérés par JQuery.

L'examen du code source de la page d'accueil WP permet de penser que le menu est de type "superfish" donc il faut intégrer dans les templates MyBB au moins les fichiers .js et le code d’initialisation JQuery de Superfixh !!!
Pas simple !

A la louche, je dirais qu'il faut au minimum :

Code PHP :

<script type='text/javascript' src='http://sandboxgames.fr/wp-includes/js/jquery/jquery.js?ver=1.8.3'></script>
<script src="http://sandboxgames.fr/wp-content/themes/Polished/js/jquery.lavalamp.1.3.3-min.js" type="text/javascript" charset="utf-8"></script>
<script src="http://sandboxgames.fr/wp-content/themes/Polished/js/jquery.cycle.all.min.js" type="text/javascript" charset="utf-8"></script>
<script src="http://sandboxgames.fr/wp-content/themes/Polished/js/superfish.js" type="text/javascript" charset="utf-8"></script>   
<script src="http://sandboxgames.fr/wp-content/themes/Polished/js/jquery.easing.1.3.js" type="text/javascript" charset="utf-8"></script>
    
<script type="text/javascript">
//<![CDATA[
 
jQuery(function(){

        jQuery.noConflict();
    
        jQuery('ul.sf-menu').superfish({
            delay:       200,                            // one second delay on mouseout 
            animation:   {'marginLeft':'0px',opacity:'show',height:'show'},  // fade-in and slide-down animation 
            speed:       'fast',                          // faster animation speed 
            autoArrows:  true,                           // disable generation of arrow mark-up 
            onBeforeShow:      function(){ this.css('marginLeft','20px'); },
            dropShadows: false                            // disable drop shadows 
        });
        
        jQuery('ul.sf-menu ul > li').addClass('noLava');
        jQuery('ul.sf-menu > li').addClass('top-level');
        
        jQuery('ul.sf-menu > li > a.sf-with-ul').parent('li').addClass('sf-ul');
        
                
        if (!(jQuery("#footer_widgets .block_b").length == 0)) {
            jQuery("#footer_widgets .block_b").each(function (index, domEle) {
                // domEle == this
                if ((index+1)%3 == 0) jQuery(domEle).after("<div class='clear'></div>");
            });
        };
        
        /* search form */
        
        jQuery('#search').toggle(
            function () {jQuery('#searchbox').animate({opacity:'toggle', marginLeft:'-210px'},500);},
            function () {jQuery('#searchbox').animate({opacity:'toggle', marginLeft:'-200px'}, 500);}
        );
        
        var $searchinput = jQuery("#header #searchbox input");
        var $searchvalue = $searchinput.val();
        
        $searchinput.focus(function(){
            if (jQuery(this).val() == $searchvalue) jQuery(this).val("");
        }).blur(function(){
            if (jQuery(this).val() == "") jQuery(this).val($searchvalue);
        });
        
    
        jQuery('ul.sf-menu li ul').append('<li class="bottom_bg noLava"></li>');
        
        var active_subpage = jQuery('ul.sf-menu ul li.current-cat, ul.sf-menu ul li.current_page_item').parents('li.top-level').prevAll().length;
        var isHome = 1; 
        
        if (active_subpage) jQuery('ul.sf-menu').lavaLamp({ startItem: active_subpage });
        else if (isHome === 1) jQuery('ul.sf-menu').lavaLamp({ startItem: 0 });
        else jQuery('ul.sf-menu').lavaLamp();
            
        
                    
            /* featured slider */
            
            jQuery('#spotlight').cycle({
                timeout: 0,
                speed: 1000, 
                fx: 'fade'
            });
            
            var $featured_item = jQuery('div.featitem');
            var $slider_control = jQuery('div#f_menu');
            var ordernum;
            var pause_scroll = false;
            var $featured_area = jQuery('div#featured_content');            
     
            function gonext(this_element){
                $slider_control
                .children("div.featitem.active")
                .removeClass('active');
                this_element.addClass('active');
                ordernum = this_element.find("span.order").html();
                jQuery('#spotlight').cycle(ordernum - 1);
            } 
            
            $featured_item.click(function() {
                clearInterval(interval);
                gonext(jQuery(this)); 
                return false;
            });
            
            jQuery('a#previous, a#next').click(function() {
                clearInterval(interval);
                if (jQuery(this).attr("id") === 'next') {
                    auto_number = $slider_control.children("div.featitem.active").prevAll().length+1;
                    if (auto_number === $featured_item.length) auto_number = 0;
                } else {
                    auto_number = $slider_control.children("div.featitem.active").prevAll().length-1;
                    if (auto_number === -1) auto_number = $featured_item.length-1;
                };
                gonext($featured_item.eq(auto_number));
                return false;
            });

                
            
            var auto_number;
            var interval;
            
            $featured_item.bind('autonext', function autonext(){
                if (!(pause_scroll)) gonext(jQuery(this)); 
                return false;
            });
            
                    
        });
//]]>
</script> 


Peut-être tout n'est pas utile. Il faudrait analyser les sources du template WP, ce qui est long et fastidieux.

On n'est plus là dans le support MyBB.

En clair il faut que tu isoles les fichiers et le code JS nécessaires au menu et que tu les intègres à headerinclude et header sans doute.

Pour ce qui est de la disposition, même si ce que je t'ai indiqué ne fonctionne pas, tu verras bien par la suite.
L'essentiel est de faire fonctionner d'abord le menu.
Bon courage.