The top row of images are just small graphics I added to the navbar menu via a template edit...
The original code for example for the calendar was:
HTML Code:
<td class="vbmenu_control"><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></td>
And I changed it to:
HTML Code:
<td class="vbmenu_control"><a href="calendar.php$session[sessionurl_q]"><img src="/forums/images/nav/60_calendar.gif" alt="$vbphrase[calendar]" border="0" /><br />$vbphrase[calendar]</a></td>
I made the same edits for each of the navbar menu options... (FAQ, Community, Search, etc...)
The bottom bar is a bit more complicated, I'm not really sure I could explain it well enough so I never "released" it here but basically it's all an additional table in the navbar template... Since I had already designed individual status icons for each forum category on my forum I manually added the status icon for each forum as a link to each forum in this new table- each icon is in it's own table cell so it resizes correctly when the browser is resized.