Melhor resposta para Phpbb3

Qual é minha questão:
Oi, vocês tem o código de Melhor resposta para a versão Phpbb3?

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
Phpbb3

Crie um novo JS com investimento nos tópicos e adicione:

Código:

$(function(){
    $('.post[style="background-color:#e5ffcf;"]').prepend('<div id="best-res" class="answerBadgeInPost">✓  Melhor Resposta</div>');
    var topicauthor = $('.post #best-res').parents('.post').find('p.author').html();
    var topicavatar = $('.post #best-res').parents('.post').find('.postprofile a img').attr('src');
    var urlavt= $('.post #best-res').parents('.post').find('.postprofile a').attr('href');
    var topicpost = $('.post #best-res').parents('.post').find('.topic-title a').attr('href');
    var bestTopic = $('.post #best-res').parents('.post').find('.content').html();
if($('#best-res').length){
    $('.page-title').after('<div class="post_feature_box">
<span class="ipsUserPhoto"><img src="'+topicavatar+'" /></span>
<span class="ipsBadge">Melhor Resposta</span> '+topicauthor+'<div style="border: 1px solid #ddd; border-bottom: 1px solid #ececec; margin: 3px;"></div><div style="display: inline-block;">'+bestTopic+'</div><a href="'+topicpost+'">
        <span class="ipsBadge" style="background: #B3B3B3;font-weight: normal !important;">Visualizar todo o conteúdo do post <img class="icon" src="http://i.imgur.com/omzqZnf.png"></span></a>
</div>');}
    });

Depois adicione ao seu css:

Código:

/*feature box*/
.post_feature_box {
  margin-top: 5px;
  max-width:100%;
  background-color: rgb(234, 248, 226);
  border: 1px dotted rgb(51, 51, 51);
  padding: 6px;
  min-height: 60px;
}
#best-res {
color: #436500;
background: #dfedd1;
text-shadow: rgba(255,255,255,0.8) 0px 1px 0px;
border: 1px solid #accf8b;
border-top: 0;
padding: 0 12px;
height: 30px;
line-height: 30px;
position: relative;
float: right;
margin: 0px -2px 8px 8px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
}
.ipsUserPhoto {
float: left;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
margin-right: 8px;
}
.ipsUserPhoto:hover {
border-color: #7d7d7d;
}
.ipsUserPhoto img {
width: 50px;
height: 50px;
}
.ipsBadge {
background: #7ba60d;
display: inline-block;
height: 16px;
line-height: 16px;
padding: 0 5px;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
vertical-align: middle;
margin-right: 8px;
}

Lembre-se que no código JS você deve localizar: '#e5ffcf' e trocar pela cor que você definiu para o fundo das mensagens agradecidas. Até mais!

Daemon, muito bom, resultou

Obrigado e boa noite.

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]Movido para: Arquivo - Pedido de código