Menu Forum

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Menu Forum

Mensagem por Lost_. em 12/07/13, 05:23 pm

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

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

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

Versão do fórum:
PHPBB3
avatar

Lost_.
Nível 3

Masculino
Inscrito dia : 02/06/2013
Mensagens : 18
Pontos Ativos : 32

Ver perfil do usuário

Resolvido Re: Menu Forum

Mensagem por iDexter em 12/07/13, 05:24 pm

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

Versão PunBB tem alguns.

Versão PunBB3 tem vários.
avatar

iDexter
Nível 8

Masculino
Inscrito dia : 12/07/2013
Mensagens : 137
Pontos Ativos : 231

Ver perfil do usuário http://lostpixel.forum-pro.net

Resolvido Re: Menu Forum

Mensagem por Lost_. em 12/07/13, 05:26 pm

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

Lost_.
Nível 3

Masculino
Inscrito dia : 02/06/2013
Mensagens : 18
Pontos Ativos : 32

Ver perfil do usuário

Resolvido Re: Menu Forum

Mensagem por Sennior em 12/07/13, 05:28 pm

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:

Olá amigo!

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

Até mais. Piscada
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Menu Forum

Mensagem por Lost_. em 12/07/13, 05:30 pm

Claro Esse Aqui :seta2: srdteam.forumeiros.com
avatar

Lost_.
Nível 3

Masculino
Inscrito dia : 02/06/2013
Mensagens : 18
Pontos Ativos : 32

Ver perfil do usuário

Resolvido Re: Menu Forum

Mensagem por MateusA em 12/07/13, 05:36 pm

Olá!

Aceda á "Folha de Estilos CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta 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.
Tive uma idéia!
Atenciosamente,
Crazy.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Menu Forum

Mensagem por Lost_. em 12/07/13, 05:45 pm

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 Rindo
avatar

Lost_.
Nível 3

Masculino
Inscrito dia : 02/06/2013
Mensagens : 18
Pontos Ativos : 32

Ver perfil do usuário

Resolvido Re: Menu Forum

Mensagem por MateusA em 12/07/13, 05:49 pm

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.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Menu Forum

Mensagem por Lost_. em 12/07/13, 06:01 pm

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

Meu Forum:

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

Fórum De Onde Eu Peguei:

http://i.imgur.com/c9jBZo4.png
avatar

Lost_.
Nível 3

Masculino
Inscrito dia : 02/06/2013
Mensagens : 18
Pontos Ativos : 32

Ver perfil do usuário

Resolvido Re: Menu Forum

Mensagem por MateusA em 12/07/13, 06:12 pm

Olá!

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

Até mais.

Edit, se refere as setas brancas?
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Menu Forum

Mensagem por Lost_. em 12/07/13, 06:21 pm

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


avatar

Lost_.
Nível 3

Masculino
Inscrito dia : 02/06/2013
Mensagens : 18
Pontos Ativos : 32

Ver perfil do usuário

Resolvido Re: Menu Forum

Mensagem por Sennior em 12/07/13, 06:24 pm

Olá amigo,

Coloque este código no inicio de teu CSS que resolverá:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta 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. Piscada
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Menu Forum

Mensagem por Lost_. em 12/07/13, 06:29 pm

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

Lost_.
Nível 3

Masculino
Inscrito dia : 02/06/2013
Mensagens : 18
Pontos Ativos : 32

Ver perfil do usuário

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum