Editar as barras de menu e personifica-las

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

Resolvido Editar as barras de menu e personifica-las

Mensagem por kaahax em 07/08/13, 06:12 pm

Qual é minha questão:
Quero deixar as barras de menus identicas a desse fórum: http://www.haxball.pt/ , apenas para poder editar e mudar o nome das sub-abas.

Versão: PhpBB 3

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

Versão do fórum:
PHPBB3
avatar

kaahax
Nível 2

Feminino
Inscrito dia : 07/08/2013
Mensagens : 5
Pontos Ativos : 9

Ver perfil do usuário http://cbfhaxball.forumeiros.com

Resolvido Re: Editar as barras de menu e personifica-las

Mensagem por Consolado em 07/08/13, 06:37 pm

Olá!

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

Código:

.navbar{background:url(http://www.haxball.pt/public/style_images/Neat_images/bg-cat-menu.jpg) repeat-x center bottom;border-bottom:1px solid #DDD;border-top:1px solid #DFDFDF;height:47px;margin-left:-27px;width:102.6%}a.mainmenu{font-family:Arial, Helvetica, sans-serif;font-size:13px;font-weight:700;line-height:35px;padding-left:10px}ul.linklist li{border-left:1px solid #FFF;border-right:1px solid #DDD;margin:0}#search-box #keywords{-moz-border-radius:3px 4px 4px 3px;-moz-box-shadow:0 0 2px rgba(0,0,0,0.4) inset;-webkit-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:4px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:4px;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.4) inset;background:#fff;border-radius:3px 4px 4px 3px;box-shadow:0 0 2px rgba(0,0,0,0.4) inset;color:#B1A9BB;display:block;font-family:helvetica, arial, sans-serif;font-size:12px;height:26px;line-height:25px;margin-top:-41px;min-width:230px;padding:0 26px 0 4px;position:relative}p.nomargin input.button2{visibility:hidden}
Valide.

Quanto aos sub-links, isso é feito com códigos .JS, no qual não damos suporte a isso.

Até mais.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Editar as barras de menu e personifica-las

Mensagem por Sennior em 09/08/13, 09:34 pm

Saudações cordial membro! Muito feliz

Peço que retire as imagens do menu de navegação e depois coloque o código abaixo. Para à retirada do menu, vá em:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Gestão das Imagens
E retire-as.

Aceda a:
Painel de controleVisualização  Imagens e CoresCoresAba Folha CSS.
Código:
.mainmenu {
background: url(http://www.haxball.pt/public/style_images/Neat_images/bg-cat-menu.jpg) repeat-x center bottom;
border-bottom: 1px solid #DDD;
border-top: 1px solid #DFDFDF;
height: 47px;
}
<li> Coloque o código no inicio de teu CSS. Piscada

Valide e veja o resultado.

Abraços,
Sheldon! De bem com a vida
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

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