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.

Tuesday tip : Reputation system: only allow positive votes

Page 1 of 2 1, 2  Next

View previous topic View next topic Go down

Tuesday tip : Reputation system: only allow positive votes

Post by Leviosa on 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.

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

Administration Panel Display Templates General viewtopic_body

Find:

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

Replace it with:

Code:
<!-- BEGIN switch_no_bar -->
                            <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar" style="display: none;">----</div>
                            <!-- END switch_no_bar -->

                            <!-- BEGIN switch_vote -->
                            <div class="vote-button" style="display: none;"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}"></a></div>
                            <!-- END switch_vote -->

Then click the "Publish" button.

Result:
PhpBB2PunBB

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

Administration Panel 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:
PhpBB3Invision

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


Administration Panel Display Templates General viewtopic_body

Find:

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

And replace it with:

Code:
<!-- BEGIN switch_vote -->
                            <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>
                            <!-- END switch_vote -->

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:


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.


No help without your forum url
No support via private message



Leviosa
Administrator
Administrator

Female Posts : 15385
Reputation : 1563
Language : French, English

http://help.forumotion.com

Back to top Go down

Re: Tuesday tip : Reputation system: only allow positive votes

Post by Russel on January 11th 2011, 2:50 pm

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

Russel
Active Poster

Male Posts : 1400
Reputation : 235
Language : English, Filipino
Location : Philippines

http://help.forumotion.com/forum

Back to top Go down

Re: Tuesday tip : Reputation system: only allow positive votes

Post by Ezio on 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

Ezio
Forumember

Male Posts : 155
Reputation : 10
Language : Bahasa. Indonesia
Location : Request change my Age, I'm 13-14 years old.. :D

http://www.forumbargedoz.ce.ms

Back to top Go down

Re: Tuesday tip : Reputation system: only allow positive votes

Post by hoodedwarbler12 on 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

hoodedwarbler12
Forumember

Male Posts : 521
Reputation : 117
Language : English, Latin, HTML, JavaScript
Location : Tennessee, USA

http://www.webkinznation.com

Back to top Go down

Re: Tuesday tip : Reputation system: only allow positive votes

Post by mpelmmc on January 11th 2011, 8:30 pm

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

Thank you Typlo ^^

mpelmmc
Forumember

Male Posts : 139
Reputation : 12
Language : Spanish (100%), English (90%) and Google Translate.
Location : I go back and forth.

http://asistencia.foroactivo.com/forum

Back to top Go down

Re: Tuesday tip : Reputation system: only allow positive votes

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

CSS isn't working for PHPBB3

Mio-chan
Forumember

Male Posts : 284
Reputation : 16
Language : English, Portuguese | CSS3, HTML and learning C++
Location : Rhode Island, United States of America

http://www.theolympiansclan.com

Back to top Go down

Re: Tuesday tip : Reputation system: only allow positive votes

Post by Mio-chan on 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.

Mio-chan
Forumember

Male Posts : 284
Reputation : 16
Language : English, Portuguese | CSS3, HTML and learning C++
Location : Rhode Island, United States of America

http://www.theolympiansclan.com

Back to top Go down

Re: Tuesday tip : Reputation system: only allow positive votes

Post by Guest on 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.

Guest
Guest


Back to top Go down

Re: Tuesday tip : Reputation system: only allow positive votes

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

Thank's you

fauzi rahman
New Member

Female Posts : 2
Reputation : 0
Language : inggris

Back to top Go down

Re: Tuesday tip : Reputation system: only allow positive votes

Post by unknown_fever on January 12th 2011, 5:18 pm

Really useful.
Thank you.

unknown_fever
New Member

Posts : 11
Reputation : 0
Language : English

Back to top Go down

Re: Tuesday tip : Reputation system: only allow positive votes

Post by Mio-chan on 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.

Mio-chan
Forumember

Male Posts : 284
Reputation : 16
Language : English, Portuguese | CSS3, HTML and learning C++
Location : Rhode Island, United States of America

http://www.theolympiansclan.com

Back to top Go down

Re: Tuesday tip : Reputation system: only allow positive votes

Post by Guest on 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

Guest
Guest


Back to top Go down

Re: Tuesday tip : Reputation system: only allow positive votes

Post by Spoiler on January 12th 2011, 9:38 pm

Congrulations.
Thank you!

Spoiler
New Member

Posts : 16
Reputation : 0
Language : Português

Back to top Go down

Re: Tuesday tip : Reputation system: only allow positive votes

Post by Guest on 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: I am using Invision. My forum link is in the obvious location of my post profile.

Guest
Guest


Back to top Go down

Re: Tuesday tip : Reputation system: only allow positive votes

Post by Mio-chan on 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.

Mio-chan
Forumember

Male Posts : 284
Reputation : 16
Language : English, Portuguese | CSS3, HTML and learning C++
Location : Rhode Island, United States of America

http://www.theolympiansclan.com

Back to top Go down

Re: Tuesday tip : Reputation system: only allow positive votes

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

Try adding !important to it Wink

Mio-chan
Forumember

Male Posts : 284
Reputation : 16
Language : English, Portuguese | CSS3, HTML and learning C++
Location : Rhode Island, United States of America

http://www.theolympiansclan.com

Back to top Go down

Re: Tuesday tip : Reputation system: only allow positive votes

Post by Guest on January 13th 2011, 2:58 am

pimentel2 wrote:Try adding !important to it Wink
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.

Guest
Guest


Back to top Go down

Re: Tuesday tip : Reputation system: only allow positive votes

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

@SPADEZ wrote:
pimentel2 wrote:Try adding !important to it Wink
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?

Mio-chan
Forumember

Male Posts : 284
Reputation : 16
Language : English, Portuguese | CSS3, HTML and learning C++
Location : Rhode Island, United States of America

http://www.theolympiansclan.com

Back to top Go down

Re: Tuesday tip : Reputation system: only allow positive votes

Post by Guest on 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.

Guest
Guest


Back to top Go down

Re: Tuesday tip : Reputation system: only allow positive votes

Post by Guest on 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...

Guest
Guest


Back to top Go down

Re: Tuesday tip : Reputation system: only allow positive votes

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

I'm read this tutorial in other forum !

thanks for the tutorial Very Happy

Cody!
Forumember

Male Posts : 38
Reputation : 10
Language : Spanish and English
Location : In my forum

http://www.tuforoparawebmasters.com

Back to top Go down

Re: Tuesday tip : Reputation system: only allow positive votes

Post by Guest on 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

Guest
Guest


Back to top Go down

Re: Tuesday tip : Reputation system: only allow positive votes

Post by The_Great_WZ on January 16th 2011, 12:08 pm

Thanks Wink

ReGaRdS Very Happy

The_Great_WZ
Forumember

Male Posts : 162
Reputation : 5
Language : Arabic, French, English & Italian
Location : Tunisia

http://paradise-forum.realbb.net/

Back to top Go down

Re: Tuesday tip : Reputation system: only allow positive votes

Post by petros_7 on January 16th 2011, 8:21 pm

for (-) who is the code?

petros_7
Forumember

Male Posts : 341
Reputation : 2
Language : Greek
Location : Greece

http://www.thegreeksenergy.com/forum

Back to top Go down

Re: Tuesday tip : Reputation system: only allow positive votes

Post by OnTheBusesCrazy on January 18th 2011, 3:23 pm

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

OnTheBusesCrazy
Forumember

Male Posts : 73
Reputation : 0
Language : English
Location : UK - Kent The Garden Of England

http://keepingupappearancesfanclub.com/

Back to top Go down

Re: Tuesday tip : Reputation system: only allow positive votes

Post by viankova on January 19th 2011, 1:17 pm

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

viankova
Forumember

Female Posts : 133
Reputation : 0
Language : Sumen

Back to top Go down

Re: Tuesday tip : Reputation system: only allow positive votes

Post by URFTV on January 21st 2011, 12:27 pm

I replaced the + and - with images but how do i move them to the left:

URFTV
Forumember

Male Posts : 237
Reputation : 0
Language : English
Location : Australia

Back to top Go down

Re: Tuesday tip : Reputation system: only allow positive votes

Post by MohammadRN on February 6th 2011, 12:51 am

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

MohammadRN
New Member

Male Posts : 22
Reputation : 0
Language : Persian / Farsi / English
Location : Iran

http://www.lakposhtha.com

Back to top Go down

Re: Tuesday tip : Reputation system: only allow positive votes

Post by Threax on February 20th 2011, 12:50 pm

@Dion wrote: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.

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

Threax
New Member

Male Posts : 15
Reputation : 0
Language : French, English, Spanish

Back to top Go down

Re: Tuesday tip : Reputation system: only allow positive votes

Post by Social_King on February 27th 2011, 4:17 am

This does not work for phpBB3!

Social_King
Forumember

Male Posts : 89
Reputation : 2
Language : English

http://chatgo.forumotion.com/

Back to top Go down

Page 1 of 2 1, 2  Next

View previous topic View next topic Back to top


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