Metrostyle Icons

[Tan]

If you want to modify a current button such as "Help" to have a drop down with links then find the following in header template:

Code:

<li><a href="misc.php?action=help"><i class="icon-bookmark-4"></i><span>Help</span></a></li>

Replace with:

Code:

<li><a href="misc.php?action=help"><i class="icon-bookmark-4"></i><span>Help</span></a>
<ul class="submenu">

<li><a href="javascript:;"><i class="icon-list-2"></i>Link</a></li>
<li><a href="javascript:;"><i class="icon-list-2"></i>Link</a></li>
<li><a href="javascript:;"><i class="icon-list-2"></i>Link</a></li>
<li><a href="javascript:;"><i class="icon-list-2"></i>Link</a></li>

</ul>
</li>

To add another "More" drop down like the attached screenshot you will need to find:

Code:

<li><a href="javascript:;"><i class="icon-list-2"></i><span>More</span></a>

<ul class="submenu">

<li><a href="javascript:;"><i class="icon-list-2"></i>Link</a></li>
<li><a href="javascript:;"><i class="icon-list-2"></i>Link</a></li>
<li><a href="javascript:;"><i class="icon-list-2"></i>Link</a></li>
<li><a href="javascript:;"><i class="icon-list-2"></i>Link</a></li>

</ul>

Add below:

Code:

<li><a href="javascript:;"><i class="icon-list-2"></i><span>More</span></a>

<ul class="submenu">

<li><a href="javascript:;"><i class="icon-list-2"></i>Link</a></li>
<li><a href="javascript:;"><i class="icon-list-2"></i>Link</a></li>
<li><a href="javascript:;"><i class="icon-list-2"></i>Link</a></li>
<li><a href="javascript:;"><i class="icon-list-2"></i>Link</a></li>

</ul>