Dropdown Menu On MyBB

Dropdown Menu On MyBB. To make dropdownn menus and tutorials please follow the instructions below.

• Note if you have any javascript conflicts on your board already this will not work until you sort them.
• Copy your header and headerinclude template text with notepad++ in case you ever want to revert to your original menu
• Upload the contents of the [ MyBB ] Dropdown Menu folder to root

All files and instructions included in package.Enjoy.

Tutorials and instructions :

Upload the folders included.if you already have these folders
on your server just transfer the contents of those folders.

then goto acp/templates and styles/your template you want menu on/header template


Find and delete something similar to:

<div class="menu">
                <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>

Find:

<div id="header">

 Add under it:

<div id="templatemo_menu" class="ddsmoothmenu">
        <ul>
            <li><a href="index.html" class="selected"><span></span>Home</a></li>
            <li><a href="about.html"><span></span>About</a>
                <ul>
                    <li><a href="your redirect url/page/1">Sub menu 1</a></li>
                    <li><a href="your redirect url/page/2">Sub menu 2</a></li>
                    <li><a href="your redirect url/page/3">Sub menu 3</a></li>
                    <span></span>
                </ul>
            </li>
            <li><a href="portfolio.html"><span></span>Portfolio</a>
                <ul>
                    <li><a href="your redirect url/page/1">Sub menu 1</a></li>
                    <li><a href="your redirect url/page/2">Sub menu 2</a></li>
                    <li><a href="your redirect url/page/3">Sub menu 3</a></li>
                    <li><a href="your redirect url/page/4">Sub menu 4</a></li>
                    <li><a href="your redirect url/page/5">Sub menu 5</a></li>
                    <span></span>
                </ul>
             </li>
             <li><a href="blog.html"><span></span>Blog</a></li>
             <li><a href="contact.html"><span></span>Contact</a></li>
        </ul>
        <br style="clear: left" />
</div>

save.


goto ungrouped templates/headerinclude
Add at the top:

<script language="javascript" type="text/javascript">
function clearText(field)
{
    if (field.defaultValue == field.value) field.value = '';
    else if (field.value == '') field.value = field.defaultValue;
}
</script>

<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/ddsmoothmenu.js"></script>

<script type="text/javascript">

ddsmoothmenu.init({
    mainmenuid: "templatemo_menu", //menu DIV id
    orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
    classname: 'ddsmoothmenu', //class added to menu's outer DIV
    //customtheme: ["#1c5a80", "#18374a"],
    contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

</script>

Save

Attachment

Click here to download this file

 It is Dropdown Menu On MyBB, Good Luck!

Title: Dropdown Menu On MyBB
Posted by:Stuard Van
Published :2013-09-06T10:00:00-07:00
Rating: 5
Reviewer: 5 Reviews
Dropdown Menu On MyBB

Share :

Related articles: