Menu Forum

[Lost_.]

Qual é minha questão:
Olá Tenho Uma Pequena Duvida Gostaria De Saber Como Deixar o Menu Do  Fórum Assim 

Link: https://i.imgur.com/c9jBZo4.png

Endereço do meu fórum:
faf-team.forumeiros.com

Versão do fórum:
PHPBB3

[iDexter]

'-', Simples vai no seu Fórum escolhe um tema com a mesma coisa..

Versão PunBB tem alguns.

Versão PunBB3 tem vários.

[Lost_.]

Mas Ai Acho Que Iria Bagunçar Meu Fórum é CSS    Deu Trabalho...

[Sennior]

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber: Regras do Fórum, e o que você não deve fazer neste fórum. Os demais fóruns de Suporte Forumeiros Lista de Tutoriais e astúcias e Questões frequentes. Conheça a Staff do Fórum dos Fóruns. Conheça a função Busca.

Olá amigo!

Onde viu tal função? Digo o link do fórum?

Até mais.

[Lost_.]

Claro Esse Aqui srdteam.forumeiros.com

[MateusA]

Olá!

Aceda á "Folha de Estilos CSS":
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilos CSS
Adicione o seguinte código no inicio da sua "Folha de Estilos CSS"

Código:

#page-header .navbar{background-color:#000;background-image:-o-linear-gradient(#313029,#58564A50%,#313029);border-bottom:transparent!important;border-color:#CCC;border-top:5px solid #23f754!important;height:44px;overflow:visible!important;padding:1px 9px!important}ul.navlinks{border-bottom:transparent!important}#page-header .navbar li:hover{-webkit-transition:all .2s linear;background:url(http://img69.imageshack.us/img69/9241/semttulo1ak.png) no-repeat 30% top}#page-header .navbar ul[class="clearfix"]{border:0!important;padding-top:3px;width:100%}#page-header .navbar a,#page-header .navbar a:visited{text-decoration:none}#page-header .navbar a,#page-header .navbar a{color:#FFF;font-family:Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;font-size:12px;font-weight:700;margin:0}#page-header .navbar li a{background:url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) repeat-y center right;color:#fff;font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:700;margin:0!important;padding:14px 7px 14px 0;text-decoration:none!important}#page-header .navbar li{-moz-transition:all .2s linear;-o-transition:all .2s linear;-webkit-transition:all .2s linear;background:url(http://img69.imageshack.us/img69/9241/semttulo1ak.png) no-repeat 30% 50px;display:inline;font-size:1.15em;padding-top:14px;position:relative;transition:all .2s linear}

Valide e veja o resultado.
Atenciosamente,
Crazy.

[Lost_.]

Sim Muito Obrigado é Esse Agora Só Mais Uma Coisa Tem Como Deixar Essa Barrinha ''Verde'' Para ''Laranja''? é Botar Essa Setinha?

 

 Se Puderem Mandar o CSS Desse Jeito Irei Ficar Grato De Verdade 

[MateusA]

Olá!

Troque por esse:

Código:

a.mainmenu:hover {
  background-image: url(http://i.imgur.com/kGLZABr.png) no-repeat top center;
}

#page-header .navbar{background-color:#000;background-image:-o-linear-gradient(#313029,#58564A50%,#313029);border-bottom:transparent!important;border-color:#CCC;border-top:5px solid orange !important;height:44px;overflow:visible!important;padding:1px 9px!important}ul.navlinks{border-bottom:transparent!important}#page-header .navbar li:hover{-webkit-transition:all .2s linear;background:url(http://i.imgur.com/kGLZABr.png) no-repeat 30% top}#page-header .navbar ul[class="clearfix"]{border:0!important;padding-top:3px;width:100%}#page-header .navbar a,#page-header .navbar a:visited{text-decoration:none}#page-header .navbar a,#page-header .navbar a{color:#FFF;font-family:Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;font-size:12px;font-weight:700;margin:0}#page-header .navbar li a{background:url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) repeat-y center right;color:#fff;font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:700;margin:0!important;padding:14px 7px 14px 0;text-decoration:none!important}#page-header .navbar li{-moz-transition:all .2s linear;-o-transition:all .2s linear;-webkit-transition:all .2s linear;background:url(http://img69.imageshack.us/img69/9241/semttulo1ak.png) no-repeat 30% 50px;display:inline;font-size:1.15em;padding-top:14px;position:relative;transition:all .2s linear}

Até mais.

[Lost_.]

Então Agora Ficou Certo Mas Tem Uma Coisa Errada Não Sei Dizer Olhe a Imagem...

Meu Forum:

https://i.imgur.com/zJEeifS.png

Fórum De Onde Eu Peguei:

https://i.imgur.com/c9jBZo4.png

[MateusA]

Olá!

Não pude notar a diferença, poderia circular em vermelho?

Até mais.

Edit, se refere as setas brancas?

[Lost_.]

Não, Se Você Olhar Bem No Meu Fórum No Canto Direito é Esquerdo Tem Duas Coisinhas Brancas Repare Acho Que Agora Viu?



------- For Correta

[Sennior]

Olá amigo,

Coloque este código no inicio de teu CSS que resolverá:
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS

Código:

span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
display: none !important;
}

Abraços.

[Lost_.]

Perfeito, Agradeço Vocês Pela Paciência Muito Obrigado *-* Pode Fechar