Iconic NavBar with alpha transparent PNGs (woot!)

[|oR|Greg]

This took a while to get it all right, but if you're using IE7 or FF, it looks uber sweet.

http://www.amacny.com

[BigJimTheLug]

Ooooohhh....

this is so cool.
Icons are the way to go.
I'm modifying my forum as well and I'm beginning with icons!

I like your arcade icon, it's awesome, right on target!


So, are you going to post the direction to get the icons on the navbar?

[|oR|Greg]

Well, you just edit the navbar template and put in the code for an image followed by a carriage return code, then the text. Very simple html.

[BigJimTheLug]

Originally Posted by |oR|Greg

Well, you just edit the navbar template and put in the code for an image followed by a carriage return code, then the text. Very simple html.

Oh, what is "carriage return" code?


Sorry, I'm a "noob coder."

Can you post an example of the entire code?

Thanks in advance.

[|oR|Greg]

What you'll see below is a typical NavBar entry... it's a link, not a menu, menues are slightly different, but adding the icon to it is the same no matter what kind of a link it is.

<td class="vbmenu_control"><a href="http://www.amacny.com/vb/index.php?$session[sessionurl_q]">Forums</a></td>

You'll see the difference in GREEN here.

<td class="vbmenu_control"><a href="http://www.amacny.com/vb/index.php?$session[sessionurl_q]"><img src="http://www.amacny.com/images/navbar/forums.png" border="none"><br>Forums</a></td>

The first piece is the place-holder for the image.

<img src="http://www.amacny.com/images/navbar/forums.png" border="none">

The second piece is the carriage return.

<br>

[BigJimTheLug]

Oh wow, thanks.

I appreciate it!