Sidebar com Informações do Perfil

Qual é minha questão:
Eu gostaria de colocar na sidebar do meu fórum informações do perfil, como avatar, mensagens postadas, novas mensagens, rank, e etc. Eu já possuo uma sidebar com alguns links importantes para os usuários e para facilitar a vida de cada um gostaria dessa facilidade.

Medidas que eu tomei para corrigir o problema:
Eu utilizo o código da sidebar em widget.

Código:

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/prototype.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/effects.js" type="text/javascript"></script>
 <script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/side-bar.js" type="text/javascript"></script>
 <style>
 body{
 font-size:75%;
 }
 a{
 outline: none;
 }
 a:active{
 outline: none;
 }
 #sideBar{
 text-align:left;
 }
 #sideBar h2{
 color:#F0FFFF;
 font-size:110%;
 font-family:arial;
 margin:10px 10px 10px 10px;
 font-weight:bold !important;
 }
 #sideBar h2 span{
 font-size:125%;
 font-weight:normal !important;
 }
 #sideBar ul{
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 }
 #sideBar li{
 margin:0px 5px 5px 10px;
 padding: 0 0 0 10px;
 list-style-type:none;
 display:block;
 background-image:url(http://i44.tinypic.com/104rbea.jpg);
 background-position:top right;
 background-repeat:repeat-y;
 width:200px;
 color:#FFFFFF;
 }
 #sideBar li a{
 width:100%;
 }
 #sideBar li a:link,
 #sideBar li a:visited{
color:#FFFFFF;
 font-family:Century Gothic;
 font-size:100%;
 text-decoration:none;
 display:block;
 margin:0px 0px 0px 0px;
 padding:0 0 0 20px;
 width:100%;
 }
 #sideBar li a:hover{
 color:#FFFF00;
 text-decoration:underline;
 }
 #sideBar{
 position: fixed;
 width: auto;
 height: auto;
 top: 150px;
 left:0px;
 background-image:url(http://i44.tinypic.com/104rbea.jpg);
 background-position:top right;
 background-repeat:repeat-y;
 }
 #sideBarTab{
 float:left;
 height:0px;
 width:0px;
 }
 #sideBarTab img{
 border:0px solid #FFFFFF;
 }
 #sideBarContents{
 float:left;
 overflow:hidden !important;
 width:190px;
 height:180px;
 }
 #sideBarContentsInner{
 width:150px;
 }</style>
 <div id="sideBar">
 <div id="sideBarContents" style="display:none;">
 <div id="sideBarContentsInner">
<ul>
<li><a href="http://institutoxrpg.forumeiros.comprivmsg?folder=inbox"Mensagens</a></li> <li><a href="http://institutoxrpg.forumeiros.com/profile?mode=editprofile">Perfil</a></li>
 <li><a href="http://institutoxrpg.forumeiros.com/f10-geral">Geral</a></li>
 <li><a href="http://institutoxrpg.forumeiros.com/f13-vagas-e-cargos">Vagas e  Cargos</a></li><li><a href="http://institutoxrpg.forumeiros.com/f1-regras">Regras</a></li><li><a href="http://institutoxrpg.forumeiros.com/c2-instituto-charles-xavier">Propriedades do Instituto</a></li>
</ul>
</div> </div>
 <a id="sideBarTab" href="#"><img alt="sideBar" src="http://i40.tinypic.com/oje4pg.png" title="sideBar" /></a>
 </div>

Links e imagens do meu problema:
Eu gostaria de fazer igual a esse fórum abaixo.
https://2img.net/h/oi42.tinypic.com/2qs8p4l.jpg

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

Versão do meu fórum:
PHPBB2

Aqui no Fórum dos Fóruns mesmo, apenas o arrumei de acordo com minha necessidade.

Eu consegui um código aqui para o painel de usuário, igual ao daqui do FdF e agora gostaria que esse painel fosse retrátil, igual a imagem. Acho que já melhorou um pouquinho