Adicionar função de melhor resposta aos tópicos

Gostaria de saber como faço para isso aparecer no meu fórum que nem aqui no fórum de ajuda um botão de resolvido lá em baixo e a melhor resposta em cima da postagem


@Edit:

Usei esse código porém quando uso ele a mensagem não aparece e o botão não marca a opção resolvido sempre fica como a opção nenhum que é o icone default do forum minha imagem resolvido é a 2 sem contar como o icone default tentei de tudo até agora e nada segue o codigo usado

Código:

jQuery(document).ready(function(){if(jQuery('.post:eq(0) .i_icon_edit') & ('.pathname-box a.nav[href*="/X-"]').length){jQuery('#main-content h1.page-title:eq(0)').before('<div style="background:#C8E2B7;border:1px solid green;padding:5px;color:#666666;text-align:center;font-family:Verdana;font-size:11px"><img src=http://i.imgur.com/uPsiC.png height=48 style=vertical-align:middle> Ajude a organizar o fórum, caso sua dúvida tenha sido resolvida clique no botão resolvido</div>')}});

jQuery(document).ready(function(){var r='.post:eq(0) .i_icon_edit';if(jQuery(r).length){jQuery('.buttons').append('&nbsp&nbsp&nbsp<a href="'+jQuery(r).parent().attr('href')+'&solved=true"><img src=http://i.imgur.com/EFz6C.gif></a>')};if(location.href.match(/&solved=true/)){jQuery('form[name="post"]').append('<input type=hidden name=post_icon value=X>');p=document.getElementById('post_icon_X');if(p){p.checked=true};jQuery('.submit-buttons input[name="post"]').click()}});

Apenas copiei deste tutorial https://ajuda.forumeiros.com/t74425-tutoria-adicionar-botao-resolvido-phpbb3-e-punbb porém não obtive o resultado satisfatório, preciso de um botão resolvido apenas para os autores dos topicos, alem da mensagem de melhor resposta em cima quando o botão obrigado for acionado.

OBS: não possuia outros JS ativos durante os testes adicionei agora a pouco o do facebook connect e do google analytcs

Boa noite!

Adicione este código Javascript:

Código:

jQuery(function(){
    jQuery('.post[style="background-color:#f4f9fd;"]').prepend('<div id="melhor_reply_fdf" class="profile_user">✓  Melhor Resposta</div>');
    var topicauthor = jQuery('.post #melhor_reply_fdf').parents('.post').find('p.author').html();
    var reply_author_name = jQuery('.post #melhor_reply_fdf').parents('.post').find('.postprofile strong').html();
    var topicavatar = jQuery('.post #melhor_reply_fdf').parents('.post').find('.postprofile dt a img').attr('src');
    var urlavt= jQuery('.post #melhor_reply_fdf').parents('.post').find('.postprofile a').attr('href');
    var topicpost = jQuery('.post #melhor_reply_fdf').parents('.post').find('.topic-title a').attr('href');
    var bestTopic = jQuery('.post #melhor_reply_fdf').parents('.post').find('.content').html();
if(jQuery('#melhor_reply_fdf').length){
    jQuery('.page-title').after('<fieldset id="cont-d"><legend>MELHOR RESPOSTA</legend>
<p>A melhor resposta foi dada pelo usuário   '+reply_author_name+' ! Caso não seja a melhor resposta, use o sistema de busca para obter ajuda necessária ou crie uma nova questão!</p><div id="postContent"><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+'</fieldset><a href="'+topicpost+'"><br></div>
        <span class="ipsBadge" style="background: #B3B3B3;font-weight: normal !important;">Ver a mensagem marcada como OBRIGADO. <img class="icon" src="http://i.imgur.com/omzqZnf.png"></span></a>
</div>');}
    });

Em seguida, adicione este CSS:

Código:

legend {
height: 20px;
padding: 9px 0px 0px 0px;
font-size: 1.6em;
font-weight: bold;
color: #00a5cd;
line-height: 100%;
display: block;
}

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

span#melhor-resp-icon {
background: url(http://i57.servimg.com/u/f57/16/63/75/54/ok10.png) no-repeat;
padding: 16px 15px;
position: absolute;
margin-top: -1.8%;
right: 24%;
}

#cont-d {
margin-top: 10px;
margin: 15px 0px 0px 15px;
padding: 10px 15px 10px 10px !important;
border: 1px solid #cdcdcd;
font-size: 0.9em;
position: relative;
background: #f7f7f7 url(http://2img.net/i/bl/spirale.png) no-repeat;
}

div#postContent {
background-color: #E5F1F9;
padding: 10px 10px 10px 5px;
background-image: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_pannel.png);
background-position: 50% 100%;
background-repeat: repeat-x;
border: 1px solid rgb(195, 224, 241);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-radius: 4px;
box-shadow: 1px 1px 1px;
margin: 3px 1px;
padding-bottom: 8px;
padding-top: 4px;
}

Modifique o valor #f4f9fd do código, para o valor de fundo das mensagens agradecidas em seu fórum. Feito isso, salve.
E sobre o botão resolvido, volte a ler:
https://ajuda.forumeiros.com/t90665-

Atenciosamente,
Sennior.

Sobre botão resolvido também não resoltou vou tratar desse assunto neste tópico novo https://ajuda.forumeiros.com/t95626-botao-resolvido-dando-erro#652644 aguardo ajuda!

Boa tarde!

Tente novamente usando as indicações deste tópico: https://ajuda.forumeiros.com/t90736-melhor-resposta-phpbb3

Até mais!

Não resultou em nada!

Bom dia!

Aplique o efeito somente para os tópicos, pois, pelo que posso ver há um erro de sintaxe no seguinte código: http://aquariumbrasil.forumeiro.com/99802.js Isso pode ter ocorrido depois de colocar o código junto ou "Em todas as páginas" na sua função do Javascript. A mensagem só será exibida após a mensagem ser agradecida.

Até mais!

Amigo me js está neste endereço http://aquariumbrasil.forumeiro.com/16436.js e não resultou em nada fui a uma mensagem agradeci a outro usuário com o código aplocado nos tópicos e nada aconteceu

Você apenas replicou o que eu disse, sem perceber o que destaquei:

Shek escreveu:Aplique o efeito somente para os tópicos,...

O que eu disse é que, você tem o seu atual código http://aquariumbrasil.forumeiro.com/16436.js aplicado Em todas as páginas, e não Nos tópicos. Você confirma isso???

Apliquei nos tópicos e não resultou da mesma forma tô começando a achar que meu fórum tá bugado -_- nada que eu quero botar presta...

Olá!

Não funciona por que tens um script que está causando bug nos outros. Delete todos eles e deixe apenas o que menciono no meus tópicos.

Estou usando apenas o Analytics do google, o facebook connect, o botão resolvido incompleto, e a melhor resposta que não funciona...

Remova o código selecionado em Azul na imagem abaixo:

Deixei apenas o seu JS e continuou sem nada aqui na mensagem agradecida... e também esta pagina que você está visualizando em seu navegador não existe aqui no meu painel...

Me indique a URL do tópico com o agradecimento feito.

Bom, você definiu em Visualização > Imagens e Cores > Cores > Cor do fundo de uma mensagem agradecida > uma cor de fundo para suas mensagens agradecidas? Se não, defina para a cor:

Código:

#cadceb

e salve.

Eu não sei muito sobre isso não manda o código todo apaguei o que tinha lá pra por o seu!

Como assim Bruno? Você não definiu uma cor específica para suas mensagens agradecidas, e por isso não funciona. O código busca a cor de fundo que citei para emitir todo o processo que temos aqui no FDF, por exemplo. Se não definir a cor, não tem como o código funcionar.

Qual seria a dificuldade para com a função? Diga-nos, que vamos lhe auxiliar!

Eu só tenho o JS que você me passou e não tenho mas nenhum CSS ativo no caso eu queria essa função funcionando normalmente no meu fórum assim como o botão obrigado do meu outro tópico mas nenhum e nem outro funcionam conforme deveriam

Bruno, vou pedir novamente... Você definiu a cor para a função que eu falei? Se não definir, o efeito não vai funcionar. Siga as instruções que lhe passei, por favor!

Amigo minha questão foi resolvida segue aqui os passos que eu tomei para instalar a função:
1.instalei este CSS

Código:

legend {
height: 20px;
padding: 9px 0px 0px 0px;
font-size: 1.6em;
font-weight: bold;
color: #00a5cd;
line-height: 100%;
display: block;
}

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

span#melhor-resp-icon {
background: url(http://i57.servimg.com/u/f57/16/63/75/54/ok10.png) no-repeat;
padding: 16px 15px;
position: absolute;
margin-top: -1.8%;
right: 24%;
}

#cont-d {
margin-top: 10px;
margin: 15px 0px 0px 15px;
padding: 10px 15px 10px 10px !important;
border: 1px solid #cdcdcd;
font-size: 0.9em;
position: relative;
background: #f7f7f7 url(http://2img.net/i/bl/spirale.png) no-repeat;
}

div#postContent {
background-color: #E5F1F9;
padding: 10px 10px 10px 5px;
background-image: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_pannel.png);
background-position: 50% 100%;
background-repeat: repeat-x;
border: 1px solid rgb(195, 224, 241);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-radius: 4px;
box-shadow: 1px 1px 1px;
margin: 3px 1px;
padding-bottom: 8px;
padding-top: 4px;
}

Depois mudei a cor de mensagem agradecida para "#cadceb" sem as aspas e inseri o JS:

Código:

jQuery(function(){jQuery('.post[style="background-color:#cadceb;"]').prepend('<div id="melhor_reply_fdf" class="profile_user">✓  Melhor Resposta</div>');var topicauthor=jQuery('.post #melhor_reply_fdf').parents('.post').find('p.author').html();var reply_author_name=jQuery('.post #melhor_reply_fdf').parents('.post').find('.postprofile strong').html();var topicavatar=jQuery('.post #melhor_reply_fdf').parents('.post').find('.postprofile dt a img').attr('src');var urlavt=jQuery('.post #melhor_reply_fdf').parents('.post').find('.postprofile a').attr('href');var topicpost=jQuery('.post #melhor_reply_fdf').parents('.post').find('.topic-title a').attr('href');var bestTopic=jQuery('.post #melhor_reply_fdf').parents('.post').find('.content').html();if(jQuery('#melhor_reply_fdf').length){jQuery('.page-title').after('<fieldset id="cont-d"><legend>MELHOR RESPOSTA</legend><p>A melhor resposta foi dada pelo usuário'+reply_author_name+'!Caso não seja a melhor resposta,use o sistema de busca para obter ajuda necessária ou crie uma nova questão!</p><div id="postContent"><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+'</fieldset><a href="'+topicpost+'"><br></div><span class="ipsBadge"style="background: #B3B3B3;font-weight: normal !important;">Ver a mensagem marcada como OBRIGADO.<img class="icon"src="http://i.imgur.com/omzqZnf.png"></span></a></div>')}});

 

Isso resolveu e funcionou 100% só coloquei aqui mesmo pra não fechar o topico com "resolvi" ou "deu certo" postando a solução fica mais fácil de ajudar alguem que tiver a mesma dúvida que eu obrigado Shek!