Sistema de Melhor Resposta

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Problema começou : Hoje
Endereço do fórum : http://highdesign-forum.forumeiros.com

Descrição do problema

Olá pessoal,

Queria saber, se é possivel fazer no meu forum, um sistema de melhor resposta Igual aqui no FdF.

Pra quem nunca viu - https://i.imgur.com/tGF7zy3.png - Quando apertar o botão obrigado, aparecesse uma mensagem de melhor resposta (IGUAL O DA IMAGEM)



OBS: Vi o seguinte tópico > https://ajuda.forumeiros.com/t90037-colocar-melhor-resposta Porém não deu resultado em meu fórum.


Obrigado

Saudações autor!

Queira checar por gentileza: https://ajuda.forumeiros.com/t90736-melhor-resposta-phpbb3#616322
https://ajuda.forumeiros.com/t90037-colocar-melhor-resposta#611474

Um dos tópicos acima irá funcionar, peço que tente um por vez.

Atenciosamente,
Hakuouki

nenhum funcionou :/

Boa noite!

Muitas vezes, copiar e colar não dá resultados mesmo, Higor. Quais foram as aplicações que fez? Mudou a cor para a cor de fundo das mensagens agradecidas? Conferiu se o tópico já está agradecido pelo autor?

Até mais!

Olá senhor Shek  eu coloquei o seguinte código em JavaScript:

Código:

jQuery(function(){
    jQuery('.post[style="background-color:#ffffff;"]').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>');}
    });

E esse em 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;
}

Não estava agradecida pois eu mesmo criei um tópico para testar, e eu mesmo (em outra conta) cliquei em Obrigado, porém não teve efeito.

Com este daqui você não precisará nem adicionar a cor da mensagem agradecida:

Código:

jQuery(function(){
    jQuery('.post[style^="background-color"]').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>');}
    });

Mude apenas este JS e adicione também o CSS da mensagem acima.


Até mais!

Sem efeito :/

Entrei em seu fórum e o efeito está lá. Veja: http://homedesign.forumeiros.com/t11-fdcvdfcbgv#cont-d

Saudações autor!

Substitua todos os códigos fornecidos por este abaixo, porém com o investimento nos tópicos:

Código:

$(function(){if($('.pagetitle:first h2 strong').length){$('.pagetitle[style="background-color:#dfedd1;"]').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 tautor=$('#best-res').parents('.post').find('.user .username a').html();var topicavatar=$('#best-res').parents('.post').find('.postmain .postbody .user .user-ident .user-basic-info a img').attr('src');var urlavt=$('#best-res').parents('.post').find('.postmain .postbody .user .user-ident .user-basic-info a').attr('href');var topicpost=$('#best-res').parents('.post').find('.posthead a').attr('href');var topicem=$('#best-res').parents('.post').find('.posthead h2 .data-post').html();var bestTopic=$('#best-res').parents('.post').find('.entry-content div').last().prev().html();if($('#best-res').length){$('#main-content .paged').before('<div class="post_feature_box"><span class="ipsUserPhoto"><a href="'+urlavt+'"><img src="'+topicavatar+'"/></a></span><div style="margin-left: 65px;"><span class="ipsBadge">Melhor Resposta</span> '+tautor+', '+topicem+'<div style="border: 1px solid #accf8b; border-bottom: 0px; margin: 2px;"></div>'+bestTopic+'<a href="'+topicpost+'"><span class="ipsBadge"style="background: #9ac472;">Visualizar todo o conteúdo do post&nbsp;»</span></a></div></div>')}}});

Caminho: Painel de Controle >> Módulos >> HTML & JAVASCRIPT >> Gestão dos códigos JavaScript

Adicione ao início da tua CSS:

Código:

.post_feature_box {
-moz-box-shadow: rgba(0,0,0,0.1) 0 1px 5px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0 1px 5px;
background-color: #dfedd1;
background-image: linear-gradient(tobottom,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%);
border: 1px solid #accf8b;
box-shadow: rgba(0,0,0,0.1) 0 1px 5px;
color: #3a6a16;
font-size: 11.4px;
line-height: 180%;
margin-top: 5px;
max-width: 100%;
min-height: 60px;
padding: 8px;
word-wrap: break-word;
}

.ipsUserPhoto {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1px solid #d5d5d5;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
float: left;
margin-right: 8px;
padding: 1px;
}

.ipsUserPhoto img {
height: 50px;
width: 50px;
}

Caminho: Painel de Controle >> Visualização >> Imagens e Cores >> Cores >> Folha de estilo CSS

Salve! Resulta?

Atenciosamente,
Hakuouki

Daemon, somente neste tópico eu vi. Eu fiz o mesmo nesse tópico - http://homedesign.forumeiros.com/t14-teste-de-codigo mais não apareceu, pelo menos pra mim.

A mensagem não foi agradecida, pois, pelo código fonte não posso ver que ela está marcada com o botão "Obrigado"!

Mais eu cliquei em obrigado senhor

Olá novamente autor!

O senhor não tentou com os códigos que lhe forneci?

Até!

Meu código funciona perfeitamente amigo, o que acontece é que está em conflito com o código de "equipe fundo".
E não só o meu, como o que foi passado por outros membros, também irá dar problemas por causa deste outro código.
No que te passei, não é necessário que você adicione mais nada ao JS, pois ele já irá detectar qual mensagem foi agradecida sem precisar da cor.
O que você pode fazer é substituir o seu código de fundo das equipes por este:

Código:

jQuery(document).ready(function(){
jQuery("div.post:has('.Administrador')").addClass("fundoAdm");
jQuery("div.post:has('.Moderador')").addClass("fundoMod");
});

Depois, ao css, você irá adicionar desta forma:

Código:

.fundoAdm {background: url(http://i.imgur.com/X21jlCI.png) repeat-y top right !important;}
.fundoMod {background: url(http://i.imgur.com/GMdH5Ha.png) repeat-y top right !important;}

Tente desta maneira, e teste novamente com o código que lhe passei aqui https://ajuda.forumeiros.com/t96250-sistema-de-melhor-resposta#658311



Até mais!

O sistema funcionou senhor, porém a cor do fundo do grupo de Moderadores não apareceu, apareceu somente para o grupo de Administradores.

O senhor definiu uma classe para o rank de moderador também? Creio que tenha feito apenas para administradores.

Código:

<span class="Administrador">Administrador</span>

Para o rank de moderadores, adicione desta forma:

Código:

<span class="Moderador">Moderador</span>

Até mais!

Ah, obrigado. Tipo, se eu quiser adcionar cores pra mais grupos, o que eu faço?

Saudações!

É só adicionar mais classes, como por exemplo neste código:

Código:

jQuery(document).ready(function(){
jQuery("div.post:has('.Administrador')").addClass("fundoAdm");
jQuery("div.post:has('.Moderador')").addClass("fundoMod");
jQuery("div.post:has('.Teste')").addClass("fundoTeste");
});

Código para implementar:

jQuery("div.post:has('.NOME')").addClass("fundoNOME");

E no CSS:

Código:

.fundoAdm {background: url(http://i.imgur.com/X21jlCI.png) repeat-y top right !important;}
.fundoMod {background: url(http://i.imgur.com/GMdH5Ha.png) repeat-y top right !important;}
.fundoTeste {background: url(IMAGEM_URL) repeat-y top right !important;}

Código para implementar:

.fundoNOME {background: url(IMAGEM_URL) repeat-y top right !important;}

As modificações fica ao teu gosto, conforme o nome do grupo, cor, etc.

Atenciosamente,
Hakuouki

Uma pergunta: No ".FundoNOME" A palavra NOME é pra ser substituida apenas pelas 3 primeiras letras do Titulo do Rank?

Higor_Forever escreveu:Uma pergunta: No ".FundoNOME" A palavra NOME é pra ser substituida apenas pelas 3 primeiras letras do Titulo do Rank?

Você poderá adicionar a classe do jeito que quiser, e que esteja de melhor entendimento para edições futuras.
Se você colocar no "addClass" assim equipeFundoDesigner
No css, você deverá colocar assim .equipeFundoDesigner {css aqui...}

Obrigado Daemon e a todos que tentaram me ajudar. Daemon, vai nas MP's Preciso falar contigo.