Editar as barras de menu e personifica-las

Qual é minha questão:
Quero deixar as barras de menus identicas a desse fórum: http://www.haxball.pt/ , apenas para poder editar e mudar o nome das sub-abas.

Versão: PhpBB 3

Endereço do meu fórum:
http://cbfhaxball.forumeiros.com

Versão do fórum:
PHPBB3

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle :seta:Visualização :seta:Imagens e Cores :seta:Cores :seta:Folha de estilos CSS

Código:

.navbar{background:url(http://www.haxball.pt/public/style_images/Neat_images/bg-cat-menu.jpg) repeat-x center bottom;border-bottom:1px solid #DDD;border-top:1px solid #DFDFDF;height:47px;margin-left:-27px;width:102.6%}a.mainmenu{font-family:Arial, Helvetica, sans-serif;font-size:13px;font-weight:700;line-height:35px;padding-left:10px}ul.linklist li{border-left:1px solid #FFF;border-right:1px solid #DDD;margin:0}#search-box #keywords{-moz-border-radius:3px 4px 4px 3px;-moz-box-shadow:0 0 2px rgba(0,0,0,0.4) inset;-webkit-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:4px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:4px;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.4) inset;background:#fff;border-radius:3px 4px 4px 3px;box-shadow:0 0 2px rgba(0,0,0,0.4) inset;color:#B1A9BB;display:block;font-family:helvetica, arial, sans-serif;font-size:12px;height:26px;line-height:25px;margin-top:-41px;min-width:230px;padding:0 26px 0 4px;position:relative}p.nomargin input.button2{visibility:hidden}

Valide.

Quanto aos sub-links, isso é feito com códigos .JS, no qual não damos suporte a isso.

Até mais.

Saudações cordial membro!

Peço que retire as imagens do menu de navegação e depois coloque o código abaixo. Para à retirada do menu, vá em:
Painel de Controle Visualização Imagens e Cores Gestão das Imagens
E retire-as.

Aceda a: Painel de controleVisualização  Imagens e CoresCoresAba Folha CSS.

Código:

.mainmenu {
background: url(http://www.haxball.pt/public/style_images/Neat_images/bg-cat-menu.jpg) repeat-x center bottom;
border-bottom: 1px solid #DDD;
border-top: 1px solid #DFDFDF;
height: 47px;
}


<li> Coloque o código no inicio de teu CSS.

Valide e veja o resultado.

Abraços,
Sheldon!