Menu de navegação

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

Atendido / Resolvido Menu de navegação

Mensagem por Yu le 18.03.17 16:30

Detalhes da questão


Endereço do fórum: http://megacityrpg.forumeiros.com/
Versão do fórum: phpBB2

Descrição


Olá amigos gostaria de colocar meu menu de navegação abaixo do banner, já vi vários tutoriais aqui e não consegui.

Meu menu de navegação: https://i.imgur.com/P4KCDnG.png

Como eu quero que fique meu menu de navegação abaixo do banner:
https://i.imgur.com/ZkKbUIr.png


Última edição por Biel_Staff em 19.03.17 4:25, editado 1 vez(es)
Yu le

Yu le
Nível 8

Masculino
Inscrito dia : 29/07/2014
Mensagens : 117
Pontos ativos : 187

http://megacityrpg.forumeiros.com/

Atendido / Resolvido Re: Menu de navegação

Mensagem por while 18.03.17 21:31

Olá autor, boa tarde.

Antes de tudo acesse:

Painel de Controle -> Visualização -> Página inicial -> Cabeçalho & Navegação

E em: Exibir apenas as imagens no menu de navegação deixe não.

Depois de feito isto, acesse:

Painel de Controle -> Visualização -> Imagens e Cores -> Gestão das imagens -> Modo avançado

E retire as imagens que estais a utilizar, e me avise no tópico para prosseguirmos com o resto.

Até logo.
while

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3234
Pontos ativos : 4728

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

Atendido / Resolvido Re: Menu de navegação

Mensagem por Yu le 19.03.17 3:17

Certo while, fiz o que você mandou e agora?
Yu le

Yu le
Nível 8

Masculino
Inscrito dia : 29/07/2014
Mensagens : 117
Pontos ativos : 187

http://megacityrpg.forumeiros.com/

Atendido / Resolvido Re: Menu de navegação

Mensagem por while 19.03.17 20:08

Adicione esse código em sua folha de estilo css:

Código:
#page-header > div.navbar > div > ul {top:50px;background:#000;width:83%;margin-left:-15px;padding:8px;}
        #main-content {margin-top:30px!important;}
        a.mainmenu {color:#fff;}

Até mais.
while

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3234
Pontos ativos : 4728

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

Atendido / Resolvido Re: Menu de navegação

Mensagem por Yu le 19.03.17 20:40

@while escreveu:Adicione esse código em sua folha de estilo css:

Código:
#page-header > div.navbar > div > ul {top:50px;background:#000;width:83%;margin-left:-15px;padding:8px;}
        #main-content {margin-top:30px!important;}
        a.mainmenu {color:#fff;}

Até mais.
Ainda não resulta while, veja https://i.imgur.com/7l51myp.png

eu peço por favor que fique igual ao print que eu mandei, se não der tudo bem.

coloquei o banner e ficou em cima do banner, veja https://i.imgur.com/mAmvFPS.png
Yu le

Yu le
Nível 8

Masculino
Inscrito dia : 29/07/2014
Mensagens : 117
Pontos ativos : 187

http://megacityrpg.forumeiros.com/
  • 0

Atendido / Resolvido Re: Menu de navegação

Mensagem por while 20.03.17 1:13

Troque o código acima por este:

Código:
 #page-header > div.navbar > div > ul {top:130px;width:83%;margin-left:-15px;padding:8px;}
#page-header > div.navbar > div > ul {background:#000;}
        #main-content {margin-top:30px!important;}
        a.mainmenu {color:#fff;margin-left:10px;}
        #search-box {margin-top:60px;}

Não ta o mesmo fundo pois não sei o valor hexadicimal na print [...] Mas, você pode procurar por:

Código:
#page-header > div.navbar > div > ul {background:#000;}

E trocar o #000 pelo valor hexadicimal da cor.

Até mais.
while

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3234
Pontos ativos : 4728

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

Atendido / Resolvido Re: Menu de navegação

Mensagem por Yu le 20.03.17 1:54

Ainda não resulta, pois está ultrapassando o fórum, o tamanho, entende?

http://prntscr.com/em2e04
Yu le

Yu le
Nível 8

Masculino
Inscrito dia : 29/07/2014
Mensagens : 117
Pontos ativos : 187

http://megacityrpg.forumeiros.com/

Atendido / Resolvido Re: Menu de navegação

Mensagem por Kyo Panda 20.03.17 13:36

Tente esse código:

Código:
#page-header > div.navbar > div > ul {
    position: initial;
    background: #000;
    margin: 0 -15px !important;
    padding: 8px;
    width: auto;
}
Kyo Panda

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4641
Pontos ativos : 5937

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Menu de navegação

Mensagem por Yu le 20.03.17 21:19

ficou bom, porém a cor do texto ficou muito fraca, veja: http://prntscr.com/emf6kb
Yu le

Yu le
Nível 8

Masculino
Inscrito dia : 29/07/2014
Mensagens : 117
Pontos ativos : 187

http://megacityrpg.forumeiros.com/

Atendido / Resolvido Re: Menu de navegação

Mensagem por Kyo Panda 20.03.17 22:33

Adicione ao seu CSS:

Código:
a.mainmenu {
    color: #fff;
}
Kyo Panda

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4641
Pontos ativos : 5937

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Menu de navegação

Mensagem por Yu le 21.03.17 2:38

Obrigado, pode fechar.
Yu le

Yu le
Nível 8

Masculino
Inscrito dia : 29/07/2014
Mensagens : 117
Pontos ativos : 187

http://megacityrpg.forumeiros.com/

Atendido / Resolvido Re: Menu de navegação

Mensagem por Kyo Panda 21.03.17 11:15

000 - Menu de navegação Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Kyo Panda

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4641
Pontos ativos : 5937

https://ajuda.forumeiros.com

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


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