MyBB Community Forums

MyBB Community Forums > Extensions > Themes > Theme Support > Dropdown menus
Full Version: Dropdown menus
You're currently viewing a stripped down version of our content. View the full version with proper formatting.

Grim Line

2009-10-25, 09:43 PM
Does anybody know of a dropdown menu i could use in my header block? Would make my life alot easier Smile.

Skiilz

2009-10-25, 10:23 PM
http://www.dynamicdrive.com/dynamicindex...thmenu.htm

http://www.dynamicdrive.com

Grim Line

2009-10-26, 11:28 AM
(2009-10-25, 10:23 PM)Skiilz Wrote: [ -> ]http://www.dynamicdrive.com/dynamicindex...thmenu.htm

http://www.dynamicdrive.com

I added the smooth menu one. When i get to this code

<h2>Example 1</h2>

<div id="smoothmenu1" class="ddsmoothmenu">
<ul>
<li><a href="http://www.dynamicdrive.com">Item 1</a></li>
<li><a href="#">Folder 0</a>
  <ul>
  <li><a href="#">Sub Item 1.1</a></li>
  <li><a href="#">Sub Item 1.2</a></li>
  <li><a href="#">Sub Item 1.3</a></li>
  <li><a href="#">Sub Item 1.4</a></li>
  <li><a href="#">Sub Item 1.2</a></li>
  <li><a href="#">Sub Item 1.3</a></li>
  <li><a href="#">Sub Item 1.4</a></li>
  </ul>
</li>
<li><a href="#">Folder 1</a>
  <ul>
  <li><a href="#">Sub Item 1.1</a></li>
  <li><a href="#">Sub Item 1.2</a></li>
  <li><a href="#">Sub Item 1.3</a></li>
  <li><a href="#">Sub Item 1.4</a></li>
  <li><a href="#">Sub Item 1.2</a></li>
  <li><a href="#">Sub Item 1.3</a></li>
  <li><a href="#">Sub Item 1.4</a></li>
  </ul>
</li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Folder 2</a>
  <ul>
  <li><a href="#">Sub Item 2.1</a></li>
  <li><a href="#">Folder 2.1</a>
    <ul>
    <li><a href="#">Sub Item 2.1.1</a></li>
    <li><a href="#">Sub Item 2.1.2</a></li>
    <li><a href="#">Folder 3.1.1</a>
		<ul>
    		<li><a href="#">Sub Item 3.1.1.1</a></li>
    		<li><a href="#">Sub Item 3.1.1.2</a></li>
    		<li><a href="#">Sub Item 3.1.1.3</a></li>
    		<li><a href="#">Sub Item 3.1.1.4</a></li>
    		<li><a href="#">Sub Item 3.1.1.5</a></li>
		</ul>
    </li>
    <li><a href="#">Sub Item 2.1.4</a></li>
    </ul>
  </li>
  </ul>
</li>
<li><a href="http://www.dynamicdrive.com/style/">Item 4</a></li>
</ul>
<br style="clear: left" />
</div>


<h2 style="margin-top:200px">Example 2</h2>

<div id="smoothmenu2" class="ddsmoothmenu-v">
<ul>
<li><a href="http://www.dynamicdrive.com">Item 1</a></li>
<li><a href="#">Folder 0</a>
  <ul>
  <li><a href="#">Sub Item 1.1</a></li>
  <li><a href="#">Sub Item 1.2</a></li>
  <li><a href="#">Sub Item 1.3</a></li>
  <li><a href="#">Sub Item 1.4</a></li>
  <li><a href="#">Sub Item 1.2</a></li>
  <li><a href="#">Sub Item 1.3</a></li>
  <li><a href="#">Sub Item 1.4</a></li>
  </ul>
</li>
<li><a href="#">Folder 1</a>
  <ul>
  <li><a href="#">Sub Item 1.1</a></li>
  <li><a href="#">Sub Item 1.2</a></li>
  <li><a href="#">Sub Item 1.3</a></li>
  <li><a href="#">Sub Item 1.4</a></li>
  <li><a href="#">Sub Item 1.2</a></li>
  <li><a href="#">Sub Item 1.3</a></li>
  <li><a href="#">Sub Item 1.4</a></li>
  </ul>
</li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Folder 2</a>
  <ul>
  <li><a href="#">Sub Item 2.1</a></li>
  <li><a href="#">Folder 2.1</a>
    <ul>
    <li><a href="#">Sub Item 2.1.1</a></li>
    <li><a href="#">Sub Item 2.1.2</a></li>
    <li><a href="#">Folder 3.1.1</a>
		<ul>
    		<li><a href="#">Sub Item 3.1.1.1</a></li>
    		<li><a href="#">Sub Item 3.1.1.2</a></li>
    		<li><a href="#">Sub Item 3.1.1.3</a></li>
    		<li><a href="#">Sub Item 3.1.1.4</a></li>
    		<li><a href="#">Sub Item 3.1.1.5</a></li>
		</ul>
    </li>
    <li><a href="#">Sub Item 2.1.4</a></li>
    </ul>
  </li>
  </ul>
</li>
<li><a href="http://www.dynamicdrive.com/style/">Item 4</a></li>
</ul>
<br style="clear: left" />
</div>

It worked when i added it to the index page but when i added it to the header it makes the header all messy. I only want the Folder 0 one to place under which ever section of the header i want. Heres a code i tried using to make it display IN the header section.

<div id="smoothmenu1" class="ddsmoothmenu">
<ul>
<li><a href="http://www.profifaleagues.net/portal.php">Home</a>
  <ul>
  <li><a href="#">Sub Item 1.1</a></li>
  <li><a href="#">Sub Item 1.2</a></li>
  <li><a href="#">Sub Item 1.3</a></li>
  <li><a href="#">Sub Item 1.4</a></li>
  <li><a href="#">Sub Item 1.2</a></li>
  <li><a href="#">Sub Item 1.3</a></li>
  <li><a href="#">Sub Item 1.4</a></li>
  </ul>
</li>
</ul>
<br style="clear: left" />
</div>

This doesnt work either Sad. Any ideas what code i should be using to display how ever many sub items i want under a "Home" tab?

Grim Line

2009-10-28, 12:16 PM
BUMP!

Glas

2009-10-28, 03:01 PM
BUMPing too

Adriano

2009-10-28, 04:04 PM
You should add CSS to your theme.

Grim Line

2009-10-28, 04:10 PM
(2009-10-28, 04:04 PM)Adriano Wrote: [ -> ]You should add CSS to your theme.

How would that help me?

Scoutie44

2009-10-29, 01:18 AM
Just use the default MyBB drop downs. See the postbit_edit template.

Grim Line

2009-10-29, 06:32 PM
(2009-10-29, 01:18 AM)Scoutie44 Wrote: [ -> ]Just use the default MyBB drop downs. See the postbit_edit template.

What coding would i need to use to make this have the mybb dropdown menu display as you hover over it?

<li><a href="{$mybb->settings['bburl']}/portal.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/home.gif" alt="Home" title="" </a></li>

Im kinda new to coding Confused.
MyBB Community Forums > Extensions > Themes > Theme Support > Dropdown menus