Modificar aparência do menu

Qual é minha questão:
Gostaria que alguem criase 1 menu bem legal assim
este que esta na imagem quando o mouse passa ele tipo que afunda muito bem trabalhado alguem faz 1 assim pra mim que divida (LOGO DEPOIS MENU DEPOIS CONTEUDO) SE ENTENDEU ME AJUDE

Imagens do meu problema:
https://2img.net/r/ihimizer/img18/9103/32323232g.png

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

Versão do meu fórum:
PHPBB3

Olá,

Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>
Cole o seguinte código:

Código:

.navbar ul.navlinks li a{bottom:-22px;color:#fff!important;font-family:arial;font-size:14px;margin:5px;position:relative;text-shadow:#000 1px 1px 1px}#page-header .navbar ul.navlinks li a:hover{color:#DCF9FF!important;text-shadow:#000 -1px -1px 1px}#page-header .navbar ul.navlinks{background:url(http://i66.servimg.com/u/f66/11/96/49/61/meniu12.png) no-repeat 51% 0;height:50px;left:-37px;position:relative;width:1012px}

Até mais!

Olá!

Para que o menu funcione corretamente você deve alternar os botões dele do modo imagem para o modo texto.
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-attachment:scroll;background-clip:border-box;background-color:white;background-image:none;background-origin:padding-box;bottom:auto;clear:both;color:#222;display:block;font-family:'trebuchet MS', 'trebuchet MS';font-size:10px;height:60px;margin-bottom:0px;margin-left:32px;margin-right:0px;margin-top:0px;padding-bottom:0px;padding-left:10px;padding-right:10px;padding-top:0px;position:static;text-shadow:none}#page-header ul.linklist.navlinks{background-attachment:scroll;background-clip:border-box;background-color:transparent;background-image:url(http://i49.servimg.com/u/f49/15/29/79/25/meniu111.png);background-origin:padding-box;background-position:center center;background-repeat:no-repeat;border-bottom-color:white;border-bottom-style:solid;border-bottom-width:0px;bottom:auto;clear:none;color:#222;display:block;font-family:'trebuchet MS', 'trebuchet MS';font-size:10px;font-weight:bold;height:50px;line-height:normal;list-style-type:none;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;opacity:1;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;position:relative;text-align:center;text-shadow:none}#page-header ul.linklist.navlinks li{background-attachment:scroll;background-color:transparent;background-image:none;border-bottom-color:#222;border-bottom-style:none;border-bottom-width:0px;bottom:auto;clear:none;color:#222;display:inline;float:none;font-family:'trebuchet MS', 'trebuchet MS';font-size:11px;font-weight:bold;height:0px;line-height:24px;list-style-type:none;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;opacity:1;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;position:static;text-align:center;text-shadow:none}a.mainmenu{background-attachment:scroll;background-color:transparent;background-image:none;border-bottom-color:white;border-bottom-style:none;border-bottom-width:0px;bottom:-22px;clear:none;color:white;cursor:auto;display:inline;float:none;font-family:arial;font-size:14px;font-weight:bold;height:0px;line-height:24px;list-style-type:none;margin-bottom:5px;margin-left:5px;margin-right:5px;margin-top:5px;opacity:1;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;position:relative;text-align:center;text-decoration:none;text-shadow:black 1px 1px 1px}#page-header .navbar ul.navlinks li a:hover{color:#EFEFEF;text-shadow:black -1px -1px 1px}

Salve.

Até mais.

tbm queria assim ja resolvir
luciano vlw creio se o sula usar o codigo css do luciano fucione

jeffrey a sua esta otima tbm usei as 2 fucionaram perfeitamente.
+ pros 2

Isto funciona mesmo em fóruns PhpBB2?

Testei em meu fórum e não funcionou rsrs

King Gz; escreveu:Isto funciona mesmo em fóruns PhpBB2?

Testei em meu fórum e não funcionou rsrs

O fórum dele é PhpBB3, mas ele colocou no tópico PhpBB2. Já editei no tópico para PhpBB3.
Talvez seja possivel fazer esse efeito no menu da versão PhpBB2, porém esse código que eu passei não funciona nela.

Até mais.

Totalmente funcional pode feixar o topico