Como personalizar menu de navegação?

Como personalizar menu de navegação?

 por Cristian 95 25.12.11 11:36

Qual é minha questão:
Bom, eu queria saber como eu faço para colocar um menu (acho que é css) identico a este.

Medidas que eu tomei para corrigir o problema:
Tentei ver no código fonte, mas buga tudo.

Imagens do meu problema:
Não nescessário.

Endereço do meu fórum:
edition.forumeiros.com

Versão do meu fórum:
PHPBB3

Re: Como personalizar menu de navegação?

 por Thor 25.12.11 12:52

Vejas se é este coloque em:

Painel de controle Visualização Imagens e Cores Cores Folha estilo css e adcione la!

Código:

    #page-header .navbar ul.linklist{border-bottom:0;margin-bottom:-4px}#page-header #search-box{margin-top:16px}#page-header .navbar span.corners-bottom,#page-header .navbar span.corners-bottom span,#page-header .navbar span.corners-top,#page-header .navbar span.corners-top span{display:none}#page-header .headerbar span.corners-bottom,#page-header .headerbar span.corners-bottom span,#page-header .headerbar span.corners-top,#page-header .headerbar span.corners-top span{background-image:none}#page-header .navbar ul.linklist li{padding:10px}#page-header .navbar ul.linklist li:hover{background:url(http://www.sohtanaka.com/web-design/examples/drop-down-menu/topnav_hover.gif) not-repet}#page-header .navbar ul.linklist li a{color:#fff;font-size:13px;text-align:center;text-shadow:.1em 0 .2em #555}

Re: Como personalizar menu de navegação?

 por Cristian 95 25.12.11 13:55

Re: Como personalizar menu de navegação?

 por Thor 25.12.11 14:45

Ah. esqueci você está usando botões

Painel de controle Visualizacao Pagina inicial ou Home page Cabecalio e navegacao procure por Exibir apenas as imagens no menu de navegação coloque NAO.

ESTE CODIGO SERVE APENAS PARA PHPBB3!

Resulto(a)? Nao esqueca do meu OBRIGADO em logo acima

Re: Como personalizar menu de navegação?

 por Convidad 25.12.11 15:31

Olá,

Caso não resulte, informe a versão correta de seu fórum.

Atenciosamente.
Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'

Re: Como personalizar menu de navegação?

 por Cristian 95 26.12.11 4:46

Não funcionou do mesmo jeito

Versão do meu fórum

Re: Como personalizar menu de navegação?

 por Cristian 95 27.12.11 20:34

Re: Como personalizar menu de navegação?

 por Convidad 28.12.11 4:11

Olá,

Leia o tópico abaixo, veja se ele lhe serve de algo:

https://ajuda.forumeiros.com/t49242-

Atenciosamente.

Re: Como personalizar menu de navegação?

 por Cristian 95 28.12.11 5:09

Não achei a resposta que eu queria lá... mas aqui neste tema tem o código que deve funcionar... eu tentei usar, os botões fico no topo mas bugo o resto da página, tudo trocou de lugar mudou cor e tudo. o código css que tem neste tema é este

Re: Como personalizar menu de navegação?

 por Cristian 95 28.12.11 8:34

Re: Como personalizar menu de navegação?

 por Thor 28.12.11 16:54

Re: Como personalizar menu de navegação?

 por ~Fly 28.12.11 17:41

Re: Como personalizar menu de navegação?

 por Cristian 95 28.12.11 17:43

@Mr.King não tem nada haver... mas eu tentei e não funcionou.

@Saíìx não entendi. o.o

Re: Como personalizar menu de navegação?

 por Cristian 95 29.12.11 21:06

Re: Como personalizar menu de navegação?

 por Dury 29.12.11 21:56

Olá,

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

Código:

#page-header .navbar{background:url(http://www.submundos.com/forum/Themes/inferno/images/custom/toolbar.png);border:2px solid #000;left:0;margin:0 auto;padding:8px;position:absolute;right:0;text-align:center;top:0}#page-header .navbar ul.linklist{border-bottom:0;margin-bottom:-4px}#page-header #search-box{margin-top:-16px}#page-header .navbar span.corners-bottom,#page-header .navbar span.corners-bottom span,#page-header .navbar span.corners-top,#page-header .navbar span.corners-top span{display:none}#page-header .headerbar span.corners-bottom,#page-header .headerbar span.corners-bottom span,#page-header .headerbar span.corners-top,#page-header .headerbar span.corners-top span{background-image:none}#page-header .navbar ul.linklist li{padding:8px}#page-header .navbar ul.linklist li:hover{background:url(http://i22.servimg.com/u/f22/16/02/78/48/active10.png) center top}#page-header .navbar ul.linklist li a{color:#fff;font-size:13px;text-align:center;text-shadow:.1em 0 .2em #555}

Até mais!

Re: Como personalizar menu de navegação?

 por Cristian 95 29.12.11 23:04

Perfeito Jeffrey... levou um agradecer

Agora poderia passar o codigo para deixa-lo fixo com a página? para ele descer com a página? por que o painel de usuário fica atrapalhando os cliques nele.

• 0Reputação da mensagem: 100% (1 votos)

Re: Como personalizar menu de navegação?

 por Dury 29.12.11 23:19

Olá,

Tente com esse código:

Código:

#page-header .navbar{background:url(http://www.submundos.com/forum/Themes/inferno/images/custom/toolbar.png);border:2px solid #000;left:0;margin:0 auto;padding:8px;position:fixed;right:0;text-align:center;top:0}#page-header .navbar ul.linklist{border-bottom:0;margin-bottom:-4px}#page-header #search-box{margin-top:-16px}#page-header .navbar span.corners-bottom,#page-header .navbar span.corners-bottom span,#page-header .navbar span.corners-top,#page-header .navbar span.corners-top span{display:none}#page-header .headerbar span.corners-bottom,#page-header .headerbar span.corners-bottom span,#page-header .headerbar span.corners-top,#page-header .headerbar span.corners-top span{background-image:none}#page-header .navbar ul.linklist li{padding:8px}#page-header .navbar ul.linklist li:hover{background:url(http://i22.servimg.com/u/f22/16/02/78/48/active10.png) center top}#page-header .navbar ul.linklist li a{color:#fff;font-size:13px;text-align:center;text-shadow:.1em 0 .2em #555}

Até mais!

Re: Como personalizar menu de navegação?

 por Cristian 95 30.12.11 0:34

Perfect, ganhou um mais Jeffrey. pode fechar aqui.