How can I add Best Answer Box under the titlebox?

by Van-Helsing Thu May 15, 2014 12:24 pm

Van-Helsing: Hyperactive; Posts : 2431
Reputation : 116
Language : English, Greek

Post n°1

How can I add Best Answer Box under the titlebox?

by Van-Helsing Thu May 15, 2014 12:24 pm

Hi all,
How can I add best answer box under the title box like this http://prntscr.com/3jebh4 ?

Best Regards,
Dark-Avenger

Last edited by Dark-Avenger on Tue May 20, 2014 12:20 pm; edited 1 time in total

by Pizza Boi Thu May 15, 2014 1:57 pm

Pizza Boi

Pizza Boi: Hyperactive; Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

Post n°2

Re: How can I add Best Answer Box under the titlebox?

by Pizza Boi Thu May 15, 2014 1:57 pm

Hi

Check J0k3R^'s profile. He asked the same thing :rose:

. I believe the topic was called "Best Topics in replies" or near that :rose:

Regards,
Pizza Boi

by Van-Helsing Thu May 15, 2014 5:49 pm

Van-Helsing

Van-Helsing: Hyperactive; Posts : 2431
Reputation : 116
Language : English, Greek

Post n°3

Re: How can I add Best Answer Box under the titlebox?

by Van-Helsing Thu May 15, 2014 5:49 pm

Hi all,
I have read this topic about best answer but I think its a little different due the titlebox reason. I have found this tutorial http://coding-spot.darkbb.com/t299-best-answer-ipb-style-cs-theme-2-plugin but it needs some modifications in the viewtopic_body template but I dont know how can I adapt my template.

With Best Regards,
Dark-Avenger

Last edited by Dark-Avenger on Tue May 20, 2014 11:54 am; edited 1 time in total

by J0k3R^ Thu May 15, 2014 6:06 pm

J0k3R^

J0k3R^: Forumember; Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

Post n°4

Re: How can I add Best Answer Box under the titlebox?

by J0k3R^ Thu May 15, 2014 6:06 pm

Thid tutorial is only working for the people that they got his theme installed. Its needs to be customized in order to be used in other forums aswell.. Sir Chivas made an attempt for this project but then, nothing, i think he dropped it Smile

by Van-Helsing Sat May 17, 2014 4:37 pm

Van-Helsing

Van-Helsing: Hyperactive; Posts : 2431
Reputation : 116
Language : English, Greek

Post n°5

Re: How can I add Best Answer Box under the titlebox?

by Van-Helsing Sat May 17, 2014 4:37 pm

Bump

by Van-Helsing Mon May 19, 2014 11:22 am

Van-Helsing

Van-Helsing: Hyperactive; Posts : 2431
Reputation : 116
Language : English, Greek

Post n°6

Re: How can I add Best Answer Box under the titlebox?

by Van-Helsing Mon May 19, 2014 11:22 am

Bump

by SocialAcademy Mon May 19, 2014 11:44 am

SocialAcademy

SocialAcademy: Forumember; Posts : 145
Reputation : 11
Language : JavaScript, CSS, Html, JQuery, C#, C++, Php, Python
Location : Forumotion

Post n°7

Re: How can I add Best Answer Box under the titlebox?

by SocialAcademy Mon May 19, 2014 11:44 am

Try this add this to your CSS

Code:: .post_feature_box { margin-top: 5px; max-width:100%; background-color: rgb(234, 248, 226); border: 1px dotted rgb(51, 51, 51); padding: 6px; min-height: 60px; } #best-res { margin-left: 3%; background: #7ba60d; display: inline-block; height: 16px; line-height: 16px; padding: 0 5px; font-size: 9px; font-weight: bold; text-transform: uppercase; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; vertical-align: middle; } .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; } .ipsBadge { background: #7ba60d; display: inline-block; height: 16px; line-height: 16px; padding: 0 5px; font-size: 9px; font-weight: bold; text-transform: uppercase; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; vertical-align: middle; margin-right: 8px; }

then to your Javascript

Placement: In the topics

Code:: $(function(){ $('.post[style="background-color:#eaf8e2;"] .posthead h2').append('<span id="best-res"">Best Answer</span>'); var topicauthor = $('.post #best-res').parents('.post').find('.user .username a').html(); var topicavatar = $('.post #best-res').parents('.post').find('.postmain .postbody .user .user-ident .user-basic-info a img').attr('src'); var topicpost = $('.post #best-res').parents('.post').find('.posthead a').attr('href'); var topicdata = $('.post #best-res').parents('.post').find('.posthead h2 .data-post').html(); var bestTopic = $('.post #best-res').parents('.post').find('.entry-content').html(); if($('#best-res').length){ $('.main.paged').before('<div class="post_feature_box"> <span class="ipsUserPhoto"><img src="'+topicavatar+'" /></span> <span class="ipsBadge">Best Answer</span> '+topicauthor+', '+topicdata+'<div style="border: 1px solid #ddd; border-bottom: 1px solid #ececec; margin: 3px;"></div><div style="display: inline-block;">'+bestTopic+'</div><a href="'+topicpost+'"> <span class="ipsBadge" style="background: #B3B3B3;font-weight: normal !important;">Go to the Full Post <img class="icon" src="http://i.imgur.com/omzqZnf.png"></span></a> </div>');} });

Dont forget to change the color in "Thank Message" --> #eaf8e2

by Van-Helsing Mon May 19, 2014 11:58 am

Van-Helsing

Van-Helsing: Hyperactive; Posts : 2431
Reputation : 116
Language : English, Greek

Post n°8

Re: How can I add Best Answer Box under the titlebox?

by Van-Helsing Mon May 19, 2014 11:58 am

Hi social academy:D ,
its not working. The best answer box is not displayed.

Best Regards,
Dark-Avenger

by SocialAcademy Mon May 19, 2014 12:06 pm

SocialAcademy

SocialAcademy: Forumember; Posts : 145
Reputation : 11
Language : JavaScript, CSS, Html, JQuery, C#, C++, Php, Python
Location : Forumotion

Post n°9

Re: How can I add Best Answer Box under the titlebox?

by SocialAcademy Mon May 19, 2014 12:06 pm

Can you send me your Viewtopic Body ? =D

by Van-Helsing Mon May 19, 2014 12:09 pm

Van-Helsing

Van-Helsing: Hyperactive; Posts : 2431
Reputation : 116
Language : English, Greek

Post n°10

Re: How can I add Best Answer Box under the titlebox?

by Van-Helsing Mon May 19, 2014 12:09 pm

Yes sure here it is:

viewtopic_body template:

Spoiler:

Code:: <script 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> <style> .titlebox{ -moz-border-radius:3px; -moz-box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px; -webkit-border-radius:3px; -webkit-box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px; background:#EFEFEF; border:1px solid #D6D6D6; border-radius:3px; box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px; overflow:hidden; padding:10px; text-shadow:#fff 0 1px 0 } .titlebox dd{display:block} .titlebox dava{float:left} .titlebox dava a img{ -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; height:50px!important; padding:1px; width:50px!important } .titlebox dava a img:hover{ -moz-box-shadow:0 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2); border-color:#A1A1A1; box-shadow:0 2px 2px rgba(0,0,0,0.2) } .ipsType_pagetitle a{font-size:23px;z-index:999} .desc.lighter.blend_links{color:#a4a4a4;float:left;font-size:12px; margin-left: 4px;} .desc.lighter,.desc.lighter.blend_links a{color:#A4A4A4} .desc,.desc.blend_links a,p.posted_info{color:#777;font-size:12px} .conect{display:inline-block;padding-left:5px} </style> <script type="text/javascript"> jQuery(document).ready(function() { var url=$('.post:first .postmain .postbody .user .user-ident .user-basic-info a img').attr('src'); $('.teste').attr('src',url); var url2=jQuery('.post:first .postmain .postbody .user .user-ident .user-basic-info a').attr('href'); jQuery('.teste2').attr('href',url2); var url3=jQuery('.post:first .post_username span.author.vcard').html(); jQuery('span[itemprop="creator"]').html(url3); var url5=jQuery('span.data-post').html(); jQuery('span[itemprop="data_post"]').html(url5); }); </script>  <div id="pun-visit" class="clearfix"> <ul>     <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li> <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>  <li>{S_WATCH_TOPIC}</li>  </ul> <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p> </div>   <div id="pun-visit"> <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p> </div>  <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>  <span id="twitter_btn" style="margin-left: 6px; "> <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a> <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> </span>   <span id="fb_likebtn" style="margin-left: 6px; "> <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=450&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:auto; height:21px;" allowTransparency="true"></iframe> </span>  </p> </div><div class="titlebox"> <dd> <dava><div class="avatarredet"><a class="teste2" href="#"> <img class="teste" alt="" src="http://r26.imgfast.net/users/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 style="padding-top: 5px;" class="desc lighter blend_links"> <dts> Ξεκίνησε απο </dts><span itemprop="creator"></span>, δημοσιεύτηκε <span itemprop="data_post"></span></div></div>   <div class="seguir"> <li>{S_WATCH_TOPIC}</li> </div>   </dd></div> <div class="main paged"> <div class="paged-head clearfix">  <p class="paging">{PAGINATION}</p>  <p class="posting">  <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>     <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>  </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">   <p class="p-hidden">{postrow.hidden.MESSAGE}</p>   <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="http://i78.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 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">  <div class="post_field">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>  {postrow.displayed.POSTER_RPG} </div> </div> <div class="post-entry"> <div class="post_date"> Δημοσιεύτηκε <abbr class="published" itemprop="commentTime" title="{postrow.displayed.POST_DATE_NEW}"> <span class="data-post">{postrow.displayed.POST_DATE_NEW}</span></abbr> </div> <div class="entry-content">  <div class="vote gensmall">  <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>   <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">  <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>   <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>  </div>   <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>   <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>  </div>  <div> <div>{postrow.displayed.MESSAGE}</div>  <dl class="attachbox"> <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt> <dd>  <dl class="file"> <dt> <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />  <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}   {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}  </dt>  <dd> <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em> </dd>   <dd> <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em> </dd>  <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd> </dl>  </dd> </dl>  <div class="clear"></div> </div> <p> {postrow.displayed.EDITED_MESSAGE} </p> </div> </div> </div>  <div class="sig-content"> {postrow.displayed.SIGNATURE_NEW} </div>  <div class="postfoot"> <div class="user-contact profile_{postrow.displayed.PROFILE_POSITION}"> {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.contact_field.CONTENT} </div> <div class="post-options profile_{postrow.displayed.PROFILE_POSITION}"> {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG} </div> <div style="clear:both;"></div> </div> </div> </div>  </div> <hr id="first-post-br" /> <div class="main-content topic">    <p class="p-hidden">{postrow.hidden.MESSAGE}</p>   </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 class="options"> <input type="hidden" name="t" value="{TOPIC_ID}" />  <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />  {S_TOPIC_ADMIN}  </p> </div> <a name="bottomtitle"></a> <div class="paged-foot clearfix">  <p class="paging">{PAGINATION}</p>  <p class="posting">  <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>     <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>  </p> </div> </div> <br />  <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">  » <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />  </div> </div>   <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>  <td class="logo"> <img src="{RULE_IMG_URL}" /> </td>  <td class="rules entry-content"> {RULE_MSG} </td> </tr> </table> </div>    <div class="main"> <div class="avt_recent"> <div class="main-head clearfix"> <style type="text/css"> .avt-r { float: left; } .avt-r img { width: 28px; height: 28px; margin: 3px; padding: 1px; border: 1px solid #D5D5D5; background: white; -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); } .avt-r img:hover { border-color: #a1a1a1; -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2); box-shadow: 0px 2px 2px rgba(0,0,0,0.2); }</style> <script type="text/javascript"> jQuery(document).on('ready', function() { jQuery('.avt_recent').prepend('<div class="avt-r"><div>'); jQuery('.avt_recent .avt-r').each(function () { var profileUserURL = jQuery(this).parent().children('.recent_space').children('a:last').attr('href'); jQuery(this).html('<a href="' + profileUserURL + '" class="avt-r-enlace"><img src="http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png" alt="No Avatar" /></a>'); jQuery(this).children('a').load(profileUserURL + ' .module:eq(0) img:eq(0)') }); });</script> <p class="h2">Μοιράσου αυτό το θέμα!</p> </div> <div class="main-content frm comp"> <table border="0"> <tr> <td><strong>URL Direct</strong></td> <td><input type="text" style="width:850px;" value="{FORUM_URL}{TOPIC_URL}" /></td> </tr> <tr> <td><strong>BBcode</strong></td> <td><input type="text" style="width:850px;" value="[url={FORUM_URL}{TOPIC_URL}] {TOPIC_TITLE} [/url]" /></td> </tr> <tr> <td><strong>HTML</strong></td> <td><input type="text" style="width:850px;" value="<a href='{FORUM_URL}{TOPIC_URL}'> {TOPIC_TITLE} </a>" /></td> </tr> </table> </div> </div> </div>  <a name="quickreply"></a> {QUICK_REPLY_FORM}  <div id="pun-info" class="main"> <div class="main-content"> <div id="stats"> <p>{L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}</p> </div> </div> </div>  <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>  <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Update1: 22:50
I have forced the default templates to check if the javascript is working without success. I think the problem is in the javascript.

by SocialAcademy Tue May 20, 2014 12:51 am

SocialAcademy

SocialAcademy: Forumember; Posts : 145
Reputation : 11
Language : JavaScript, CSS, Html, JQuery, C#, C++, Php, Python
Location : Forumotion

Post n°11

Re: How can I add Best Answer Box under the titlebox?

by SocialAcademy Tue May 20, 2014 12:51 am

Find this in your Viewtopic_body

Code:: <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="http://i78.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>

then replace with this

Code:: <h3 {postrow.displayed.THANK_BGCOLOR}> <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="http://i78.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>

Replace your JS with this

Code:: $(function(){ $('.post h3[style="background-color:#e8f7e1;"]').append('<div id="best-res" class="answerBadgeInPost">✓ Best Answer</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 topicauthor = $('.post #best-res').parents('.post').find('.author').html(); var topicavatar = $('.post #best-res').parents('.post').find('.postmain .postbody .user .user-ident .user-basic-info a img').attr('src'); var urlavt= $('.post #best-res').parents('.post').find('.postmain .postbody .user .user-ident .user-basic-info a').attr('href'); var topicpost = $('.post #best-res').parents('.post').find('h3 a').attr('href'); var topicdata = $('.post #best-res').parents('.post').find('.published').html(); var bestTopic = $('.post #best-res').parents('.post').find('.entry-content div').last().prev().html(); if($('#best-res').length){ $('.main.paged').before('<div class="post_feature_box"> <span class="ipsUserPhoto"><img src="'+topicavatar+'" /></span> <span class="ipsBadge">Best Answer</span> '+topicauthor+', '+topicdata+'<div style="border: 1px solid #ddd; border-bottom: 1px solid #ececec; margin: 3px;"></div><div style="display: inline-block;">'+bestTopic+'</div><a href="'+topicpost+'"> <span class="ipsBadge" style="background: #B3B3B3;font-weight: normal !important;">Visualizar todo o conteúdo do post <img class="icon" src="http://i.imgur.com/omzqZnf.png"></span></a> </div>');} });

and your CSS

Code:: .post_feature_box { margin-top: 5px; max-width:100%; background-color: rgb(234, 248, 226); border: 1px dotted rgb(51, 51, 51); padding: 6px; min-height: 60px; } #best-res { color: #436500; background: #dfedd1; text-shadow: rgba(255,255,255,0.8) 0px 1px 0px; border: 1px solid #accf8b; border-top: 0; padding: 0 12px; height: 30px; line-height: 30px; position: relative; float: right; margin: -1px -2px 8px 8px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; } .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; } .ipsBadge { background: #7ba60d; display: inline-block; height: 16px; line-height: 16px; padding: 0 5px; font-size: 9px; font-weight: bold; text-transform: uppercase; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; vertical-align: middle; margin-right: 8px; }

by Van-Helsing Tue May 20, 2014 1:13 am

Van-Helsing

Van-Helsing: Hyperactive; Posts : 2431
Reputation : 116
Language : English, Greek

Post n°12

Re: How can I add Best Answer Box under the titlebox?

by Van-Helsing Tue May 20, 2014 1:13 am

Hi SocialAcademy:),
I have done these modifications but it still not working Sad

by SocialAcademy Tue May 20, 2014 2:29 am

SocialAcademy

SocialAcademy: Forumember; Posts : 145
Reputation : 11
Language : JavaScript, CSS, Html, JQuery, C#, C++, Php, Python
Location : Forumotion

Post n°13

Re: How can I add Best Answer Box under the titlebox?

by SocialAcademy Tue May 20, 2014 2:29 am

you forgot to change the "Thank message color " replace into this #e8f7e1

by Van-Helsing Tue May 20, 2014 2:43 am

Van-Helsing

Van-Helsing: Hyperactive; Posts : 2431
Reputation : 116
Language : English, Greek

Post n°14

Re: How can I add Best Answer Box under the titlebox?

by Van-Helsing Tue May 20, 2014 2:43 am

I have change it

by **SLGray** Tue May 20, 2014 4:22 am

SLGray

SLGray: Administrator; Posts : 51498
Reputation : 3523
Language : English
Location : United States

Post n°15

Re: How can I add Best Answer Box under the titlebox?

by SLGray Tue May 20, 2014 4:22 am

Did you change it to the one you are using?

How can I add Best Answer Box under the titlebox? Slgray10

When your topic has been solved, ensure you mark the topic solved.

Never post your email in public.

by Van-Helsing Tue May 20, 2014 9:47 am

Van-Helsing

Van-Helsing: Hyperactive; Posts : 2431
Reputation : 116
Language : English, Greek

Post n°16

Re: How can I add Best Answer Box under the titlebox?

by Van-Helsing Tue May 20, 2014 9:47 am

Yes I have done all of the modifications which gave me SocialAcademy but it still not working.

viewtopic_body template:

Spoiler:

Code:: <script 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> <style> .titlebox{ -moz-border-radius:3px; -moz-box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px; -webkit-border-radius:3px; -webkit-box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px; background:#EFEFEF; border:1px solid #D6D6D6; border-radius:3px; box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px; overflow:hidden; padding:10px; text-shadow:#fff 0 1px 0 } .titlebox dd{display:block} .titlebox dava{float:left} .titlebox dava a img{ -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; height:50px!important; padding:1px; width:50px!important } .titlebox dava a img:hover{ -moz-box-shadow:0 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2); border-color:#A1A1A1; box-shadow:0 2px 2px rgba(0,0,0,0.2) } .ipsType_pagetitle a{font-size:23px;z-index:999} .desc.lighter.blend_links{color:#a4a4a4;float:left;font-size:12px; margin-left: 4px;} .desc.lighter,.desc.lighter.blend_links a{color:#A4A4A4} .desc,.desc.blend_links a,p.posted_info{color:#777;font-size:12px} .conect{display:inline-block;padding-left:5px} </style> <script type="text/javascript"> jQuery(document).ready(function() { var url=$('.post:first .postmain .postbody .user .user-ident .user-basic-info a img').attr('src'); $('.teste').attr('src',url); var url2=jQuery('.post:first .postmain .postbody .user .user-ident .user-basic-info a').attr('href'); jQuery('.teste2').attr('href',url2); var url3=jQuery('.post:first .post_username span.author.vcard').html(); jQuery('span[itemprop="creator"]').html(url3); var url5=jQuery('span.data-post').html(); jQuery('span[itemprop="data_post"]').html(url5); }); </script>  <div id="pun-visit" class="clearfix"> <ul>     <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li> <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>  <li>{S_WATCH_TOPIC}</li>  </ul> <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p> </div>   <div id="pun-visit"> <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p> </div>  <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>  <span id="twitter_btn" style="margin-left: 6px; "> <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a> <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> </span>   <span id="fb_likebtn" style="margin-left: 6px; "> <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=450&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:auto; height:21px;" allowTransparency="true"></iframe> </span>  </p> </div><div class="titlebox"> <dd> <dava><div class="avatarredet"><a class="teste2" href="#"> <img class="teste" alt="" src="http://r26.imgfast.net/users/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 style="padding-top: 5px;" class="desc lighter blend_links"> <dts> Ξεκίνησε απο </dts><span itemprop="creator"></span>, δημοσιεύτηκε <span itemprop="data_post"></span></div></div>   <div class="seguir"> <li>{S_WATCH_TOPIC}</li> </div>   </dd></div> <div class="main paged"> <div class="paged-head clearfix">  <p class="paging">{PAGINATION}</p>  <p class="posting">  <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>     <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>  </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">   <p class="p-hidden">{postrow.hidden.MESSAGE}</p>   <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 {postrow.displayed.THANK_BGCOLOR}> <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="http://i78.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 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">  <div class="post_field">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>  {postrow.displayed.POSTER_RPG} </div> </div> <div class="post-entry"> <div class="post_date"> Δημοσιεύτηκε <abbr class="published" itemprop="commentTime" title="{postrow.displayed.POST_DATE_NEW}"> <span class="data-post">{postrow.displayed.POST_DATE_NEW}</span></abbr> </div> <div class="entry-content">  <div class="vote gensmall">  <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>   <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">  <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>   <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>  </div>   <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>   <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>  </div>  <div> <div>{postrow.displayed.MESSAGE}</div>  <dl class="attachbox"> <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt> <dd>  <dl class="file"> <dt> <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />  <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}   {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}  </dt>  <dd> <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em> </dd>   <dd> <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em> </dd>  <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd> </dl>  </dd> </dl>  <div class="clear"></div> </div> <p> {postrow.displayed.EDITED_MESSAGE} </p> </div> </div> </div>  <div class="sig-content"> {postrow.displayed.SIGNATURE_NEW} </div>  <div class="postfoot"> <div class="user-contact profile_{postrow.displayed.PROFILE_POSITION}"> {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.contact_field.CONTENT} </div> <div class="post-options profile_{postrow.displayed.PROFILE_POSITION}"> {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG} </div> <div style="clear:both;"></div> </div> </div> </div>  </div> <hr id="first-post-br" /> <div class="main-content topic">    <p class="p-hidden">{postrow.hidden.MESSAGE}</p>   </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 class="options"> <input type="hidden" name="t" value="{TOPIC_ID}" />  <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />  {S_TOPIC_ADMIN}  </p> </div> <a name="bottomtitle"></a> <div class="paged-foot clearfix">  <p class="paging">{PAGINATION}</p>  <p class="posting">  <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>     <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>  </p> </div> </div> <br />  <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">  » <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />  </div> </div>   <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>  <td class="logo"> <img src="{RULE_IMG_URL}" /> </td>  <td class="rules entry-content"> {RULE_MSG} </td> </tr> </table> </div>    <div class="main"> <div class="avt_recent"> <div class="main-head clearfix"> <style type="text/css"> .avt-r { float: left; } .avt-r img { width: 28px; height: 28px; margin: 3px; padding: 1px; border: 1px solid #D5D5D5; background: white; -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); } .avt-r img:hover { border-color: #a1a1a1; -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2); box-shadow: 0px 2px 2px rgba(0,0,0,0.2); }</style> <script type="text/javascript"> jQuery(document).on('ready', function() { jQuery('.avt_recent').prepend('<div class="avt-r"><div>'); jQuery('.avt_recent .avt-r').each(function () { var profileUserURL = jQuery(this).parent().children('.recent_space').children('a:last').attr('href'); jQuery(this).html('<a href="' + profileUserURL + '" class="avt-r-enlace"><img src="http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png" alt="No Avatar" /></a>'); jQuery(this).children('a').load(profileUserURL + ' .module:eq(0) img:eq(0)') }); });</script> <p class="h2">Μοιράσου αυτό το θέμα!</p> </div> <div class="main-content frm comp"> <table border="0"> <tr> <td><strong>URL Direct</strong></td> <td><input type="text" style="width:850px;" value="{FORUM_URL}{TOPIC_URL}" /></td> </tr> <tr> <td><strong>BBcode</strong></td> <td><input type="text" style="width:850px;" value="[url={FORUM_URL}{TOPIC_URL}] {TOPIC_TITLE} [/url]" /></td> </tr> <tr> <td><strong>HTML</strong></td> <td><input type="text" style="width:850px;" value="<a href='{FORUM_URL}{TOPIC_URL}'> {TOPIC_TITLE} </a>" /></td> </tr> </table> </div> </div> </div>  <a name="quickreply"></a> {QUICK_REPLY_FORM}  <div id="pun-info" class="main"> <div class="main-content"> <div id="stats"> <p>{L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}</p> </div> </div> </div>  <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>  <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Javascript[In the topics]:

Spoiler:

Code:: $(function(){ $('.post h3[style="background-color:#e8f7e1;"]').append('<div id="best-res" class="answerBadgeInPost">✓ Best Answer</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 topicauthor = $('.post #best-res').parents('.post').find('.author').html(); var topicavatar = $('.post #best-res').parents('.post').find('.postmain .postbody .user .user-ident .user-basic-info a img').attr('src'); var urlavt= $('.post #best-res').parents('.post').find('.postmain .postbody .user .user-ident .user-basic-info a').attr('href'); var topicpost = $('.post #best-res').parents('.post').find('h3 a').attr('href'); var topicdata = $('.post #best-res').parents('.post').find('.published').html(); var bestTopic = $('.post #best-res').parents('.post').find('.entry-content div').last().prev().html(); if($('#best-res').length){ $('.main.paged').before('<div class="post_feature_box"> <span class="ipsUserPhoto"><img src="'+topicavatar+'" /></span> <span class="ipsBadge">Best Answer</span> '+topicauthor+', '+topicdata+'<div style="border: 1px solid #ddd; border-bottom: 1px solid #ececec; margin: 3px;"></div><div style="display: inline-block;">'+bestTopic+'</div><a href="'+topicpost+'"> <span class="ipsBadge" style="background: #B3B3B3;font-weight: normal !important;">Visualizar todo o conteúdo do post <img class="icon" src="http://i.imgur.com/omzqZnf.png"></span></a> </div>');} });

CSS:

Spoiler:

and in the ACP the thanked message color:

http://prntscr.com/3kvb70

Is it needs something else to work?

by **TheCrow** Tue May 20, 2014 12:16 pm

TheCrow

TheCrow: Manager; Posts : 6916
Reputation : 795
Language : Greek, English

Post n°17

Re: How can I add Best Answer Box under the titlebox?

by TheCrow Tue May 20, 2014 12:16 pm

This feature works only with the thanks button! And the thanks button only the OP can press it just once. It should work if you press the Thanks button @ a post that you have made. Are you sure its not working?