Personalizar menu de navegação

3 participantes

Ir para baixo

Tópico resolvido Personalizar menu de navegação

Mensagem por Schwarzenegger 18.06.16 19:07

Detalhes da questão


Endereço do fórum: http://newagegames.forumeiros.com/forum
Versão do fórum: PhpBB3

Descrição


como deixar o menu assim so que em vez de vermelho,azul
Personalizar menu de navegação 2q80nk2
Schwarzenegger
Schwarzenegger
***

Membro desde : 12/06/2015
Mensagens : 179
Pontos : 267

http://calle18-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu de navegação

Mensagem por while 18.06.16 21:33

Olá, peço que acesse:
Painel de Controle -> Visualização -> Pagina Inicial -> Cabeçalho & Navegação
E no item: Exibir apenas as imagens no menu de navegação deixe em NÃO.

Depois disto, acesse:
Painel de Controle -> Visualização -> Imagens e Cores -> Gestão das cores -> Modo avançado
e retire todas as imagens que estais a utilizar em seu menu (retire as urls do lado e deixe o campo vazio , não esqueça de salvar depois que fizer tudo isto!).

Por fim, adicione esse código em sua folha de estilo css:

Código:
 ul.navlinks {
                background-color: #2a2c33!important;
    border-bottom: 1px solid #004fde!important;
    border-radius: 2px 2px 0 0!important;
    box-shadow: #0041ff 0 -2px 0 inset!important;
    color: #fff!important;
    margin: 0px 0px 0px!important;
    padding: 1em!important;
    position: relative!important;
    text-shadow: none!important;
    height:50px!important;
        }

Até mais.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu de navegação

Mensagem por Schwarzenegger 19.06.16 18:01

como fico
Personalizar menu de navegação 2r27omq

gostaria igual a essa so que a parte vermelha e azul
Personalizar menu de navegação 2q80nk2
Schwarzenegger
Schwarzenegger
***

Membro desde : 12/06/2015
Mensagens : 179
Pontos : 267

http://calle18-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu de navegação

Mensagem por while 19.06.16 18:08

Calma!, isto foi só um teste.
Estava com imagem, por isto não consegui fazer direito.

Troque o css que te passei acima por este:

Código:
 ul.navlinks {
                background-color: #2a2c33!important;
    border-bottom: 1px solid #004fde!important;
    border-radius: 2px 2px 0 0!important;
    box-shadow: #0041ff 0 -2px 0 inset!important;
    color: #fff!important;
    margin: 0px 0px 0px!important;
    padding: 1em!important;
    position: relative!important;
    text-shadow: none!important;
        }
#page-header > div.navbar > div > ul a{color:#fff!important;margin:6px!important;}

Até mais.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu de navegação

Mensagem por Schwarzenegger 20.06.16 17:45

Funciono agora eu so queria adcicionar um efeito quando passa o mouse em cima do menu igual desse site nwdgames.com/forum
Schwarzenegger
Schwarzenegger
***

Membro desde : 12/06/2015
Mensagens : 179
Pontos : 267

http://calle18-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu de navegação

Mensagem por Fraise 20.06.16 17:47

Olá!

Adicione mais este em seu CSS:
Código:
a.mainmenu:hover {
    border-bottom: 2px solid green;
    padding-bottom: 10px;
}

Abraço.
Fraise
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu de navegação

Mensagem por Schwarzenegger 20.06.16 19:05

Tudo certo valeu
Schwarzenegger
Schwarzenegger
***

Membro desde : 12/06/2015
Mensagens : 179
Pontos : 267

http://calle18-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu de navegação

Mensagem por while 20.06.16 20:25

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

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