Friday, September 6, 2013

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

Dropdown Menu On MyBB


Attachment


 It is Dropdown Menu On MyBB, Good Luck!

thumbnail 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:

1 comment :

  1. Could this be added in the header where member list and logout and other items?

    ReplyDelete