Quote:
Originally Posted by pete_brady
sure is - can you share how you achieved this?
|
Quote:
Originally Posted by 10 Gauge
+1
I want this!
|
Here's what you need to do:
first open the helpfulanswers.php in your forum root.
then comment out the lines shown in image. our objective is to always use
helpful_answers_roll.
Then go to admincp > style manager > edit template > help templates > helpful_answers_roll
replace all the code in that template with this:
Code:
<vb:if condition="$show['helpfulanswer']">
<span id="helpfulanswers_box_{vb:raw post.postid}">
<span class="seperator"> </span>
<vb:if condition="$show['rate_helpfulanswer']">
<a class="rateuppost" href="./helpfulanswers.php?do=rate&postid={vb:raw post.postid}&rank=1" <vb:if condition="$vboptions[disable_ajax] != 2"> onclick="return helpfulanswers_rate({vb:raw post.postid}, 1);" </vb:if> rel="nofollow" > {vb:raw post.goodrank}</a>
<vb:if condition="$vboptions['helpans_neg']">
<span class="seperator"> </span>
<a class="ratedownpost" href="./helpfulanswers.php?do=rate&postid={vb:raw post.postid}&rank=0" <vb:if condition="$vboptions[disable_ajax] != 2"> onclick="return helpfulanswers_rate({vb:raw post.postid}, 0);" </vb:if> rel="nofollow" >{vb:raw post.badrank} </a>
</vb:if>
<vb:else />
<vb:if condition="!$show[guest]">
<vb:if condition="$post[yesno]">
<span class="rateuppost_u"> {vb:raw post.goodrank}</span>
<vb:if condition="$vboptions['helpans_neg']">
<span class="seperator"> </span>
<span class="ratedownpost"> {vb:raw post.badrank}</span>
</vb:if>
<vb:else />
<span class="rateuppost"> {vb:raw post.goodrank}</span>
<vb:if condition="$vboptions['helpans_neg']">
<span class="seperator"> </span>
<span class="ratedownpost_u"> {vb:raw post.badrank}</span>
</vb:if>
</vb:if>
</vb:if>
</vb:if>
<vb:if condition="$show['guest'] AND $vboptions['helpans_guestshow']">
<a class="rateuppost" href="./helpfulanswers.php?do=guestrate" rel="nofollow" > {vb:raw post.goodrank}</a>
<vb:if condition="$vboptions['helpans_neg']">
<span class="seperator"> </span>
<a class="ratedownpost" href="./helpfulanswers.php?do=guestrate" rel="nofollow" > {vb:raw post.badrank}</a>
</vb:if>
</vb:if>
</span>
</vb:if>
then go to admincp > style manager > edit template > postbit templates > postbit legacy
under
Code:
<div class="postfoot">
find
Code:
<a class="multiquote" href="{vb:raw post.replylink}" rel="nofollow" onclick="return false;" id="mq_{vb:raw post.postid}"><img id="mq_image_{vb:raw post.postid}" src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase multi_quote_this_message}" /> </a> </vb:if>
so after that </vb:if> and before </span>, add
Code:
<vb:if condition="$show['helpfulanswer']">
{vb:raw helpful_answers}
</vb:if>
now go to admincp > style manager > edit template > css templates > additional.css
add
Code:
.postbitlegacy .postfoot .textcontrols a.rateuppost, .postbit .postfoot .textcontrols a.rateuppost, .eventbit .eventfoot .textcontrols a.rateupevent {
background:url("images/buttons/arrow_mini_up_gray.png") no-repeat scroll left center #E9E9E9;
border:0 solid #A8A8A8;
padding:0 0 0 20px;
color: #008000;
}
.postbitlegacy .postfoot .textcontrols a.rateuppost:hover, .postbit .postfoot .textcontrols a.rateuppost:hover, .eventbit .eventfoot .textcontrols a.rateupevent:hover {
background:url("images/buttons/arrow_mini_up_hover.png") no-repeat scroll left center transparent;
border:0 none;
padding:0 0 0 20px;
color: #008000;
}
.postbitlegacy .postfoot .textcontrols a.ratedownpost, .postbit .postfoot .textcontrols a.ratedownpost, .eventbit .eventfoot .textcontrols a.ratedownevent {
background:url("images/buttons/arrow_mini_down_gray.png") no-repeat scroll right center #E9E9E9;
border:0 solid #A8A8A8;
padding:0 20px 0 0;
color: #800000;
}
.postbitlegacy .postfoot .textcontrols a.ratedownpost:hover, .postbit .postfoot .textcontrols a.ratedownpost:hover, .eventbit .eventfoot .textcontrols a.ratedownevent:hover {
background:url("images/buttons/arrow_mini_down_hover.png") no-repeat scroll right center transparent;
border:0 none;
padding:0 20px 0 0;
color: #800000;
}
.postbitlegacy .postfoot .textcontrols span.rateuppost, .postbit .postfoot .textcontrols span.rateuppost {
background:url("images/buttons/arrow_mini_up.png") no-repeat scroll left center #E9E9E9;
border:0 solid #A8A8A8;
padding:0 0 0 20px;
color: #008000;
}
.postbitlegacy .postfoot .textcontrols span.ratedownpost, .postbit .postfoot .textcontrols span.ratedownpost {
background:url("images/buttons/arrow_mini_down.png") no-repeat scroll right center #E9E9E9;
border:0 solid #A8A8A8;
padding:0 20px 0 0;
color: #800000;
}
.postbitlegacy .postfoot .textcontrols span.rateuppost_u, .postbit .postfoot .textcontrols span.rateuppost_u {
background:url("images/buttons/arrow_mini_up_hover.png") no-repeat scroll left center #E9E9E9;
border:0 solid #A8A8A8;
padding:0 0 0 20px;
color: #008000;
}
.postbitlegacy .postfoot .textcontrols span.ratedownpost_u, .postbit .postfoot .textcontrols span.ratedownpost_u {
background:url("images/buttons/arrow_mini_down_hover.png") no-repeat scroll right center #E9E9E9;
border:0 solid #A8A8A8;
padding:0 20px 0 0;
color: #800000;
}
Finally, go to admincp > options > helpful options > enable manual placement.
I have only checked it in legacy postbit.
if you make the similar change in regular postbit, it should work.
NOTE: This layout is NOT for "ten-based" rating.
Please remember to backup your database before trying. and I'm not responsible if anything goes wrong.
edit: you need to extract the arrow_mini.zip in /images/buttons directory.
More Information