Mudar menu do meu fórum

[William_iHarDz]

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..

[iScroll]

Olá William, esquecendo a rivalidade do SAMP vou lhe ajudar (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.

[William_iHarDz]

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

[iScroll]

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?

[William_iHarDz]

Certo, já fiz o procedimento.

[iScroll]

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;
}

[William_iHarDz]

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

[iScroll]

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

[William_iHarDz]

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

[iScroll]

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);
}

[William_iHarDz]

Editei e agora ?

[iScroll]

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.

[William_iHarDz]

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

[Kyo Panda]

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