[PunBB][Pedido] ¿Como colocar mejor Respuesta estilo IPB?

Hola amigos, he tenido un cambio rotundo en la reconstrucción de mi foro. Buscando mejores opciones he encontrado un tema que me ha llenado mis dudas, en fin. lo que quería era que alguien me ayudara a colocar la caja de "Mejor Respuesta" En los temas, como ya saben al agradecer un tema se estaría eligiendo la mejor respuesta.

Tengo esete Javascript:

Código:

$(function(){
    $('.post .posthead[style="background-color:#eaf8e2;"]').append('<div id="best-res" class="answerBadgeInPost">✓ &nbsp;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('.user .username 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('.posthead a').attr('href');
    var topicdata = $('.post #best-res').parents('.post').find('.posthead h2 .data-post').html();
    var bestTopic = $('.post #best-res').parents('.post').find('.entry-content').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</span> '+topicauthor+', '+topicdata+'<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>');}
    });

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: -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;
}

Por una parte esta el javascript y el css, ahora quien me ayuda a colocarlo en el template, ya que no tengo mucho conocimiento haciendo eso... 

PD, si el javascript tiene algún error por favor ayudarme con eso, no soy muy bueno programando!

Que yo sepa hacer eso no es posible, porque una vez que la mejor respuesta esté en otra página del hilo ya no funcionaría y daría error. Neceisto que me digas qué es el elemento con ID #best-res para poder entender mejor el código porque, como ya te digo, en principio no es posible.

Claro, claro, ese elemento es el diseño del box cuando alguien agradece, es decir cuando aparece!

Pero el problema está en que como vas a saber quién es el escritor del mensaje al que se le ha dado gracias si está en otra página que no sea en la actual en la que estés. ¿Me entiendes? El código lo que seguramente hace es buscar si existe la clase en la página en la que estás.

si, entiendo a lo que te refieres Bret. pero, mira, aca te dejo un ejemplo!!

http://www.4reyes.net/t1288-codigo-de-mejor-respuesta-estilo-ipb

Mi Colega Julinho, implanto el codigo en su foro, solo dejo a disposicion el js y el css, pero la estructura como tal no la tengo, y pues, Obviamente que la accion va despues de "Agradecer" un mensaje, cuando ese mensaje es agradecido automaticamente una parte del script sabe que esa es la respuesta rapida. Obviamente que reitero que la estructura iria en un template.

No puedo ver el código JS desde ese enlace. Por favor, coloca en oculto el código JS correspondiente.

Aca esta!

Código:

$('.post .posthead[style="background-color:#eaf8e2;"]')

Consegui, un tutorial, pero necesito saber si funciona.

http://www.punbb.biz/t182-solved-how-to-add-best-answer#1177

Ese es el post

Suárez♪ escribió:Consegui, un tutorial, pero necesito saber si funciona.

http://www.punbb.biz/t182-solved-how-to-add-best-answer#1177

Ese es el post

Ese código sigue generando el problema que te comentamos. Solo funcionará si estás en la página donde esté el tema marcado como mejor respuesta, pero si el tema tiene más de una página el código ya no funcionará.

Ya entiendo... Que mal, no saben donde pueda conseguir ese codigo?

Que yo sepa es algo que no es posible si Foroactivo no pone un poco de su parte, algo implementado de forma nativa o algo que te diga en qué página está el mensaje marcado como mejor respuesta.