The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How can I add Best Answer Box under the titlebox?

View previous topic View next topic Go down

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

Post by Van-Helsing on May 15th 2014, 1: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 May 20th 2014, 1:20 pm; edited 1 time in total

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

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

Post by Pizza Boi on May 15th 2014, 2:57 pm

Hi Very Happy

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

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

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

Post by Van-Helsing on May 15th 2014, 6: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 May 20th 2014, 12:54 pm; edited 1 time in total

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

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

Post by J0k3R^ on May 15th 2014, 7: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

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

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

Post by Van-Helsing on May 17th 2014, 5:37 pm

Bump

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

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

Post by Van-Helsing on May 19th 2014, 12:22 pm

Bump

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

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

Post by SocialAcademy on May 19th 2014, 12:44 pm

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

SocialAcademy
Forumember

Male Posts : 141
Reputation : 10
Language : JavaScript, CSS, Html, JQuery, C#, C++, Php, Python
Location : Forumotion

http://www.socialacademy.biz

Back to top Go down

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

Post by Van-Helsing on May 19th 2014, 12:58 pm

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

Best Regards,
Dark-Avenger

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

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

Post by SocialAcademy on May 19th 2014, 1:06 pm

Can you send me your Viewtopic Body ? =D

SocialAcademy
Forumember

Male Posts : 141
Reputation : 10
Language : JavaScript, CSS, Html, JQuery, C#, C++, Php, Python
Location : Forumotion

http://www.socialacademy.biz

Back to top Go down

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

Post by Van-Helsing on May 19th 2014, 1: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>
        <!-- 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}';
                    var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
                    insert_plus_menu_new('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                 //]]>
                 </script>
              </li>-->
              <!-- END switch_plus_menu -->
              <!--<li><a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;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 -->
        <!-- BEGIN switch_user_logged_out -->
        <div id="pun-visit">
           <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
        </div>
        <!-- END switch_user_logged_out -->
              <div class="pun-crumbs noprint">
           <p class="crumbs">
              <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}&nbsp;»&nbsp;
                 
              <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
              <!-- BEGIN switch_twitter_btn -->
              <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>
              <!-- END switch_twitter_btn -->
              <!-- BEGIN switch_fb_likebtn -->
              <span id="fb_likebtn" style="margin-left: 6px; ">
                 <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:auto; height:21px;" allowTransparency="true"></iframe>
              </span>
              <!-- END switch_fb_likebtn -->
           </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>      <!-- BEGIN switch_user_logged_in -->
                    <!-- BEGIN watchtopic -->
                    <div class="seguir">
                    <li>{S_WATCH_TOPIC}</li>
                    </div>
                    <!-- END watchtopic -->
                    <!-- 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_authpost -->
                 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>&nbsp;&nbsp;
                 <!-- END switch_user_authpost -->
                 <!-- 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>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a>&nbsp;&nbsp;
                 {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="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>&nbsp;
                       <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">
                                <!-- BEGIN profile_field -->
                                <div class="post_field">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>
                                <!-- END profile_field -->
                                {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">
                                <!-- 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>
                                   <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">
                                                          <div class="user-contact profile_{postrow.displayed.PROFILE_POSITION}">
                             {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
                          </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>
                 <!-- 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>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#top">{L_BACK_TO_TOP}</a>&nbsp;&nbsp;
                 {L_MESSAGE} [{PAGE_NUMBER}]
             
               
              <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>
           <div class="paged-foot clearfix">
              <!-- BEGIN topicpagination -->
              <p class="paging">{PAGINATION}</p>
              <!-- END topicpagination -->
              <p class="posting">
                 <!-- BEGIN switch_user_authpost -->
                 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>&nbsp;&nbsp;
                 <!-- END switch_user_authpost -->
                 <!-- 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>
        </div>
        <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 -->
              »&nbsp;<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 -->
        <!-- BBCode -->
                            <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>
                  <!-- End Of BBCode -->
        <a name="quickreply"></a>  
                      {QUICK_REPLY_FORM}
        <!-- END switch_user_logged_in -->
        <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>
         
          <!-- 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 -->
        <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.

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

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

Post by SocialAcademy on May 20th 2014, 1: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>&nbsp;
                      <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>&nbsp;
                      <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;
}

SocialAcademy
Forumember

Male Posts : 141
Reputation : 10
Language : JavaScript, CSS, Html, JQuery, C#, C++, Php, Python
Location : Forumotion

http://www.socialacademy.biz

Back to top Go down

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

Post by Van-Helsing on May 20th 2014, 2:13 am

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

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

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

Post by SocialAcademy on May 20th 2014, 3:29 am

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

SocialAcademy
Forumember

Male Posts : 141
Reputation : 10
Language : JavaScript, CSS, Html, JQuery, C#, C++, Php, Python
Location : Forumotion

http://www.socialacademy.biz

Back to top Go down

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

Post by Van-Helsing on May 20th 2014, 3:43 am

I have change it

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

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

Post by SLGray on May 20th 2014, 5:22 am

Did you change it to the one you are using?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35670
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

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

Post by Van-Helsing on May 20th 2014, 10: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>
        <!-- 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}';
                    var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
                    insert_plus_menu_new('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                 //]]>
                 </script>
              </li>-->
              <!-- END switch_plus_menu -->
              <!--<li><a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;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 -->
        <!-- BEGIN switch_user_logged_out -->
        <div id="pun-visit">
           <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
        </div>
        <!-- END switch_user_logged_out -->
              <div class="pun-crumbs noprint">
           <p class="crumbs">
              <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}&nbsp;»&nbsp;
                 
              <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
              <!-- BEGIN switch_twitter_btn -->
              <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>
              <!-- END switch_twitter_btn -->
              <!-- BEGIN switch_fb_likebtn -->
              <span id="fb_likebtn" style="margin-left: 6px; ">
                 <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:auto; height:21px;" allowTransparency="true"></iframe>
              </span>
              <!-- END switch_fb_likebtn -->
           </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>      <!-- BEGIN switch_user_logged_in -->
                    <!-- BEGIN watchtopic -->
                    <div class="seguir">
                    <li>{S_WATCH_TOPIC}</li>
                    </div>
                    <!-- END watchtopic -->
                    <!-- 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_authpost -->
                 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>&nbsp;&nbsp;
                 <!-- END switch_user_authpost -->
                 <!-- 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>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a>&nbsp;&nbsp;
                 {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 {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>&nbsp;
                          <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">
                                <!-- BEGIN profile_field -->
                                <div class="post_field">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>
                                <!-- END profile_field -->
                                {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">
                                <!-- 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>
                                   <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">
                                                          <div class="user-contact profile_{postrow.displayed.PROFILE_POSITION}">
                             {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
                          </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>
                 <!-- 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>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#top">{L_BACK_TO_TOP}</a>&nbsp;&nbsp;
                 {L_MESSAGE} [{PAGE_NUMBER}]
             
               
              <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>
           <div class="paged-foot clearfix">
              <!-- BEGIN topicpagination -->
              <p class="paging">{PAGINATION}</p>
              <!-- END topicpagination -->
              <p class="posting">
                 <!-- BEGIN switch_user_authpost -->
                 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>&nbsp;&nbsp;
                 <!-- END switch_user_authpost -->
                 <!-- 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>
        </div>
        <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 -->
              »&nbsp;<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 -->
        <!-- BBCode -->
                            <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>
                  <!-- End Of BBCode -->
        <a name="quickreply"></a>  
                      {QUICK_REPLY_FORM}
        <!-- END switch_user_logged_in -->
        <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>
         
          <!-- 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 -->
        <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:

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

and in the ACP the thanked message color:

http://prntscr.com/3kvb70

Is it needs something else to work?

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

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

Post by Luffy on May 20th 2014, 1: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?






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

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

Post by Van-Helsing on May 20th 2014, 1:18 pm

Ok now it works fine. I was confused with LGLike js.

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

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

Post by J0k3R^ on May 20th 2014, 1:25 pm

is it solved -avenger?

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

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

Post by Van-Helsing on May 20th 2014, 1:53 pm

yes it solved.

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

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

Post by SLGray on May 20th 2014, 10:21 pm

Topic Solved & Archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35670
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum