Menu de navegação Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Menu de navegação

3 participantes

Ir para baixo

Tópico 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
***

Membro desde : 29/07/2014
Mensagens : 117
Pontos : 187

http://megacityrpg.forumeiros.com/

Ir para o topo Ir para baixo

Tópico 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
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: 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
***

Membro desde : 29/07/2014
Mensagens : 117
Pontos : 187

http://megacityrpg.forumeiros.com/

Ir para o topo Ir para baixo

Tópico 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
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: 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
***

Membro desde : 29/07/2014
Mensagens : 117
Pontos : 187

http://megacityrpg.forumeiros.com/

Ir para o topo Ir para baixo

Tópico 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
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: 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
***

Membro desde : 29/07/2014
Mensagens : 117
Pontos : 187

http://megacityrpg.forumeiros.com/

Ir para o topo Ir para baixo

Tópico 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
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico 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
***

Membro desde : 29/07/2014
Mensagens : 117
Pontos : 187

http://megacityrpg.forumeiros.com/

Ir para o topo Ir para baixo

Tópico 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
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu de navegação

Mensagem por Yu le 21.03.17 2:38

Obrigado, pode fechar.
Yu le
Yu le
***

Membro desde : 29/07/2014
Mensagens : 117
Pontos : 187

http://megacityrpg.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu de navegação

Mensagem por Kyo Panda 21.03.17 11:15

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

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

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