Pedido isso aqui

Qual é minha questão:
Apenas esse painel de usuario e como acedar.
Print: https://i.imgur.com/zW9ojBS.png

Endereço do meu fórum:
http://bpf-rotamforever.forumeiros.com

Versão do fórum:
phpBB

Olá, irei lhe dar as próximas instruções abaixo de como adquirir seu pedido.

Painel de Controle Visualização Página Incial Geral Mensagem de Página Inicial.

Após isso adicione este código.

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 I */
    #topp {
    height: 38px;
    position: relative;
    }

    #topp ul.login {
    display: block;
    position: relative;
    float: right;
    clear: right;
    height: 38px;
    width: auto;
    font-weight: bold;
    line-height: 38px;
    margin: 0;
    right: 150px;
    color: white;
    font-size: 80%;
    text-align: center;
    padding-right: 45px;
    }

    #topp ul.login li.left {
    height: 38px;
    width: 45px;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
    }

    #topp ul.login li {
    text-align: left;
    padding: 0 6px;
    display: block;
    float: left;
    height: 38px;
    }
    #topp ul.login li a {color: #33CCCC;}
    #topp ul.login li a:hover {color: white;}

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

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

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

    #topp 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{padding-top:0px;width:790px;height:100px;}

    #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:-100px;"><div class="loginContent">
  <table  style="width:100%;"  border="0">
    <tr>

    <td style="text-align:center;">
    <table border="0">
    <tr>

    <td>
    <script>
    jQuery(document).ready(function(){
      jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
          link = jQuery('.panel dl:first img', data).attr('src');
          if(link){
            jQuery('#avatar').html('<img src="'+link+'" align="left" width="60" height="80">');
          }else{
            jQuery('#avatar').html('');
          }
      });
    });
    </script>
    </td>

    <td>
    <span style="font-size: 1.2em;">
    <font size="4"><a href="http://www.narutorpgakatsuki.com/profile.forum?mode=viewprofile&u=6624">{USERNAME}</a></font><br />
    <b>Mensagens:</b> {USERCOUNTPOST}
    </span>
    </td>

    </tr>
    </table>
    </td>



    <td style="text-align:center;">
    <span style="font-size: 1.2em;"><b>Alterar</b><br />
    <a href="../profile.forum?mode=editprofile&page_profil=informations">Informações</a><br />
    <a href="../profile.forum?mode=editprofile&page_profil=preferences">Preferências</a><br />
    <a href="../profile.forum?mode=editprofile&page_profil=signature">Assinatura</a><br />
    <a href="../profile.forum?mode=editprofile&page_profil=avatars">Avatar</a><br />
    </span>
    </td>

    <td style="text-align:center;">
    <span style="font-size: 1.2em;"><b>Ver</b><br />
    <a href="../search.forum?search_id=watchsearch">Tópicos supervisionados</a><br />
    <a href="../search.forum?search_id=draftsearch">Rascunhos</a><br />
    <a href="../search.forum?search_id=favouritesearch">Tópicos favoritos</a><br />
    <a href="../rpg_sheet_edit.forum">Ficha de personagem</a><br />
    </span>
    </td>

    <td style="text-align:center;">
    <span style="font-size: 1.2em;"><b>Tópicos & Mensagens</b><br />
    <a href="../msg.forum?folder=inbox">Mensagens Privadas</a><br />
    <a href="../search.forum?search_topics={USERNAME}">Meus tópicos</a><br />
    <a href="../search.forum?search_id=egosearch">Tópicos que participa</a><br />
    <a href="../search.forum?search_author={USERNAME}&show_results=posts">Minhas mensagens</a><br />
    </span>
    </td>

    </tr>
    </table>




    </div>

    </div>


    <!-- /login --><div id="container"><div id="topp">

    <!-- login -->

    <ul class="login">

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

    <li><a id="toggleLogin" href="#" onclick="document.getElementById('login').style.marginTop=((document.getElementById('login').style.marginTop=='0px')? '-100px' : '0px');">Painel de {USERNAME}</a></li>

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

    </div> <!-- / topp --><div class="clearfix"></div>
    </div>