Como mudar os botões iguais á esses ?

Qual é minha questão:
Gostaria de saber como mudar os Botões = " Inicio Portal .. " iguais á esses desse fórum ( abaixo ) . E também como faz para aquela ' setinha ' de quando bota o mouse em cima dos botões , aparecer .

www.brasilgameworldrpg.forumeiros.com

Obrigado .

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

Versão do fórum:
PHPBB3

Olá!
Aceda a Folha de Estilo CSS:

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

Código:

Código:

#page-header .navbar ul.linklist.navlinks{ width:102.4%;left:-1.2%;background:url(http://i.imgur.com/uZ3pX.png) top left repeat-x;height:42px}a.mainmenu{color:white!important;height:35px;display:inline-block;margin:0px!important;background:url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) 100% 44% no-repeat;padding-right:10px;padding-top:7px}a.mainmenu:hover{background:url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) 100% 44% no-repeat,url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) top center no-repeat}

e Valide!

Até mais.

BrunoH. escreveu:Olá!
Aceda a Folha de Estilo CSS:

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

Código:

Código:

#page-header .navbar ul.linklist.navlinks{ width:102.4%;left:-1.2%;background:url(http://i.imgur.com/uZ3pX.png) top left repeat-x;height:42px}a.mainmenu{color:white!important;height:35px;display:inline-block;margin:0px!important;background:url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) 100% 44% no-repeat;padding-right:10px;padding-top:7px}a.mainmenu:hover{background:url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) 100% 44% no-repeat,url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) top center no-repeat}

e Valide!

Até mais.

Ficou meio estranho ;/ , eu queria que ficasse igual ao do fórum que passei ( www.brasilgameworldrpg.forumeiros.com ) , tenho a imagem aqui .

Esse do código ficou embaixo e os outros botões em cima .

Aqui á imagem : https://2img.net/r/ihimizer/img7/4107/kbcoz.png

Olá!
Desculpe, esqueci de lhe avisar para o senhor desativar a tal função para retirar as imagens, aceda a:

Painel de Controle Visualização Imagens e Cores Gestão das Imagens Modo avançado

Retire todas as imagens do menu e salve.

Até mais.

BrunoH. escreveu:Olá!
Desculpe, esqueci de lhe avisar para o senhor desativar a tal função para retirar as imagens, aceda a:

Painel de Controle Visualização Imagens e Cores Gestão das Imagens Modo avançado

Retire todas as imagens do menu e salve.

Até mais.

Deu certo , botei lá com a imagem que eu queria .

Porém , ficou meio desalinhado .. veja lá no meu fórum : www.blackzfamily.forumeiros.com

Se puder me ajudar á alinhar ou se tivr algum tutorial , avisa .

Boas noites,

Retire as imagens, deixando só as letras para deixar tudo certo. Esse tipo de menú não se aconselha deixando as imagens.

Cumprimentos, Chinas .