Menu de navegação

4 participantes

Ir para baixo

Tópico resolvido Menu de navegação

Mensagem por Heikki 22.02.17 21:46

Detalhes da questão


Endereço do fórum: http://mkf-nwd.forumeiros.com
Versão do fórum: PhpBB2

Descrição


Olá,

eu queria o codigo deste menu de navegação deste fórum
http://hooligansnwd.forumeiros.com/
Heikki
Heikki
***

Membro desde : 31/10/2016
Mensagens : 171
Pontos : 328

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

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

Mensagem por while 23.02.17 1:02

Olá autor, boa noite.

Acesse:

Painel de Controle -> Visualização -> Imagens e Cores -> Cores -> "Aba" Folha de estilo css

E adicione esse código no TOPO de todos os códigos:

Código:
ul.navlinks {background:#2E2E2E!important;width:100%;margin:-10px!important;margin-top:10px!important;margin-bottom:10px!important;}
        a.mainmenu:hover {background-color:#1A1A1A;border-bottom:none!important;}
        a.mainmenu {
color: #eee;
font-family: sans-serif;
font-size: 11px;
font-weight: 700;
padding: 13px 3px!important;
}

Depois clica em salvar e recarregue a pagina para ver o resultado.

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 Heikki 23.02.17 13:09

Olá,

https://imgur.com/a/ELEKH

eu queria remover a linha laranja.
Heikki
Heikki
***

Membro desde : 31/10/2016
Mensagens : 171
Pontos : 328

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

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

Mensagem por Harleen 23.02.17 13:30

Bom dia.

Em seu CSS, procure no código
ul.navlinks
as classes e remova
border-bottom: 1px solid #fcaa2f !important;
box-shadow: 0 -2px 0 #fcaa2f inset !important;

Resultado http://prntscr.com/ecesuk

Caso não encontre, poste aqui pra eu editar.

Até mais
Harleen
Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por Heikki 23.02.17 13:41

Olá,

eu queria deixar esse efeito quando passa o mouse no menu em cor laranja 
https://imgur.com/a/6CCgT
Heikki
Heikki
***

Membro desde : 31/10/2016
Mensagens : 171
Pontos : 328

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

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

Mensagem por Harleen 23.02.17 14:24

Olá adicione esse código
Código:
ul.linklist li a:hover {
    color: #fcaa2f !important;
}

Depois procure esse código
Código:
#page-header > div.navbar > div > ul a {
    color: #fff !important;
    margin: 6px !important;
}

Remova o color: #fff !important; ou retire o !important.

Resultado http://prntscr.com/ecfieq

Até mais
Harleen
Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por Heikki 23.02.17 15:02

Muito bom.

só gostaria de colocar o menu um pouco pra esquerda.
Heikki
Heikki
***

Membro desde : 31/10/2016
Mensagens : 171
Pontos : 328

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

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

Mensagem por Harleen 23.02.17 15:38

Olá.

No mesmo
ul.navlinks
vai ter no código

margin: 0 !important;
width: 100%;

Remova o width: 100%; e troque o margin: 0!important; por esse
Código:
margin: 0 -16px !important;

Ficará assim http://prnt.sc/ecggzq

Espero ter explicado direito Rindo

Até mais
Harleen
Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por Heikki 23.02.17 15:45

Ficou bom.
mais olha como ficou a categoria 
https://imgur.com/a/vZHzB
Heikki
Heikki
***

Membro desde : 31/10/2016
Mensagens : 171
Pontos : 328

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

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

Mensagem por Harleen 23.02.17 16:02

Procure e troque o -16px desse código
Código:
.forabg {
    background-color: transparent !important;
    margin: 0 -16px !important;
}
Removendo o -16px, ficará assim http://prntscr.com/ecgops

Caso queira elas junto ao fórum, vá diminuindo o valor de -16px
Ficando assim http://prntscr.com/ecgt1p

Abraços e desculpe qualquer coisa Envergonhado

Até mais
Harleen
Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por Heikki 23.02.17 16:29

você esta me ajudando mt mais olha como ficou

https://imgur.com/a/GGb81
Heikki
Heikki
***

Membro desde : 31/10/2016
Mensagens : 171
Pontos : 328

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

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

Mensagem por Harleen 23.02.17 16:44

Olá me passe o CSS que está usando, e libere um subfórum para visitantes.

Até mais
Harleen
Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por Heikki 23.02.17 16:45

Como assim liberar um subFórum coloca um fórum para visitantes ?
Heikki
Heikki
***

Membro desde : 31/10/2016
Mensagens : 171
Pontos : 328

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

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

Mensagem por Harleen 23.02.17 16:54

Sim, pois eu só vejo a página inicial...

Até mais
Harleen
Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por Heikki 23.02.17 16:57

Olha MP.
Heikki
Heikki
***

Membro desde : 31/10/2016
Mensagens : 171
Pontos : 328

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

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

Mensagem por Harleen 23.02.17 17:20

Olá encontrei o código que estava causando o problema. após trocar o CSS, faça como expliquei nessa mensagem

https://ajuda.forumeiros.com/t108148-menu-de-navegacao#757300

Até mais
Harleen
Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por Heikki 23.02.17 17:28

Muito obrigado.
me ajudou bastante.
Heikki
Heikki
***

Membro desde : 31/10/2016
Mensagens : 171
Pontos : 328

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

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

Mensagem por Kyo Panda 23.02.17 17:34

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