WordPress.org

http://www.promohthree.com/

That's my site. I'd like to put a navbar in the header image (like Binary Bonsair or w-a-s-a-b-i), but I really have no clue where to start. Is this something that's too complex for a relatively naive blogger, or is there some sort of tutorial or guide I could be pointed to in order to help me out?

Thanks!

Some tutorials
http://css.maxdesign.com.au/listamatic/

And you could always take a peek on the html and css source code of Binary Bonsai and wasabi

I checked out the source on w-a-s-a-b-i, but when I tried to mimic it on my site, I just got a list of links under the header. I'll check out that link in the morning, though. Thank you for your reply.

Give the container some negative top margin.
margin-top: -30px;


Negative top margin? How do I do that?

Also, I tried putting a navbar in:

http://www.promohthree.com/

As you can see, it screwed up my Kubrick theme. Any ideas on what I did wrong?

OK, I fixed the problem with the background, but I don't know how to bump the navbar up so that it rests on the logo.

OK, looks I figured that one out too. Learning on the go, what fun!

The problems I'm having now: trying to figure out how to change the live button (I want the "live" color to move to the appropriate page when someone clicks a link, but right now it just stays lit on the home link).

http://photomatt.net/scripts/intellimenu

The problems I'm having now: trying to figure out how to change the live button (I want the "live" color to move to the appropriate page when someone clicks a link, but right now it just stays lit on the home link).

Hi!

I have the same problem (Wp1.5 & Kubrick). Tried with the above script but it does not work - it stays on the 1st item.

Pls. can someone give some more info how to get this "current page" menu?

Sincerely,
Gour

link to your site?

http://atmarama.org/gtk2hs/

I assume that is your site. Either you set all the list items to id=current or the script is doing that. With the intellimenu, you do not hard code any of the links as id=current.

Its too complicated for me to explain everything, but hopefully this'll help - http://flickr.com/groups_topic.gne?id=11725

If you copy the code from the source of Binary Bonsai, be sure to copy the appropriate piece of code from the css-file too! Without it, your nav-bar will indeed just be a small list of links with no lay out.

CSS:
[code]
#supernav {
font: bold 9px/9px Verdana, Lucida Grande, Arial, Helvetica, Sans-Serif;
position: absolute;
top: 199px;
left: 50%;
width: 720px;
margin: 0 0 0 -360px;
padding: 0 25px;
text-align: left;
display: block;
}

#supernav li {
display: inline;
margin: 0;
padding: 0;
text-transform: lowercase;
}

#supernav a {
color: #333;
background: #B5DAE7;
font-weight: normal;
height: 19px;
padding: 5px 16px;
margin: 0;
}

#supernav a:hover {
color: white;
background: #f36;
text-decoration: none;
}
[/code]

I assume that is your site. Either you set all the list items to id=current or the script is doing that. With the intellimenu, you do not hard code any of the links as id=current.

No, the script was setting every item to "current" and therefore it produced effect that all items had bold font.

Now I removed the script so you can see how the plain menu is working - now the nav menu is giving just hover effect.

My header.php looks like:
<div id="navbar">
<ul id="navbarlinks">

<li><a href="/gtk2hs/screenshots/" title="Screenshots">Screenshots</a></li>
</ul>
</div>

So the question is where I include intellimenu script (I assume after <div id="navbar"> tag) and how does the script look like?

After some fiddling with it, I feel it's the problem in preg_match('/href="([^"]+)"/', $line, $url);/code>, i.e. it does not create correct $url.