Barra de login superior

Qual é minha questão:
Pessoal, como consigo esse widget superior como na imagem?
Forum onde vi o efeito:  http://www.mundorpgmaker.com/forum/index.php

Eu mudaria as cores do widget e as imagens também... e.e

Links e imagens do meu problema:



Endereço do meu fórum:
http://portalhf.forumeiros.com

Versão do fórum:
PHPBB3

Saudações!

Adicione o código na "Home page"

Código:

<div id="main">
      <div id="searcharea">
        <form action="http://www.mundorpgmaker.com/forum/index.php?PHPSESSID=a5092e13fb179355679a94c0ab987e22&action=search2" method="post" accept-charset="UTF-8">

            <input id="searchbutton" class="pngbg" type="submit" name="submit" value="" />
            <div class="searchbox">
            <input id="searchinput" type="text" name="search" value="Pesquisar no fórum..." onfocus="if(this.value=='Pesquisar no fórum...') this.value ='';" onblur="if(this.value=='') this.value='Pesquisar no fórum...';" />
            </div>
            <div class="pesqavan">» <a href="http://www.mundorpgmaker.com/forum/index.php?PHPSESSID=a5092e13fb179355679a94c0ab987e22&action=search">Pesquisa avançada</a>
            <input type="hidden" name="advanced" value="0" /></div>
        </form>
      </div>
      <div id="topbar" class="pngbg">
        <div class="wrapper">
            <div id="toplinks">
                  <a class="register" href="http://www.mundorpgmaker.com/forum/index.php?PHPSESSID=a5092e13fb179355679a94c0ab987e22&action=register"></a>
                  <a class="login" href="http://www.mundorpgmaker.com/forum/index.php?PHPSESSID=a5092e13fb179355679a94c0ab987e22&action=login"></a>
            </div>
            <div id="userarea">Bem-vindo, <strong>visitante</strong>!
                                <form action="http://www.mundorpgmaker.com/forum/index.php?PHPSESSID=a5092e13fb179355679a94c0ab987e22&action=login2" method="post" accept-charset="UTF-8" style="margin: 4px 0;" onsubmit="hashLoginPassword(this, '037a50b7e45c9ba9d4e15e1a8650d20e');">
                                    <div id="loginarea"> <em><b>Login:</b></em>
                                    <input id="loginbox" type="text" name="user" />
                                    <em><b>Senha:</b></em>
                                    <input id="loginbox" type="password" name="passwrd" />
                                    <input type="hidden" name="hash_passwrd" value="" />
                                      <div id="checkl"><label id="semprelog" for="semprelogh">  <input id="semprelogh" type="checkbox" name="cookieneverexp" checked="checked" class="check" /> Sempre ligado
                                      </label></div>
                                    <input id="loginbutton" class="pngbg" type="submit" value="Entrar" />
                                    </div>
                                </form>
            </div>
        </div>
      </div>
      <div class="wrapper">
        <div id="header">
            <div id="logo">
              <a class="pngbg" href="http://www.mundorpgmaker.com/portal/" title=""></a>
            </div>
            <div style="margin: 0px; margin-top: -30px; margin-left: -20px; text-align: right;">
            <a href="http://twitter.com/MundoRPGMaker" title="Twitter" target="_blank"><img src="http://www.mundorpgmaker.com/images/icotwitter2.png" border="0" alt=""></a>  <a href="http://facebook.com/MundoRPGMaker" title="Facebook" target="_blank"><img src="http://www.mundorpgmaker.com/images/icofacebook.png" border="0" alt=""></a>  <a href="http://youtube.com/MundoRPGMaker" title="YouTube" target="_blank"><img src="http://www.mundorpgmaker.com/images/icoyoutube.gif" border="0" alt=""/></a>  <a href="http://feeds.feedburner.com/MundoRPGMaker" title="Feed RSS" target="_blank"><img src="http://www.mundorpgmaker.com/images/icofeed.png" border="0" alt=""></a>  <a href="http://www.mundorpgmaker.com/portal/contato/" title="Contato"><img src="http://www.mundorpgmaker.com/images/icomail.png" border="0" alt=""></a>
            </div>
        </div>

Até

Não funciona... ç.ç

Saudações!

Por meio das dúvidas só será mesmo possível por javascript, lamento.

Até

Olá,

O fórum em questão não é Forumeiros, provavelmenteo efeito não funciona simplesmente com o código fornecido, deve precisar de algo a mais. Você pode tentar a alternativa do FdF: https://ajuda.forumeiros.com/t64389-

Cordialmente,
The Boss

Mas o code não está vinculado ao fórum... '-'
É somente o javascript... ¬¬
Obrigado pela não-ajuda

Olá,

Se não está, o código que o PabloW. deu deve funcionar. Além do mais, não damos suporte à javascript, caso seja o problema do funcionamento.

Deveria pedir o código no próprio fórum, porque mal agradecimento é algo muito feio.

Cordialmente,
The Boss