Campo última mensagem

Qual é minha questão:
Olá galera eu quero deixa o campo da ultima mensagem do meu fórum igual ao o desse http://www.hightechbr.co.cc/forum

Links e imagens do meu problema:
Http://www.hightechbr.co.cc/forum

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

Versão do meu fórum:
PHPBB3

Olá,

A senhorita poderia mandar alguma imagem específica de sua questão?

Cordialmente

Olá,
Aceda a "Gestão dos Widgets do fórum".

Painel de Controle Módulos Portal & Widgets Gestão dos widgets do fórum

Procure por "Tópicos Recentes" e adicione nos seus Widgets..

Passar bem!

eu quero que o campo ultima mensagem do meu fórum fique igual a o desse fórum http://www.hightechbr.co.cc/forum o campo onde fica a imagem e o nome de quem posto a ultima mensagem eu quero deixar assim

Olá!
Leia este tópico:

https://ajuda.forumeiros.com/t66300-

Passar bem!

cara já ta aparecendo aqui a foto mais olha o meu Aqui viu? agora olhe o dele Aqui Viu?
mais qual é a diferença?
simples no dele tem uma caixinha ao redor e o link da mensagem fica do lado do avatar e o nome do usuário em baixo da data eu quero deixa o meu assim

Olá!
Se pude-se liberar seu fórum (Apenas 1 Fórum) para podermos ver o efeito, seria melhor.. Pois não estou entendendo muito bem.

Passar bem!

pronto liberei gamemakercenter.forumeiros.com

Olá!
Aceda sua "Folha de Estilo CSS".

Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS

Código:

dd.lastpost{background-color:#DCEAF5;border-radius:5px;margin:6px 13px}

e Valide!

Passar bem!

não o código só fez adicionar um fundo azul eu quero que fique organizado igual a o desse fórum http://www.hightechbr.co.cc/forum

Olá!
Fui em seu fórum, e o senhor não colocou o código que eu pedi para o senhor colocar, se puder colocar, e deixa-lo para vermos qual é o problema.. seria melhor..

Passar bem!

Olá,

Coloque em teu CSS:

Código:

dd.lastpost{background-color:#DCEAF5;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin:6px 13px}

Depois disto, troque seu CSS do avatar em last post por este:

Código:

 #avatar-lastpost img {
width: 40px;
height: 40px;
background: white;
padding: 3px;
border: 1px solid gray;
}
#avatar-lastpost img:hover {
border: 1px solid black;
}

E troque seu JavaScript por este:

Código:

$(document).on('ready', function() {
        $('.topiclist.forums .row .lastpost').prepend('<div class="avatar-index"><div>');
        $('.topiclist.forums .row .lastpost .avatar-index').each(function () {
            var profileUserURL = $(this).parent().children('span').children('strong').children('a').attr('href');
            $(this).html('<a href="' + profileUserURL + '" class="avatar-index-enlace"><img src="http://cdn1.iconfinder.com/data/icons/basicset/user_64.png" alt="No Avatar" /></a>');
            $(this).children('a').load(profileUserURL + ' .module:eq(0) img:eq(0)')
        });
    });

Salve!
Resulta?

Até mais

@Dr.House_.
Ok

@unkn
cara a imagem ficou enorme e o resto continuo igual

Olá!
Troque o CSS "Do avatar no Last post" por este:

Código:

.mini_ava {
  float: left;
}
.mini_ava img {
  width: 40px;
  height: 40px;
  margin: 0 5px;
  border-radius: 10px;
  transition: all 2s;
  -moz-transition: all 2s;
  -webkit-transition: all 2s;
  -o-transition: all 2s;
}

e Valide!

Passar bem!

resultou obrigado Dr.House_.