Menus no topo do fórum

Olá,

Queria o menu no topo do fórum igual a este fórum abaixo

http://forum.stardestiny.com.br/

Este fórum não e da forumeiros mais da para pegar, eu consegui pegar mais ficou muito deformado e também não ficou um para visitantes(convidados) e outro para membros

Bom os visitantes vê um Menu no topo e os Membros ve outro queria do mesmo jeito

Versão do meu fórum : Punbb
Site do meu fórum : http://maniadaneteste.forumeiros.com/

Até

Olá,

Estou precisando muito deste efeito

Até

Cara, não posso te ajudar mas vou ver o que posso fazer para lhe ajudar.

Não se preocupe! Nós atendemos a qualquer pedido. Acontece que não tenho login nesse fórum, poderia me mandar um print do que você quer?

Olá,

Você não ta vendo o menu no topo do fórum lá tem Entrar Cadastrar Ajuda eu quero isso só que isso eu quero que apareça só para novatos

Então depois que registrar no fórum que eu passei vai ter outro Menu lá em cima no mesmo lugar só que com coisas diferentes eu quero ele também só que só para membros

Até

:reflexion:

Sim... eu vi, mais eu não tenho um login nesse fórum. Preciso de um print de como você quer que fique quando estivermos conectados! :blz1:

Olá,

Não precisa e só você se registrar no fórum que vai ver por favor preciso muito disto

Até

Olá,

Só esta faltando isso para eu terminar meu tema por favor

Até

Olá,

Acho que vai chegar fevereiro e não vou conseguir este menu né

Até

Olá,

Tem este outro fórum se for mais fácil poderia ser igual a deste fórum aqui

http://forum.digimonpets.net/index.php

Até

Desculpe pela imensa demora. Use esse código em um widget:

Código:

<div id="top_bar"><div class="wrapper clearfix">
           <div id="user_navigation" class="not_logged_in">
                   
                    <ul class="ipsList_inline">
                        <li>
                            <span class="services">
                               
                               
                                    <a href="https://twitter.com/"><img src="http://forum.digimonpets.net/public/style_images/velvet/loginmethods/twitter.png" alt="Log in with Twitter"></a>
                               
                               
                               
                            </span>
                            <a href="/login" title="Entrar" id="sign_in"><img src="http://forum.digimonpets.net/public/style_images/velvet/user_login.png" alt=""> Entrar</a>
                        </li>
                        <li>
                            <a href="/register" title="Cadastre-se" id="register_link"><img src="http://forum.digimonpets.net/public/style_images/velvet/user_register.png" alt=""> Cadastre-se</a>
                        </li>
                    </ul>
                </div></div></div>

Adicione esse código CSS:

Código:

#top_bar {
background: #00223a url("http://forum.digimonpets.net/public/style_images/velvet/_custom/bg-userlinks.png") repeat-x 0 100%;
padding-bottom: 1px;
position: absolute;
left: 0;
top: 0;
}
#user_navigation {
color: #fff;
color: rgba(255,255,255,0.5);
font-size: 11.7px;
line-height: 36px;
height: 36px;
float: left;
overflow: hidden;
text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
border-right: 1px solid rgba(255,255,255,0.08);
border-left: 1px solid rgba(0,0,0,0.3);
}
#user_navigation .ipsList_inline li {
margin: 0;
padding: 0;
float: left;
}
#user_navigation a {
color: #fff;
color: rgba(255,255,255,0.5);
text-decoration: none;
float: left;
padding: 0 12px;
line-height: 36px;
outline: none;
height: 36px;
border-left: 1px solid rgba(255,255,255,0.08);
border-right: 1px solid rgba(0,0,0,0.3);
}
.services img {
margin: -1px -2px 0 -2px;
padding:10px 0px;
}
.ipsList_inline > li:first-child {
margin-left: 0;
}
.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}
#user_navigation a:hover{background:url('http://forum.digimonpets.net/public/style_images/velvet/transw10.png') repeat;background:rgba(255,255,255,0.05);color:#fff}

Olá,

Não ficou em cima da logo e a largura e muito pequena queria mais para os lados >

Até