Olá amigos, eu não sei o que rola com meu fórum que nenhum código de melhor resposta funciona la :/
Eu estava realmente precisando deste código para organizar melhor a área de dúvidas do meu fórum, esse código facilitaria demais as coisas, eu tentei eu mesmo fazer o código sem sucesso também, apesar de entender a lógica desse sistema

Então como último recurso, vim aqui pedir ajuda, alguém teria como me passar um código de melhor resposta semelhante ou igual ao do sistema IP.Board? Fico grato desde já

Link do meu fórum: http://mtaz.wikiforum.net

Olá!

Posso lhe passar o nosso código de melhor resposta se você quiser... É baseado neste mesmo link: http://jscript.forumeiros.com/t188-sistema-de-melhor-resposta-onde-a-staff-escolha

Mas por enquanto te passo por MP pois ainda vou fazer um tutorial bem elaborado ok?

JS

Seria ótimo meu amigo, ficaria grato

Olá,
Crie um novo JavaScript com o seguinte código:
Investimento: Nos tópicos

Código:

$(function(){
        $('.post h3[style="background-color:#e9f7e1;"]').append('<div id="best-res" class="answerBadgeInPost">✓  Melhor Resposta</div>').attr('style','background-image: -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.3)), color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);background-image: -o-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);background-image: -ms-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);background-image: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);-webkit-box-shadow: inset rgba(255,255,255,0.35) 0px 1px 0px;-moz-box-shadow: inset rgba(255,255,255,0.35) 0px 1px 0px;box-shadow: inset rgba(255,255,255,0.35) 0px 1px 0px;background: #dfedd1;text-shadow: rgba(255,255,255,0.8) 0px 1px 0px;border: 1px solid #accf8b;');
        var topicauthor = $('.post #best-res').parents('.post').find('h3 span[itemprop="name"] a').html();
        var topicavatar = $('.post #best-res').parents('.post').find('.postmain .postbody .user .user-ident .user-basic-info a img').attr('src');
        var urlavt= $('.post #best-res').parents('.post').find('.postmain .postbody .user .user-ident .user-basic-info a').attr('href');
        var topicpost = $('.post #best-res').parents('.post').find('h3 .ipsType_small a').attr('href');
        var bestTopic = $('.post #best-res').parents('.post').find('.entry-content div').last().prev().html();
    if($('#best-res').length){
        $('.main.paged').before('<div class="post_feature_box">
    <span class="ipsUserPhoto"><img src="'+topicavatar+'" /></span>
    <span class="ipsBadge">Melhor resposta por:</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+'">            <p>               <span class="ipsBadge" style="background: #B3B3B3;font-weight: normal !important;">Visualizar conteúdo da postagem  <img class="icon" src="http://i.imgur.com/omzqZnf.png"></span></a></p>
    </div>');}
        });

Salve!

Depois aceda a sua CSS:

Código:

/*Melhor resposta*/
   .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: -1px -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;
   }

Resultado?
Cheque aqui: http://suportecommunity.forumeiros.com/t7-inscricoes-abertas
Até +

Enquanto o JScript não envia o dele, testei seu código Sr.iTrevaS, e não obtive resultado amigo

Olá pessoal!

Eu peço um pouco paciência e todos terão este código que usamos aqui, o problema é minha falta de tempo para deixar o código legível e de fácil manutenção/alteração, assim também como não gosto de entregar um código feio onde só eu entenda...

Muitas coisas vão mudar serão pra melhores, afinal de contas nosso objetivo aqui é repassar o conhecimento, não importando o que farão com ele, desde que sejam para coisas lícitas, claro!

Estou resolvendo uns pequenos bugs em um widget do @Legolas mas que o resultado será para todos nós!!!
Assim como também irei concluir um código que o @Houdini pediu também...

Aguardem amigos,

JS