Como colocar a barra de perfil das mensagens desse jeito:

Qual é minha questão:
Gostaria de colocar os perfis que ficam na lateral da mensagem parecido com esse, apenas editando as cores e afins. Como não sei lidar com a folha de estilo CSS, venho pedir ajuda até vocês. Agradeço.

Medidas que eu tomei para corrigir o problema:
-

Imagens do meu problema:


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

Versão do meu fórum:
PHPBB2

Olá, poderia nos fornecer o link do forum em que viu isso?

Olá, esse foi o fórum que eu vi: http://ny-rpg.forumeiros.com/t804-ficha-logan-lerman

Olá, aceda a Painel de controle Visualização Imagens e cores Cores Aba "Folha de estilo CSS" então adicione o codigo:

Código:

.Fdescrição{
   background-image:url(http://img155.imageshack.us/img155/4443/1g4tjajpg.png);
   border-left:#8a93a3 3px solid;
   background-position:top;
   padding-right:10px;
   padding-bottom:10px;
   padding-top:10px;
   color:#7f7f7f;
}

.postdetails.poster-profile a img
{
border: 5px solid #78484f;
}

.profilentour
{
text-align:center;
background-image:url(http://img691.imageshack.us/img691/3579/sanstitre15fm2.jpg);
-moz-border-radius:5px;
padding:7px;
border-bottom:5px solid #79B3CB;
border-top:5px solid #79B3CB;
border-right: 2px #79B3CB dotted;
border-left: 2px #79B3CB dotted;
border-shadow: #C5D7E3 2px 2px 2px;
}







.profil_contour:{
background-image:url('http://i66.servimg.com/u/f66/15/16/74/94/fff10.png');
border:3px solid #C5D7E3;
border-right:7px solid #aca499;
-moz-box-shadow: 0px 0px 10px #000000;
-moz-border-radius:21px;
padding:3px;
}

Só fez um contorno marrom em volta do avatar.

Olá, coloque este codigo junto

Código:

* {
  font-family: Tahoma, Verdana, Arial, serif, Georgia, Courier New;

}
a.info {
  position: relative;
  color: #576186;
  text-decoration: none;

}

a.info span {
    display: none;
font-size: 12px;

}
a.info:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;

  top: 20px; /* on positionne notre infobulle */
  left: 10px;
  width: 300px;
  background: #C0CDE5;

  color: #576186;
  padding: 3px;

  border: 3px solid #3E3D70;
}

.topo_post{
padding-LEFT:30px;
 padding-RIGHT: 30px;
 
}

.topo_post1{
   background-image:url(http://img691.imageshack.us/img691/3579/sanstitre15fm2.jpg);
background-repeat:repeat;
   text-ALIGN: justify;
}

.topo_post2{
   background-COLOR:#8a93a3;
   text-ALIGN:center;
}

Deu certo, obrigado ;D