Uma barra no topo do forum

[Uilia]

Qual é minha questão:
Olá,

Queria saber como por essa barra no topo do forum:


até mais

Links e imagens do meu problema:


Endereço do meu fórum:
http://www.playerpromo.net

Versão do meu fórum:
PHPBB3

[MateusV.]

Amigo, diga-me o que deseja na barra que eu criarei uma para você.

Abraço.

[Uilia]

Quero um codigo desses escrito, Meu perfil !! e la do outro lado >> aqueles botoes !!

outro codigo escrito no lugar de Meu perfil Login e Cadastro e aqueles botoes>>

até mais

[Sennior]

Olá Player!

Iria ser bom se me concedesse o link onde viste está função.

Atenciosamente.

[Uilia]

Olá,

Voce teria que entrar aqui:
http://demo.dzinerstudio.com/
e selecionar ali em SMF 2.0 Themes: Twotone [Premium]

até;

[Convidad]

Olá senhor Player Will.

Teste este código em Cpainel > Visualização > Home page > Geral > e adicione esse código:

Código:

<style>#topbar {position: fixed; top: 0%; left: 0%;height: 7%;width: 100%;}
#topbar { background: #444 url(http://demo.dzinerstudio.com/smf2/Themes/twotone_20/images/custom/vertstripe.jpg); height: 42px;}
#topbar a:hover { color: #ddd;}

#account, #quicknav { margin-top: 8px; line-height: 26px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);}

#account { float: left; width: 500px; color: #aaa;}
#account ul, #account li { float: left; list-style: none; margin: 0; padding: 0;}
#account a { display: block; color: #aaa; text-decoration: none;}
#account .icon_login { background: url(demo.dzinerstudio.com/smf2/Themes/twotone_20/images/custom/login_icons.png) 0 0 no-repeat;}
#account .icon_register { background: url(demo.dzinerstudio.com/smf2/Themes/twotone_20/images/custom/login_icons.png) 0 -62px no-repeat; margin-left: 24px;}
#account .icon_login, #account .icon_register { padding-left: 32px;}
#account .icon_login:hover { background-position: 0 -31px;}
#account .icon_register:hover { background-position: 0 -93px;}
#account .loggedin li { padding: 0 8px 0 12px; background: url(http://demo.dzinerstudio.com/smf2/Themes/twotone_20/images/custom/bullet.png 0 50% no-repeat;}
#account .loggedin .greeting { color: #ddd; text-transform: uppercase; background-image: none; padding-left: 0;}

#quicknav { float: right;}
#quicknav ul, #quicknav li { float: left; list-style: none; margin: 0; padding: 0;}
#quicknav a { display: block; padding-right: 12px; color: #aaa; text-decoration: none;}
#quicknav .social_icon { background: url(../images/custom/social_icons.png) no-repeat; height: 26px; width: 26px; padding: 0; margin-left: 5px;}
#quicknav .facebook { background-position: 0 0;}
#quicknav .twitter { background-position: 0 -62px;}
#quicknav .googleplus { background-position: 0 -124px;}
#quicknav .dribble { background-position: 0 -186px;}
#quicknav .flickr { background-position: 0 -248px;}
#quicknav .youtube { background-position: 0 -310px;}
#quicknav .rss { background-position: 0 -372px;}
#quicknav .facebook:hover { background-position: 0 -31px;}
#quicknav .twitter:hover { background-position: 0 -93px;}
#quicknav .googleplus:hover { background-position: 0 -155px;}
#quicknav .dribble:hover { background-position: 0 -217px;}
#quicknav .flickr:hover { background-position: 0 -279px;}
#quicknav .youtube:hover { background-position: 0 -341px;}
#quicknav .rss:hover { background-position: 0 -403px;}
</style>
   <div id="topbar">
         <div id="account">
            <ul>
               <li><a class="icon_login" href="http://demo.dzinerstudio.com/smf2/index.php?action=login">Login</a></li>
               <li><a class="icon_register" href="http://demo.dzinerstudio.com/smf2/index.php?action=register">Register</a></li>
            </ul>
         </div>
         <div id="quicknav">
            <ul>
               <li><a class="social_icon facebook" href="#" title="Facebook" target="_blank"></a></li>
               <li><a class="social_icon twitter" href="#" title="Twitter" target="_blank"></a></li>
               <li><a class="social_icon googleplus" href="#" title="Google+" target="_blank"></a></li>
               <li><a class="social_icon rss" href="#" title="RSS" target="_blank"></a></li>
            </ul>
         </div>
           </div>

Atenciosamente,
Shek

[Uilia]

Boas,

Ta legal só falta os icon das redes socias ^^

até mais;

@Edit
E os icon de Login e os da redes o de register consegui por, to tentando aqui ainda..

@edit2
Consegui por os icons da rede social, só falta o de login

@edit3
Consegui por o icon

Pode fechar obg..

[Convidad]

Mas eu coloquei o das redes sociais. Não funcionou em seu fórum?

[Uilia]

Pois é faltou por a URL numa parte da css !!
Mais consegui obg..
Resultado: http://www.playerpromo.net/

até;