Como colocar melhor resposta Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Como colocar melhor resposta

3 participantes

Ir para baixo

Tópico resolvido Como colocar melhor resposta

Mensagem por weverson lopes 14.09.17 20:57

Detalhes da questão


Endereço do fórum: http://www.malokeirosdoshacker.com/
Versão do fórum: Invision

Descrição


Eu queria saber como caloca a melhor resposta no meu fórum pois ja tentei usando formas de outros tópicos mas nada resolvido em relação a isso.
weverson lopes
weverson lopes
*****

Membro desde : 01/04/2017
Mensagens : 410
Pontos : 595

http://www.mdhoficial.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar melhor resposta

Mensagem por Ketholy 15.09.17 2:22

Olá

Vá em:

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

Crie um novo JS e adicione o seguinte código:

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>');}
    });

Obs: Investimento em todas as páginas

Em seguida vá em:

Painel de controle>Visualização>Imagens e cores>Cores>Folha de estilo CSS

Aplique o seguinte código:

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

Obs: Modifique o valor #f4f9fd do código, para o valor de fundo das mensagens agradecidas em seu fórum. Feito isso, salve.

Conclusão final: Você só verá o resultado quando acessar uma mensagem sua que agradeceu alguém.

Atenciosamente: Ketholy
Ketholy
Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar melhor resposta

Mensagem por weverson lopes 15.09.17 18:14

nao resultou em nada ainda, voce só copio os cod da antiga postagem que vi aff Triste
weverson lopes
weverson lopes
*****

Membro desde : 01/04/2017
Mensagens : 410
Pontos : 595

http://www.mdhoficial.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar melhor resposta

Mensagem por Luiz 15.09.17 18:19

@weverson lopes, esse tipo de recurso que pede é algo extremamente complicado de ser feito, e muito pouco preciso também.
Se esse recurso fosse nativo da forumeiros, seria viável, mas como não é, fazê-lo é algo não muito recomendável, principalmente quando o tópico tem várias páginas, o que dificulta ainda mais o funcionamento do script.

Em suma, eu não recomendo o uso deste tipo de coisa em fóruns forumeiros.
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar melhor resposta

Mensagem por weverson lopes 15.09.17 18:24

obrigado luiz, pode fechar então, se pode atrrapalhar nas conexões e trazer complkicações então deixa queto, vlw pela dica.
weverson lopes
weverson lopes
*****

Membro desde : 01/04/2017
Mensagens : 410
Pontos : 595

http://www.mdhoficial.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar melhor resposta

Mensagem por Luiz 15.09.17 18:25

Esse código inclusive já foi usado aqui, mas por não ser muito eficiente foi removido. o/

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos