Detalhes da questão

Endereço do fórum: https://empireofwars.forumotion.com/
Versão do fórum: PunBB

Descrição

Ja pesquisei em varios topicos e testei e nao consigo deixar a funcionar, talvez seja o meu template dos topicos.

Como poderei colocar a melhor resposta assim em cima quando clico no botao "Obrigado"

https://i.imgur.com/VTt9pWg.png

EU ano entendo o porque das minhas duvidas serem sempre ignoradas... enquanto as outras são resolvidas...

E possível me ajudar?

Olá! Preciso de três coisas:

Uma conta no seu fórum para testes;
Manter o código que encontrou para 'melhor resposta' ativo para que eu possa corrigi-lo;
Não pode ser o mesmo do FdF, até onde sei, é proibido. Mesmo que não faça sentido já que o código é open-source;
Seu template modificado.

Att,
Mateus Anjos.

membertest
membertest222

Topico melhor resposta -> https://empireofwars.forumotion.com/t1-seu-primeiro-topico#4

Código:

cript type="text/javascript">//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
 _atc.cwait = 0;
 $('.addthis_button').mouseup(function(){
 if ($('#at15s').css('display') == 'block') {
 addthis_close();
 addthis_close();
 }
 });
});
//]]>
</script>
 
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
 <ul>
 <!-- BEGIN switch_plus_menu -->
 <li>
 <script type="text/javascript">//<![CDATA[
 var url_favourite = '{switch_user_logged_in.U_FAVOURITE_JS_PLUS_MENU}';
 var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
 var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
 var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
 var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
 
 insert_plus_menu_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
 //]]>
 </script>
 </li>
 <!-- END switch_plus_menu -->
 <li><a class="addthis_button" href="https://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a></li>
 <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
 <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
 <!-- BEGIN watchtopic -->
 <li>{S_WATCH_TOPIC}</li>
 <!-- END watchtopic -->
 </ul>
 <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
 <div class="pun-crumbs noprint">
 <p class="crumbs">
 <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} »
 <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
 </p>
</div>
 
    <div class="titlebox">
      <dd> <dava><div class="avatarredet"><a class="teste2" href="#">
        <img class="teste" alt="" src="https://2img.net/u/2617/31/90/74/avatars/1-40.png" /></a></div></dava>
        <div itemscope="" itemtype="http://schema.org/Article" class="ipsBox_withphoto">
          <h1 itemprop="name" class="ipsType_pagetitle">{TOPIC_TITLE}</h1>
          <div class="PB-desc lighter blend_links">
            <dts>Iniciado por </dts><span itemprop="creator"></span>, <span itemprop="data_post"></span></div></div>
        <!-- BEGIN switch_user_logged_in -->
     
    <!-- END switch_user_logged_in -->
      </dd></div>
       
<div class="main paged">
 <div class="paged-head clearfix">
 <!-- BEGIN topicpagination -->
 <p class="paging">{PAGINATION}</p>
 <!-- END topicpagination -->
      <p class="posting">
        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
        <!-- END switch_user_authreply -->
      </p>
 </div>
 {POLL_DISPLAY}
 <div class="main-head clearfix">
 <p class="h2">
<a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
 {L_MESSAGE} [{PAGE_NUMBER}]
 </p>
 </div>
 
 <div class="main-content topic">
 <!-- BEGIN postrow -->
          <!-- BEGIN hidden -->
 <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
 <!-- END hidden -->
 <!-- BEGIN displayed -->
                          <div class="post post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
 <a name="{postrow.displayed.U_POST_ID}"></a>
                          <h3>
 <span class="post_id right ipsType_small desc blend_links">
                        <a itemprop="replyToUrl" data-entry-pid="424042" href="{postrow.displayed.POST_URL}" rel="bookmark" title="{postrow.displayed.POST_SUBJECT}: post #{postrow.displayed.COUNT_POSTS}">
                    #{postrow.displayed.COUNT_POSTS}
                          <img src="https://i.servimg.com/u/f78/17/31/71/58/icon_s10.png" class="small" title="{postrow.displayed.POST_SUBJECT}: post #{postrow.displayed.COUNT_POSTS}" />
                    </a>
                </span>
 <div class="post_username">
                                  <div class="post_online">{postrow.displayed.ONLINE_IMG}</div>
 <span itemprop="creator name" class="author vcard">
                                          <span hovercard-ref="member" hovercard-id="35095" class="url fn name  ___hover___member _hoversetup" title="" id="anonymous_element_2">
                                            <span itemprop="name">{postrow.displayed.POSTER_NAME}</span>
                                          </span>
                                        </span>
 </div>
 </h3>
 <div class="postmain">
                <div style="display:none" id="p{postrow.displayed.U_POST_ID}" class="posthead"{postrow.displayed.THANK_BGCOLOR}>
                  <h2>
                    <strong>{postrow.displayed.COUNT_POSTS}</strong>
                    {postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a> {postrow.displayed.POST_DATE_NEW}
                  </h2>
              </div>
    <div class="postbody">
 <div class="user">
 <div class="user-ident">
  <div class="user-basic-info">
 {postrow.displayed.POSTER_AVATAR}<br />
 {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
 </div>
 </div>
 <div class="user-info">
 <!-- BEGIN profile_field -->
                                                          {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
 <!-- END profile_field -->
 {postrow.displayed.POSTER_RPG}
 </div>
 </div>
 
 <div class="post-entry">
 <div class="post_date">
 <p class="posted_info desc lighter ipsType_small">Postado <abbr class="published" itemprop="commentTime" title="{postrow.displayed.POST_DATE_NEW}">
    <span class="data-post">{postrow.displayed.POST_DATE_NEW}</span>
</abbr>
</p>
 </div>
 <div class="entry-content">
 <!-- BEGIN switch_vote_active -->
 <div class="vote gensmall">
 <!-- BEGIN switch_vote -->
 <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
 <!-- END switch_vote -->
 
 <!-- BEGIN switch_bar -->
 <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
 <!-- BEGIN switch_vote_plus -->
 <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
 <!-- END switch_vote_plus -->
 
 <!-- BEGIN switch_vote_minus -->
 <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
 <!-- END switch_vote_minus -->
 </div>
 <!-- END switch_bar -->
 
 <!-- BEGIN switch_no_bar -->
 <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
 <!-- END switch_no_bar -->
 
 <!-- BEGIN switch_vote -->
 <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
 <!-- END switch_vote -->
 </div>
 <!-- END switch_vote_active -->
<div class="content">
<div>{postrow.displayed.MESSAGE}</div>
 <!-- BEGIN switch_attachments -->
 <dl class="attachbox">
 <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
 <dd>
 <!-- BEGIN switch_post_attachments -->
 <dl class="file">
 <dt>
 <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />
 
 <!-- BEGIN switch_dl_att -->
 <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
 <!-- END switch_dl_att -->
 
 <!-- BEGIN switch_no_dl_att -->
 {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
 <!-- END switch_no_dl_att -->
 </dt>
 
 <!-- BEGIN switch_no_comment -->
 <dd>
 <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
 </dd>
 <!-- END switch_no_comment -->
 
 <!-- BEGIN switch_no_dl_att -->
 <dd>
 <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
 </dd>
 <!-- END switch_no_dl_att -->
 
 <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
 </dl>
 <!-- END switch_post_attachments -->
 </dd>
 </dl>
 <!-- END switch_attachments -->
 <div class="clear"></div>
 </div>
 <p>
 {postrow.displayed.EDITED_MESSAGE}
 </p>
 </div>
 </div>
 </div>
 
 <!-- BEGIN switch_signature -->
 <div class="sig-content">
 {postrow.displayed.SIGNATURE_NEW}
 </div>
 <!-- END switch_signature -->
 <div class="postfoot">
<!--All rights reserved to the DevCodes -->
 
<div class="post-options profile_{postrow.displayed.PROFILE_POSITION}">
 {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.REPORT_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.THANK_IMG}
</div>
 <div style="clear:both;"></div>
                                          </div>
 </div>
 </div>
 <!-- BEGIN first_post_br -->
 </div>
 <hr id="first-post-br" />
 <div class="main-content topic">
 <!-- END first_post_br -->
 <!-- END displayed -->
 <!-- BEGIN hidden -->
 <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
 <!-- END hidden -->
 <!-- END postrow -->
 </div>
 
 <div class="main-foot clearfix">
 <p class="h2">
 <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a>
 {L_MESSAGE} [{PAGE_NUMBER}]
 </p>
 <p class="options">
 <input type="hidden" name="t" value="{TOPIC_ID}" />
 
 <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
 <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
 
 <!-- BEGIN viewtopic_bottom -->
 {S_TOPIC_ADMIN}
 <!-- END viewtopic_bottom -->
 </p>
 </div>
<a name="bottomtitle"></a>
 
<br />
<!-- BEGIN promot_trafic -->
<div class="main" id="ptrafic_close" style="display:none">
 <div class="main-head clearfix">
 <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
 <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></p>
 </div>
</div>
<div class="main" id="ptrafic_open" style="display:''">
 <div class="main-head clearfix">
 <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
 <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></p>
 </div>
 <div class="main-content clearfix">
 <!-- BEGIN link -->
 » <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
 <!-- END link -->
 </div>
</div>
<!-- END promot_trafic -->
 
<!-- BEGIN switch_forum_rules -->
<div class="main" id="forum_rules">
 <div class="main-head clearfix">
 <p class="h2">{L_FORUM_RULES}</p>
 </div>
 <table class="main-content frm">
 <tr>
 <!-- BEGIN switch_forum_rule_image -->
 <td class="logo">
 <img src="{RULE_IMG_URL}" />
 </td>
 <!-- END switch_forum_rule_image -->
 <td class="rules entry-content">
 {RULE_MSG}
 </td>
 </tr>
 </table>
</div>
<!-- END switch_forum_rules -->
 
<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->
 
<div id="pun-info" class="main" style="display:none;">
  <div class="main-content">
      <div id="stats">
        <p>{L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}</p>
      </div>
  </div>
</div>
 
<div id="pun-info" class="main" style="display: none;">
 <div id="stats">
 <!-- Backup <p>{L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}</p> -->
 {LOGGED_IN_USER_LIST}
 </div>
</div>
  <!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

E possivel me ajudar?

Podem me ajudar?

empireofwars escreveu:Podem me ajudar?

Bom dia @empireofwars , tenha cuidado com os Double Post, sugiro que aguarde sempre alguém responder, o tópico é visto sem ser necessários UP's

Por favor, é algo como mostrar a "Melhor resposta" onde clicarem com o botão "Obrigado", correto?

Tente isto:

Aceda a gestão de Javascripts e adicione este código;

Código:

$(function(){
 
$('head').append('<style>#postContent .vote{display:none}</style>');
 
$('img[title="Obrigado"]').parents('.post').find('.posthead').append('<span id="melhor-resp-icon" style="padding: 5px 10px;background: none repeat scroll 0% 0% rgba(0, 224, 0, 0.3);color: black;font: 12px calibri;position: absolute;margin-top: -1.8%;right: 24%;border: 1px solid black;box-shadow: inset 0 0 2px rgba(0,0,0,0.5);border-radius: 5px;">MELHOR RESPOSTA</span>');
 
if($('#melhor-resp-icon').length){
 
$('.post[style*="background-color:"], .post *[style*="background-color:"]').attr('style','');
 
var nicknameAuthor = $('#melhor-resp-icon').parents('.post').find('h4.username').html();
var posttAuthor = $('#melhor-resp-icon').parents('.post').find('.entry-content').html();
 
$('.post:first').before('<div id="cont-d" style="padding: 13px 10px 10px;margin-top: 10px;border: 1px solid rgb(173, 173, 173);border-bottom: 5px solid rgb(160, 160, 160);"><span style="padding: 5px 10px;background: none repeat scroll 0% 0% rgba(0, 224, 0, 0.3);color: black;font: 12px calibri;border: 1px solid black;box-shadow: inset 0 0 2px rgba(0,0,0,0.5);border-radius: 5px;">MELHOR RESPOSTA</span>  <b>Por:</b>  '+nicknameAuthor+'<br><br><div id="postContent" style="padding: 10px 10px 10px 5px;background: none repeat scroll 0% 0% rgb(255, 255, 255);border: 1px solid grey;">'+posttAuthor+'</div></div>');
}
 
});

Coloque o investimento em todas as páginas,

Atenciosamente,
Sleep

Coloquei e nada aconteceu, nao funcionou

empireofwars escreveu:Coloquei e nada aconteceu, nao funcionou

Boa tarde,

Tente este, 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 dada pelo usuário  '+reply_author_name+' ! Caso não seja a melhor resposta, use o sistema de busca</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 como OBRIGADO. <img class="icon" src="http://i.imgur.com/omzqZnf.png"></span></a>
</div>');}
    });

Atenciosamente,
Sleep

continua sem funcionar

empireofwars escreveu:continua sem funcionar

Boa tarde,

Sabe-me dizer se faz alguma alteração, pelo menos? Se sim, qual o resultado? (print se possivel)

Atenciosamente,
Sleep

Continua sem funcionar

Bom dia,

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 mostre-me o resultado.

Atenciosamente,
Sleep