Como botar um perfil especial em cima do fórum?

Qual é minha questão:
Qual o código para ter o "Perfil" que tem lá em cima do fórum,mais ou menos como o que tem nesse fórum: http://pokemonforeveronline.forumeiro.net/
Ai queria que alguém me desse o código e me dissesse onde devo botar
(OBS:procurei em todo fórum mas não achei outra questão igual a minha,tá?)

Medidas que eu tomei para corrigir o problema:
Não tem como corrigir o problema
mas tem como criar uma solução,me dando o código e onde boto

Imagens do meu problema:
Não tem problema concreto,muito menos em imagem

Endereço do meu fórum:
inazumafootballworld.forumeiros.com

Versão do meu fórum:
PHPBB2

Olá,

Não vi nada neste fórum que você mandou, poderia explicar melhor o que deseja ou nos enviar uma imagem?

Até mais

Está se Referindo ao Painel do usuário?

Olá,

Agora sim, não havia carregado dereito, adicione este código na Home Page ou em um Widget

Código:

        <!-- The CSS -->
        <link rel="stylesheet" href="http://web-kreation.com/demos/login_form_mootools_1.2/fx.slide.css" type="text/css" media="screen" />
        <style>
        #login {
        overflow: visible;
        height: auto;
        -webkit-transition: margin-top 0.5s ease-in-out 0s;
        -moz-transition: margin-top 0.5s ease-in-out 0s;
        -o-transition: margin-top 0.5s ease-in-out 0s;
        transition: margin-top 0.5s ease-in-out 0s;

        }

        /* Login Panel */
        #top {
        background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_top.jpg) repeat-x 0 0;}

        #top ul.login {
        background: url(http://img18.imageshack.us/img18/3017/loginrw.png) no-repeat right 0;}

        #top ul.login li.left {
        background: url(http://img41.imageshack.us/img41/3439/loginlc.png) no-repeat left 0;}

        #top ul.login li {
        background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_m.jpg) repeat-x 0 0;}

        /*Login*/
        /* toggle effect - show/hide login*/
        #login {
        background: #1E1E1E;}

        #login .loginContent input:focus.field {
        background: #545454;}

        #login .loginContent input.button_login {
        background: transparent url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_login.jpg) no-repeat 0 0;}

        #login .loginClose a {
        background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right 0;}

        #login .loginClose a:hover {
        background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right -20px;}
        </style>

        <!-- Login --><div id="loginn" style="display: block;position: absolute;left: 0px;top: 0px;width: 100%;">
        <div id="login" style="margin-top:-105px;">
        <div class="loginContent">

        <form action="/login.forum" method="post" enctype="multipart/form-data" name="form_login" id="form_login2">

        <label for="log"><b>Username: </b></label>
        <input name="username" size="23" class="field" maxlength="25" type="text" style="clear: both;" />

        <label for="pwd"><b>Password:</b></label>
        <input name="password" class="field" size="23" maxlength="25" type="password" style="clear: both;" />

        <input class="menuoption button_login" type="submit" name="login" value=" " />

        <input type="hidden" name="redirect" value="" />

        </form>
        <div class="left">

        <label for="rememberme">
        <input name="autologin" id="autologin" type="checkbox" tabindex="4" checked="checked" class="radio" /> Conexão automática
        </label>

        </div>

        <div class="right">Não é um membro? <a href="/profile.forum?mode=register">Registar-me</a> | <a class="gensmall" href="/profile.forum?mode=sendpassword"> Recuperar Senha</a></div>

        </div>
        <div class="loginClose"><a href="#" id="closeLogin" onclick="document.getElementById('login').style.marginTop=((document.getElementById('login').style.marginTop=='0px')? '-105px' : '0px');">Fechar Painel</a></div>

        </div>


        <!-- /login -->


        <div id="container">
        <div id="top">

        <!-- login -->

        <ul class="login">

        <li class="left"> </li>

        <li>Olá Visitante!</li>

        <li>|</li>

        <li><a id="toggleLogin" href="#" onclick="document.getElementById('login').style.marginTop=((document.getElementById('login').style.marginTop=='0px')? '-105px' : '0px');">Entrar</a></li>

        </ul> <!-- / login -->

        </div> <!-- / top -->


        <div class="clearfix"></div>
        </div>



Home Page ~ Painel de controle Visualização Home Page Geral Mensagem na Página Inicial Adicione o código e salve!

Widget ~ Painel de controle Módulos Gestão dos widgets Criar um widget personalizado Isira o código, salve e arraste o widget para o lugar correto

Até mais

Obrigado
mas ainda não funcionou
eu botei no widget e botei no lugar dos widgets,mas não deu certo
quero um perfil meio que preto com a imagem,estatísticas...
é mais ou menos assim:



só que todo preto,no teto do fórum e com as letras azuis

Funcionou
Mas tem dois Problemas:
1ºAs letras são minúsculas,não tem como aumenta-las não?
2ºMesmo quando eu faço o Login,ele continua dizendo:
"Olá Visitante! Entrar
Então podem me ajudar com esses dois problemas?,por favor!

Olá!

Você terá que fazer algumas alterações no código, como por ex: adicionar a url de login de seu fórum e também logout, além do mais, consertar o pequeno erro de português existente no menu e aumentar o tamanho da fonte como deseja. Uma boa dica é usar a nova versão que foi lançado recentemente, que tem mais recursos e foi criado com JQuery! Veja o tutorial e faça o download neste link: CLIQUE AQUI!

Abço