Como fazer essa bara de menu?

Qual é minha questão:
Bom eu queria saber a colocar essa barra do menu


Forum que vi : http://gtatunning.forumeiros.com/forum


Print para quem nao percebeu



Endereço do meu fórum:
https://ajuda.forumeiros.com

Versão do fórum:
PHPBB3

Olá!

Poderia passar o link do seu fórum?

Até mais.

Filo hoje,


gtapersonalizado.forumeiros.com.pt


e sem querer pos o botao resolvido mas nao esta

Olá fórum é de minha autoria

Código :

Código:

 /****************MENU********************/
#page-header .navbar {
background: url(http://i41.servimg.com/u/f41/16/31/78/37/menu10.png) no-repeat center;
margin-left: -85px;
margin-right: -85px;
height: 61px!important;
}
ul.linklist {
  border-bottom: none;
}
#search-box {
  display: none;
}

#page-header .navbar a {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    text-align: center;
    text-shadow: 0 0.1em 0 #818181;
    text-transform: uppercase;
    top: 5px;
}

#page-header .navbar a:hover {
    background-color: transparent;
    background-image: url("http://i1135.photobucket.com/albums/m622/Mazeko1/HoverMenu.png");!important
    background-repeat: repeat-x;
    padding: 14px;
    background-color: none;
    border: none;
    border-radius: 0;
    text-shadow: 0 0 1px #818181;
}


/***Efeito Menu Fixo**/
#page-header .navbar{position: fixed; top: 0px; left: 0px; width: 100%;
 
 

Adicione -

Painel de controle Visualização Imagens e Cores Cores Folha de estilo (CSS)

Resulta ? Até mais , cordialmente iFasT

Olá!

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

Código:

#page-header .navbar{background:url(https://i.servimg.com/u/f41/16/31/78/37/menu10.png) no-repeat center;fancybox-tmpiframefancybox-tmpobjectvertical-align:top;height:61px!important;left:0;margin:0;padding:0;position:fixed;top:0;width:100%}ul.linklist{border-bottom:none}#search-box{display:none}#page-header .navbar a{color:#FFF;font-size:12px;font-weight:700;position:relative;text-align:center;text-shadow:0 .1em 0 #818181;text-transform:uppercase;top:5px}#page-header .navbar a:hover{background-color:none;background-image:url(https://2img.net/h/i1135.photobucket.com/albums/m622/Mazeko1/HoverMenu.png);border:none;border-radius:0;importantbackground-repeat:repeat-x;padding:14px;text-shadow:0 0 1px #818181}

Valide.

Melhores cumprimentos,
Today

Funfo mas

Olá!

Painel de Controle Visualização Home Page Cabeçalho e Navegação
Em "Exibir apenas as imagens no menu de navegação" selecione Não.
Em "Posição do menu" selecione Centralizar.

Melhores cumprimentos!

Olá!

Desculpe a demora!

---

Acede à "Folha de estilo CSS"
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

Código:

#page-header .navbar {
background: url(http://i41.servimg.com/u/f41/16/31/78/37/menu10.png) no-repeat center;
margin-left: -85px;
margin-right: -85px;
height: 61px!important;
}
ul.linklist {
  border-bottom: none;
}
#search-box {
  display: none;
}

#page-header .navbar a {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    text-align: center;
    text-shadow: 0 0.1em 0 #818181;
    text-transform: uppercase;
    top: 5px;
}

#page-header .navbar a:hover {
    background-color: transparent;
    background-image: url("http://i1135.photobucket.com/albums/m622/Mazeko1/HoverMenu.png");!important
    background-repeat: repeat-x;
    padding: 14px;
    background-color: none;
    border: none;
    border-radius: 0;
    text-shadow: 0 0 1px #818181;
}

Resulta?


Até mais.

Resolvido meu adm preferido Today !


Vlw a todos mesmo assim por terem ajudado !

Flw

Resolvido