PDA

View Full Version : Iconic NavBar with alpha transparent PNGs (woot!)

|oR|Greg
12-20-2006, 05:54 PM
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
12-21-2006, 05:35 PM
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
12-21-2006, 05:48 PM
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
12-21-2006, 10:12 PM
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
12-21-2006, 10:28 PM
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
12-21-2006, 10:44 PM
Oh wow, thanks.

I appreciate it!