Como alterar a barra de menu

Qual é minha questão:
Trocar a aparência da barra de menu

Medidas que eu tomei para corrigir o problema:
Vir aki

Links e imagens do meu problema:
https://i.imgur.com/85cf4.png Quero deichar minha barra assim


https://i.imgur.com/6aW94.png Como ele e de verdade



Endereço do meu fórum:
gameslol.forumeiros.com

Versão do meu fórum:
PHPBB2

Olá, poderia me mandar o link do forum que viu isto?
Cordialmente.

www.bgames.com.br

Para que o interesse

Tente utilizar este Código

Código:

<span class="corners-bottom"><span></span></span></div></div><div class="navbar"><div class="inner"><span class="corners-top"><span></span></span><ul class="linklist navlinks"><li><a class="mainmenu" href="/forum"><img id="i_icon_mini_index" src="http://hitskin.com/themes/16/83/17/i_icon_mini_index.png" border="0"  hspace="2" alt="Início" title="Início" />Início</a>  </li><li><a class="mainmenu" href="#"><img src="http://cdn1.iconfinder.com/data/icons/ie_Financial_set/16/06.png" border="0"  hspace="2" alt="SHOP" title="SHOP" />SHOP</a>  </li><li><a class="mainmenu" href="/search" onclick="showhide(document.getElementById('search_menu')); return false;"><img id="i_icon_mini_search" src="http://hitskin.com/themes/16/83/17/i_icon_mini_search.png" border="0"  hspace="2" alt="Buscar" title="Buscar" />Buscar</a>  <script type="text/javascript">//<![CDATA[
var url_search = '/search';
insert_search_menu_new();//]]>
</script></li><li><a class="mainmenu" href="/register" rel="nofollow"><img id="i_icon_mini_register" src="http://hitskin.com/themes/16/83/17/i_icon_mini_register.png" border="0"  hspace="2" alt="Registrar-se" title="Registrar-se" />Registrar-se</a>  </li><li><a class="mainmenu" href="/login" rel="nofollow"><img id="i_icon_mini_login" src="http://hitskin.com/themes/16/83/17/i_icon_mini_login.png" border="0"  hspace="2" alt="Login" title="Login" />Login</a>  </li></ul><div id="search-box"><form method="get" action="/search?search_where=11" id="search"><p class="nomargin"><input type="text" name="search_keywords" id="keywords" maxlength="128" class="inputbox search" value="Buscar..." onclick="if (this.value == 'Buscar...') this.value = '';" onblur="if (this.value == '') this.value = 'Buscar...';" /><input class="button2" type="submit" value="Buscar" /></p></form></div><span class="corners-bottom"><span></span></span></div></div></div>

Olá, na verdade é um codigo CSS não HTML como o Coper mandou

Código:

.navbar {
color: #0870d1;
font-weight: bold;
font-family: "Verdana";
font-variant: small-caps;
font-variant : sVariant;
font-family: Arial;
font-size: 11px;
text-transform: uppercase;
letter-spacing: -0.5px;
}

.navbar a:hover {
text-decoration: none;
color: #0a8ee6;
}

.navbar img {vertical-align: middle; margin-top: -2px; margin-right: 1px;}
#page-header .navbar {
background-image: url("http://i55.tinypic.com/2yo3gxj.png");
padding:0px 10px;
height: 51px;
margin-top: -4px;
margin-left: -15px;
margin-right: -15px;
}

.forabg, .forumbg {
background-color: #0f528f;
background-image: url("http://i32.servimg.com/u/f32/14/52/65/41/dew10.png");
}

.navbar .corners-top ,.navbar .corners-bottom {display:none;}

.headerbar .corners-bottom ,.headerbar .corners-bottom {display:none;}

.headerbar .corners-top ,.headerbar .corners-top {display:none;}

#page-header #search-box {
display: none;
}

.navbar ul {
border : none;
}
div.navbar ul.linklist li.rightside strong a{font-weight:400}
#wrap #logo-desc img,#wrap #logo-desc p,div#page-header div.navbar,div#page-header div.navbar ul.linklist{display:none!important}


Cordialmente.

Esse que você mandou não funcionou

Olá, substitua o codigo por este

Código:

.navbar {
color: #0870d1;
font-weight: bold;
font-family: "Verdana";
font-variant: small-caps;
font-variant : sVariant;
font-family: Arial;
font-size: 11px;
text-transform: uppercase;
letter-spacing: -0.5px;
}

.navbar a:hover {
text-decoration: none;
color: #0a8ee6;
}

.navbar img {vertical-align: middle; margin-top: -2px; margin-right: 1px;}
#page-header .navbar {
background-image: url("http://i55.tinypic.com/2yo3gxj.png");
padding:0px 10px;
height: 51px;
margin-top: -4px;
margin-left: -15px;
margin-right: -15px;
}

.forabg, .forumbg {
background-color: #0f528f;
background-image: url("http://i32.servimg.com/u/f32/14/52/65/41/dew10.png");
}

.navbar .corners-top ,.navbar .corners-bottom {display:none;}

.headerbar .corners-bottom ,.headerbar .corners-bottom {display:none;}

.headerbar .corners-top ,.headerbar .corners-top {display:none;}

#page-header #search-box {
display: none;
}

.navbar ul {
border : none;
}
div.navbar ul.linklist li.rightside strong a{font-weight:400}
#wrap #logo-desc img,#wrap #logo-desc p,div#page-header div.navbar,div#page-header div.navbar ul.linklist{display:none!important}
.headerbar {
background-color: #12A3EB;
background-image: url("http://i32.servimg.com/u/f32/14/52/65/41/header10.png");
height: 100px;
margin-left: -15px;
margin-right: -15px;
color: #FFFFFF;
}

#page-header .navbar {
background-image: url("http://i55.tinypic.com/2yo3gxj.png");
padding:0px 10px;
height: 51px;
margin-top: -4px;
margin-left: -15px;
margin-right: -15px;
}

.forabg, .forumbg {
background-color: #0f528f;
background-image: url("http://i32.servimg.com/u/f32/14/52/65/41/dew10.png");
}

.navbar .corners-top ,.navbar .corners-bottom {display:none;}

.headerbar .corners-bottom ,.headerbar .corners-bottom {display:none;}

.headerbar .corners-top ,.headerbar .corners-top {display:none;}

#page-header #search-box {
display: none;
#page-header{
position:relative!important;
}
#page-header ul.navlinks{
position:absolute;
  top:-2px;
  right:50px;
  height:30px;
  width:600px;
  background:url("http://i1186.photobucket.com/albums/z362/Nerdzinhu/menu-1.png");
}


Cordialmente.

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS

Código:

Código:

#page-header .navbar{background-color:transparent}#page-header .navbar .linklist.navlinks{width: 600px;margin: auto;background: url("http://i1186.photobucket.com/albums/z362/Nerdzinhu/menu-1.png") center bottom;height: 30px;background-color: transparent;margin-top: -9px;}#page-header .navbar a.mainmenu{color: #105289;cursor: auto;display: inline;font-family: Arial;font-size: 12px;font-variant: small-caps;font-weight: bold;letter-spacing: normal;line-height: 26px;list-style-type: none;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;margin-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;text-align: center;text-decoration: none;text-transform: uppercase;}

Salve.

Até mais.