I would like to have three menu-items in the right-bottom corner of the header image.

home | login | contact

(white background, green textcolor and when hoovering green background with white text)

What is my best option to fix this?



http://www.de-a.nl/verslagen-dea/verslag/

You may be able to do that by adding the second menu (%cats or %pages) and positioning with CSS.

This is what I've come up with:

I added a div to the Header Area:

%bar1 %image <div class="kortmenu"><a class="kortmenulink" href="http://www.dea.nl/wp-admin/" title="inlogpagina van deA">Inloggen</a></div> %pages %bar2

With this CSS-Inserts:

/*---------kortmenu------------------*/
div.kortmenu {
z-index: 4;
position: relative;
float: right;
margin-top: -22px;
margin-right: 0px;
width: auto;
border: solid 1px #496d49;
padding: 3px;
background: #ffffff;
border: 0;
filter: alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
}
a.kortmenulink:link,
a.kortmenulink:active,
a.kortmenulink:visited{
color: #0A6F03;
text-decoration: none;
}
a.kortmenulink:hover{
background: #84B819;
}

What is your opinion on that?

It looks like it's working for you. Nice job!

Hey... If it works... go for it.