Editar as barras de menu e personifica-las

3 participantes

Ir para baixo

Tópico resolvido Editar as barras de menu e personifica-las

Mensagem por kaahax 07.08.13 22:12

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
kaahax
kaahax
Novo Membro

Membro desde : 07/08/2013
Mensagens : 5
Pontos : 9

http://cbfhaxball.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Editar as barras de menu e personifica-las

Mensagem por Consolado 07.08.13 22:37

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.
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Editar as barras de menu e personifica-las

Mensagem por Sennior 10.08.13 1:34

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 controleEditar as barras de menu e personifica-las 2479035592Visualização  Editar as barras de menu e personifica-las 2479035592Imagens e CoresEditar as barras de menu e personifica-las 2479035592CoresEditar as barras de menu e personifica-las 2479035592Aba 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
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos