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!