[Hugo Holbling]

Originally Posted by nascartr

Do you mind sharing how you edited your drop down menus to show icons? Thanks!

Sure. The basic idea is to just add this code to every vbmenu_option you want to show an icon:

<img src="$stylevar[imgdir_misc]/usercp_icons/**image_goes_here**.png">&nbsp;

... where your image selection replaces "**image_goes_here**", obviously. For example, if you want to edit the Quick Links menu then edit the navbar template. The first item in the menu is "Today's Posts".

Find:

<if condition="$vboptions['enablesearches']"><tr><td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=getdaily">$vbphrase[todays_posts]</a></td></tr></if>

Replace with:

<if condition="$vboptions['enablesearches']"><tr><td class="vbmenu_option"><img src="$stylevar[imgdir_misc]/usercp_icons/page_white_copy.png">&nbsp;<a href="search.php?$session[sessionurl]do=getdaily">$vbphrase[todays_posts]</a></td></tr></if>

The bolded part is what was added and it has "page_white_copy.png" because that's the famfamfam silk icon I chose to represent "Today's Posts"; you might want to use something else. Obviously each of the icons you use has to be uploaded to images/misc/usercp_icons.

You repeat this for each instance and you can do this for literally every drop-down menu option, which is what I have for all of my navbar and for every other drop-down. I've attached an image of my search and PM drop-downs as other examples. It might be overkill for other people but I like how it looks.

One thing to note is that if you have any modifications that automatically insert menu options on your navbar or in the Quick Links menu then you need to add the icon code to those also. For example, if you have vB Blog and you opt for a link in your navbar, this is the blog_navbar_link template:

<tr>
	<td class="thead">$vbphrase[search_blogs]</td>
</tr>
<tr>
	<td class="vbmenu_option" title="nohilite">
		<form action="blog_search.php?$session[sessionurl]do=dosearch" method="post">
			<input type="hidden" name="s" value="$session[sessionhash]" />
			<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
			<input type="hidden" name="do" value="dosearch" />
			<input type="hidden" name="quicksearch" value="1" />
			<div><input type="text" class="bginput" name="text" size="25" tabindex="2003" /><input type="submit" class="button" value="$vbphrase[go]" tabindex="2004" /></div>
		</form>
	</td>
</tr>
<if condition="$vboptions[vbblog_tagging]">
<tr>
	<td class="vbmenu_option"><a href="blog_tag.php$session[sessionurl_q]" rel="nofollow">$vbphrase[tag_search]</a></td>
</tr>
</if>
<tr>
	<td class="vbmenu_option"><a href="blog_search.php?$session[sessionhash]do=search">$vbphrase[advanced_search]</a></td>
</tr>

You can then add the icon code in two places so it then looks something like this:

<tr>
	<td class="thead">$vbphrase[search_blogs]</td>
</tr>
<tr>
	<td class="vbmenu_option" title="nohilite">
		<form action="blog_search.php?$session[sessionurl]do=dosearch" method="post">
			<input type="hidden" name="s" value="$session[sessionhash]" />
			<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
			<input type="hidden" name="do" value="dosearch" />
			<input type="hidden" name="quicksearch" value="1" />
			<div><input type="text" class="bginput" name="text" size="25" tabindex="2003" /><input type="submit" class="button" value="$vbphrase[go]" tabindex="2004" /></div>
		</form>
	</td>
</tr>
<if condition="$vboptions[vbblog_tagging]">
<tr>
	<td class="vbmenu_option"><img src="$stylevar[imgdir_misc]/usercp_icons/tag.png">&nbsp;<a href="blog_tag.php$session[sessionurl_q]" rel="nofollow">$vbphrase[tag_search]</a></td>
</tr>
</if>
<tr>
	<td class="vbmenu_option"><img src="$stylevar[imgdir_misc]/usercp_icons/cog.png">&nbsp;<a href="blog_search.php?$session[sessionhash]do=search">$vbphrase[advanced_search]</a></td>
</tr>

Again, the bold part is what I added and you may prefer to use different icons.

If it would help, maybe I can put together all my edits and release them here or separately. I don't make any pretense of this code being good or optimal; it just works for me on a small forum.