Mudar menu do meu fórum

3 participantes

Ir para baixo

Tópico resolvido Mudar menu do meu fórum

Mensagem por William_iHarDz 22.08.17 10:06

Detalhes da questão


Endereço do fórum: http://www.bpfsamp.com
Versão do fórum: PunBB

Descrição


Olá gostaria de mudar esse meu atual menu > https://i.imgur.com/Gne7sjb.png para este aqui > https://i.imgur.com/TvxM2XA.png

onde eu vi > http://testadordetemas.forumeiro.com/

meu overall_header > https://pastebin.com/UVvnnvkd

aguardo respostas.. Feliz


Última edição por William_iHarDz em 22.08.17 15:58, editado 1 vez(es)
William_iHarDz
William_iHarDz
****

Membro desde : 09/06/2014
Mensagens : 259
Pontos : 404

http://www.playfatal.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar menu do meu fórum

Mensagem por iScroll 22.08.17 13:51

Olá William, esquecendo a rivalidade do SAMP vou lhe ajudar Feliz (Tu nem merece hehehe)

NO seu overall procure por :
Código:
<div id="primary_nav" class="clearfix"><ul class="ipsList_inline" id="community_app_menu"><li id="nav_home" class="left"><a href="/portal" title="Portal" rel="Portal">Portal</a></li><li id="nav_app_forums" class="left active"><a href="http://www.bpfsamp.com/forum" title="Forum">Fórum</a></li><li id="nav_app_members" class="left "><a href="http://www.bpfsamp.com/h3-loja" title="Cash">COMPRAR CASH</a></li><li id="nav_app_nexus" class="left "><a href="http://www.bpfsamp.com/h6-loja-icones" title="Go to Loja">Loja de Item</a></li></ul></div></div></div>

E subistitua por:
Código:
<div id="header_bar" class="clearfix"> <div class="main_width"> <ul class="menu-navegador">  <a href="./forum" class="tool-tip" original-title=""><li class="navegador ativo"><i class="fa fa-home fa-fw"></i> Início</li></a><a href="./faq" class="tool-tip" original-title=""><li><i class="fa fa-question-circle"></i> FAQ</li></a><a href="./profile?mode=editprofile" class="tool-tip" original-title=""><li><i class="fa fa-user fa-fw"></i> Perfil</li></a><a href="./memberlist" class="tool-tip" original-title=""><li><i class="fa fa-user-circle-o fa-fw"></i> Membros</li></a><a href="./groups" class="tool-tip" original-title=""><li><i class="fa fa-users fa-fw"></i> Grupos</li></a><a href="./t78--" class="tool-tip" original-title=""><li class="navegador ativo"><i class="fa fa-credit-card"></i> Shop</li></a><a href="./f4-regras" class="tool-tip" original-title=""><li><i class="fa fa-exclamation-triangle fa-fw"></i> Regras</li></a>          </ul><div id="user_navigation" class="not_logged_in"><ul class="ipsList_inline right"><a href="/login" class="tool-tip" original-title="Entrar" onclick="sign_in_popup()"><li>Entrar</li>  </a><a href="/register" class="tool-tip" original-title="Cadastre-se"><li>Registrar-se</li></a></ul></div></div></div>

E mande para eu fazer os testes.
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar menu do meu fórum

Mensagem por William_iHarDz 22.08.17 14:03

Vlw por estar ajudando, vamos lá eu já troquei e agora ?
William_iHarDz
William_iHarDz
****

Membro desde : 09/06/2014
Mensagens : 259
Pontos : 404

http://www.playfatal.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar menu do meu fórum

Mensagem por iScroll 22.08.17 14:06

William_iHarDz escreveu:Vlw por estar ajudando, vamos lá eu já troquei e agora ?

Só mais uma coisa pra eu começar os testes, procure no overalll isso aqui:

Código:
<div class="wrapper clearfix">

Apague-o e começarei os testes no CSS.

Lembrando, a FdF não presta suporte para copiar exatamente o código que está lá, irei fazer algumas alterações para deixa-lo semelhante, OK?
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar menu do meu fórum

Mensagem por William_iHarDz 22.08.17 14:09

Certo, já fiz o procedimento.
William_iHarDz
William_iHarDz
****

Membro desde : 09/06/2014
Mensagens : 259
Pontos : 404

http://www.playfatal.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar menu do meu fórum

Mensagem por iScroll 22.08.17 14:12

Adicione no seu CSS:

Código:
.menu-navegador {
    float: left;
    height: 60px!important;
    position: absolute;
    z-index: 100;
}
#header_bar li {
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    -webkit-transition: color .2s ease;
    background-color: transparent;
    color: #848484;
    cursor: pointer;
    float: left;
    font-family: Ubuntu;
    font-size: 13px;
    font-weight: 700;
    height: 60px;
    line-height: 60px;
    list-style-type: none;
    margin-left: 1px;
    padding: 0 18px;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .2s ease;
}
#header_bar {
    -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    -o-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    background: #FFF;
    border-bottom: 3px solid #b32222;
    height: 60px;
    line-height: 60px;
    width: 100%;
    z-index: 999;
}
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar menu do meu fórum

Mensagem por William_iHarDz 22.08.17 14:22

Deu certo só fiquei com um problema que ficou com um espaço entre o menu e as categorias e bugou "ENTRAR" e "REGISTRAR" no forum > https://i.imgur.com/bIGduzO.png
William_iHarDz
William_iHarDz
****

Membro desde : 09/06/2014
Mensagens : 259
Pontos : 404

http://www.playfatal.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar menu do meu fórum

Mensagem por iScroll 22.08.17 14:24

Ops erro meu, como você já tem um menu de pessoas logadas abaixo irei retirar esse de entrar e adiciono ele depois.

Procure no Overall por:
Código:
<div id="user_navigation" class="not_logged_in"><ul class="ipsList_inline right"><a href="/login" class="tool-tip" original-title="Entrar" onclick="sign_in_popup()"><li>Entrar</li>  </a><a href="/register" class="tool-tip" original-title="Cadastre-se"><li>Registrar-se</li></a></ul></div>

E apague o código
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar menu do meu fórum

Mensagem por William_iHarDz 22.08.17 14:28

O Erro do entrar e registrar resolveu agora só ficou o espaço Feliz
William_iHarDz
William_iHarDz
****

Membro desde : 09/06/2014
Mensagens : 259
Pontos : 404

http://www.playfatal.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar menu do meu fórum

Mensagem por iScroll 22.08.17 14:30

No seu css procure por:
Código:
.menu-navegador

Adicione esse código:
Código:
margin-left: 100px;

----

Edit:
E mais esse código:

Código:
#header_bar li a:hover, #header_bar li:hover {
    background-color: rgb(179, 34, 34);
    color: rgb(255, 255, 255);
}
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar menu do meu fórum

Mensagem por William_iHarDz 22.08.17 14:33

Editei e agora ?
William_iHarDz
William_iHarDz
****

Membro desde : 09/06/2014
Mensagens : 259
Pontos : 404

http://www.playfatal.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar menu do meu fórum

Mensagem por iScroll 22.08.17 14:36

No mais está pronto, você pode também editar e retirar o "Perfil" já que você tem um perfil abaixo para o usuário mexer.

Para ficar melhor procure por:

Código:
#branding .wrapper

E adicione:
Código:
    margin-top: -6vw;

Para não ficar com esse "espaço" sobrando.
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar menu do meu fórum

Mensagem por William_iHarDz 22.08.17 14:38

Deu certinho obrigadão meu velho <3
me chama no pv...
Pode fechar o tópico
William_iHarDz
William_iHarDz
****

Membro desde : 09/06/2014
Mensagens : 259
Pontos : 404

http://www.playfatal.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar menu do meu fórum

Mensagem por Kyo Panda 22.08.17 16:07

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