How to make WordPress menu (<?php wp_page_menu(); ?>) tabbed?

How to make WordPress menu (<?php wp_page_menu(); ?>) tabbed?
Like those:http://awesomescreenshot.com/06a5p07ce

 

Via CSS stylesheet. The menu is actually an unordered list (UL) with list items (LI). One of my favorite tutorials on styling lists is Listamatic from Max Design.

 

That theme is actually just the Buddypress default theme if you want to just use that.

 

Yes ok but how you make it like that I mean I have to make it on custom theme and the answers on the net are lame or using manual generated menu
PLS help

 

You need to rework your theme stylesheet. As mentioned, the BuddyPress theme has the styling you are looking for. The Listamatic demos run you through the basics of generating CSS for different looks and gives you the details necessary.

 

Thanks guys!
So for the people that want to achieve this:

1.CSS
ul#nav {
margin: 0;
padding: 0;
right: 15px;
list-style: none;
bottom: 0;
max-width: 65%;
background: url( "images/but_1.gif" );

}
ul#nav li {
float: left;
margin: 0 2px 0 0;
text-align:center;
font-size:10px;
}
ul#nav li a {
display: block;
color: #fff;
text-decoration: none;
padding: 5px 15px;
background: url( "images/but_1.gif" );
width:66px;
height:21px;
font-family:monospace ;
}
ul#nav li.selected a, ul#nav li.current_page_item a {
background: url("images/but_1_act.gif") repeat scroll 0 0 transparent;
}
ul#nav a:focus { outline: none; }


2.PHP
<?php wp_list_pages( 'title_li=&depth=1'); ?>

 

Plus upload the two images into the images folder of your theme. ;-)

 

Did that