Make Categories Horizontal Instead Of Vertical and Move Upper Level

digihub

How can I make the categories horizontal instead of vertical?
And how to move all to upper level (between head and content)? Thanks in advance.

BEFORE:

Resepi Restoran Terbaik! Resepi Restoran Terbaik!

AFTER:

Resepi Restoran Terbaik! Resepi Restoran Terbaik!

digihub

Can anyone help please?

vrijvlinder

well the easiest way to do it I think is to use the categories drop down plugin and modify the script part to say display in-line and keep them visible at all times.
You might need to use some css to get it right but it could work.

'< script type="text/javascript" >
var ddmenuitem = 0;
var menustyles = { "visibility":"visible", "display":"in-line", "z-index":"9"}

function Menu_close()
{  if(ddmenuitem) { ddmenuitem.css("visibility", "visible"); } }

function Menu_open()
{  Menu_close();
   ddmenuitem = $(this).find("ul").css(menustyles);
}

jQuery(document).ready(function()
{  $("ul#Menu > li").bind("mouseover", Menu_open);
   $("ul#Menu > li").bind("mouseout", Menu_close);
});

document.onclick = Menu_close;< /script >'

digihub

Thanks @vrijvlinder. Let me try and see what happen...