Tuesday tip : Reputation system: only allow positive votes

by **Shadow** January 11th 2011, 2:20 pm

Reputation system: only allow positive votes

Since the appearance of the reputation system, messages can be voted by the "+" or "-" button. However, many members have wondered if it is possible to only take into account the positive votes. This tutorial will explain how to remove the "-" button on all forum versions.

You must also :
- Be the founder of the forum
- Have a basic knowledge of HTML, and templates.

Reputation - Tuesday tip : Reputation system: only allow positive votes 09615175912

PhpBB2 and punBB
The changes are the same on both versions.

Administration Panel Reputation - Tuesday tip : Reputation system: only allow positive votes Arrow10

Display

Templates

General

viewtopic_body

Find:

Code::  <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>

Replace it with:

Code::  <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar" style="display: none;">----</div>   <div class="vote-button" style="display: none;"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}"></a></div>

Then click the "Publish" button.

Result:

PhpBB2	PunBB

PhpBB3 version and Invision
The changes are the same on both versions.

Administration Panel Reputation - Tuesday tip : Reputation system: only allow positive votes Arrow10

Display

Colors

CSS

Add this code to your CSS:

Code:: / *-- Removal of negative voting button in messages --* / .vote .vote-button, .vote-no-bar { display:none; } .vote .vote-button:first-child { display:block; }

Result:

PhpBB3	Invision

Replace the "+" with a picture

PhpBB2 and phpBB versions only

It is of course possible to replace the + with an image of your choice. In our example, we will take this picture (you can also use):
Reputation - Tuesday tip : Reputation system: only allow positive votes 001_1810

Reputation - Tuesday tip : Reputation system: only allow positive votes 001_1810

Administration Panel Reputation - Tuesday tip : Reputation system: only allow positive votes Arrow10

Display

Templates

General

viewtopic_body

Find:

Code::  <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>

And replace it with:

Code::  <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"><img src="http://i22.servimg.com/u/f22/09/02/12/09/001_1810.png" title="Avis positif" alt="Avis positif" /></a></div>

Then click the "Publish" button.

Afterward add this to your CSS:

Code:: .vote { width: 24px; / *-- Width of the image chosen --* / }

Here, the image chosen above has a width of 24px, so we put a value of 24px.
If your image has a width of 35px, remember to adapt this code by changing 24px to 35px. Wink

Result:
Reputation - Tuesday tip : Reputation system: only allow positive votes Vot-tu11

This tutorial was written by the Staff of the Forum Forum,
And in particular Toto456 and translated by MrMario.

No reproduction possible without our consent, in accordance with article L122-1 of the ICC.

by Russel January 11th 2011, 2:50 pm

First to comment! Thanks for this. Think always for positive ones. :-)

by Ezio January 11th 2011, 4:27 pm

hi forumotion, I wanted to ask. why when I change the code, appears orders "The tag has been closed before being opened or the tag hasn't been opened." and can not be replaced. anyone know? I use phpBB2. sorry I am not good at HTML problem.
thank-you

by hoodedwarbler12 January 11th 2011, 6:05 pm

Thank you so much, Typlo. My forum is for children, so this help reduce meanness. But of course adults are mean too. Razz

by Guest January 11th 2011, 8:30 pm

I was read this tutorial in another's FDF. Is absolutely great! Very Happy

Thank you Typlo ^^

by Mio-chan January 12th 2011, 1:13 am

CSS isn't working for PHPBB3

by Mio-chan January 12th 2011, 4:10 am

Got the code working for PHPBB3, just removed the /*-- line

Also, after playing around with padding, etc, I got an image for the positive rep for the PHPBB3 version.

Here's the code

Code:: .vote .vote-button a { background-image: url('http://i22.servimg.com/u/f22/09/02/12/09/001_1810.png') !important; padding-right: 25px; padding-top: 22px; font-size: 0px !important; }

Note: Depending on your board, you'll have to readjust the padding.

by Guest January 12th 2011, 3:35 pm

Thanks for the feature, however, That thumbs up icon should be possible on other forums besides only phpBB2 and punBB.

by fauzi rahman January 12th 2011, 4:38 pm

Thank's you

by unknown_fever January 12th 2011, 5:18 pm

Really useful.
Thank you.

by Mio-chan January 12th 2011, 5:57 pm

SPADEZ wrote:Thanks for the feature, however, That thumbs up icon should be possible on other forums besides only phpBB2 and punBB.

Check my reply. It is possible with CSS.

by Guest January 12th 2011, 8:03 pm

Why on earth would someone add display:none; to a template? Shocked

Please people, use the CSS instead! It works on all board types. Changing the DOM in this fashion is poor HTML design practice. I strongly suggest that the original post be edited to only show the CSS solution for removing the minus sign.

And a suggestion to the eToxic folks. You have plus and minus sign images in the ACP in the Mini-Icons section of Pics Management. How about putting those in the template instead of ASCII +/- characters? In that way, you could get rid of part II of this "tip" and just let admins change the vote images by changing the images in the ACP...

Do I have to think of everything for you? Hey, eToxic...let's talk. Very Happy

by Spoiler January 12th 2011, 9:38 pm

Congrulations.
Thank you!

by Guest January 13th 2011, 12:56 am

pimentel2 wrote:Got the code working for PHPBB3, just removed the /*-- line

Also, after playing around with padding, etc, I got an image for the positive rep for the PHPBB3 version.

Here's the code

Code:
.vote .vote-button a { background-image: url('http://i22.servimg.com/u/f22/09/02/12/09/001_1810.png') !important; padding-right: 25px; padding-top: 22px; font-size: 0px !important; }

Note: Depending on your board, you'll have to readjust the padding.

No matter how much I adjust this it does not show the full image...
As you can see in this pic here: Reputation - Tuesday tip : Reputation system: only allow positive votes Thumbs10

Reputation - Tuesday tip : Reputation system: only allow positive votes Thumbs10

I am using Invision. My forum link is in the obvious location of my post profile.

by Mio-chan January 13th 2011, 1:41 am

SPADEZ wrote:
pimentel2 wrote:Got the code working for PHPBB3, just removed the /*-- line

Also, after playing around with padding, etc, I got an image for the positive rep for the PHPBB3 version.

Here's the code

Code:
.vote .vote-button a { background-image: url('http://i22.servimg.com/u/f22/09/02/12/09/001_1810.png') !important; padding-right: 25px; padding-top: 22px; font-size: 0px !important; }

Note: Depending on your board, you'll have to readjust the padding.

No matter how much I adjust this it does not show the full image...
As you can see in this pic here: I am using Invision. My forum link is in the obvious location of my post profile.

I took me a while. Your gonna have to play around with the padding.

by Mio-chan January 13th 2011, 1:45 am

Try adding !important to it Wink

by Guest January 13th 2011, 2:58 am

pimentel2 wrote:Try adding !important to it

Didn't work, I already tried that. Their is something in that code that is missing to work on my forum I guess. I use a website debugger (firebug) and I was adjusting the padding values on the fly and nothing I put allowed it to show as a full icon for some reason.

by Mio-chan January 13th 2011, 3:18 am

SPADEZ wrote:
pimentel2 wrote:Try adding !important to it
Didn't work, I already tried that. Their is something in that code that is missing to work on my forum I guess. I use a website debugger (firebug) and I was adjusting the padding values on the fly and nothing I put allowed it to show as a full icon for some reason.

Try editing it on the live version, perhaps?

by Guest January 13th 2011, 6:10 am

Yes, it's the same difference only with firebug i can modify it without going through my ACP back and forth saving and cancelling.

by Guest January 14th 2011, 2:22 am

I am writing a tutorial that will show how to replace the +/- characters in the vote buttons with images. The tutorial will work on all four forumotion board types.

And in the future, if a tutorial/tip posted here requires templates, I will write a similar tutorial for phpBB3 and IPB2/Invision boards if the tutorial/tip can be done using javascript. I have already written a tutorial for phpBB3 and IPB2/Invision boards that removes the topics/messages columns as described in this topic.

Please note, due to the double-standard that exists on this forum, I cannot post the name/URL of the forum where the tutorials reside, nor can I tell you anything more than what I just have...

by Cody! January 14th 2011, 2:53 am

I'm read this tutorial in other forum !

thanks for the tutorial Very Happy

by Guest January 14th 2011, 10:14 am

Cool Dion, I'm pretty sure you'll have a solution to my problem and well put tutorial. I'll be looking forward to viewing it Smile

by The_Great_WZ January 16th 2011, 12:08 pm

Thanks

ReGaRdS Very Happy

by petros_7 January 16th 2011, 8:21 pm

for (-) who is the code?

by OnTheBusesCrazy January 18th 2011, 3:23 pm

Thanks for enabling removal of this, makes my site more friendly. :wouhou:

by viankova January 19th 2011, 1:17 pm

Thanks for this. I love it. It's great

by URFTV January 21st 2011, 12:27 pm

I replaced the + and - with images but how do i move them to the left:
Reputation - Tuesday tip : Reputation system: only allow positive votes Captur10

by MohammadRN February 6th 2011, 12:51 am

it doesnt work in phpbb3!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

by Threax February 20th 2011, 12:50 pm

Dion wrote:Why on earth would someone add display:none; to a template?

Please people, use the CSS instead! It works on all board types. Changing the DOM in this fashion is poor HTML design practice. I strongly suggest that the original post be edited to only show the CSS solution for removing the minus sign.

I can't remember why I put the templates modification for phpBB2 and punBB in the original tuto, but if I did it while the CSS solution works, there is probably a reason. mwii