how do i add a background to the navbar

how do i add a background to the navbar like phpBB3 has. i have PHPBB2
EX:

Hi,

Can you provide me the link of these Forum that has the NavBar that you have provided above?

Thanks.

well heres a forum with a bar behind navbar, the thing i wanted: http://joezwiimodz.forumotion.com/

There's different answers to this:

1. Display only images in the navbar : No (ACP >> Display >> Homepage >> Header & Navigation.

2. It may be due to the Skin (theme)

well heres the CSS script for PunBB, can u somehow make this apply for PHPbb2:

Code:

#pun-head #pun-navlinks {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
    background-color: #304154;
    background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/pun-na10.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 1px solid #1E2831;
    height: 28px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

PLEASE REPLY

Bump, sorry about double posts

Hi!

You said your forum version is phpBB2, so: Go to Administration Panel => Display => Templates => General => overall_header => => Find this:

Code:

            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>

and replace with:

Code:

            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}" class="navbar">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>

Save, then publish template

Then go to Administration Panel => Display => Pictures and colors => Colors => CSS Stylesheet, and add:

Code:

.navbar{
  margin-top: 15px;
  margin-bottom: 15px;
  width: 100%;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
  background-color: #304154;
  background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/pun-na10.png");
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: repeat-x;
  border: 1px solid #1E2831;
  height: 28px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  height: 40px !important;
}

Save!

thanks!

Glad I could help.