Tuesday tip : Reputation system: only allow positive votes

Page 1 of 2 1, 2  Next

Go down

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

Post by Shadow 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.

Tuesday tip : Reputation system: only allow positive votes 09615172706You must also :
- Be the founder of the forum
- Have a basic knowledge of HTML, and templates.

Tuesday tip : Reputation system: only allow positive votes 09615175912 PhpBB2 and punBB
The changes are the same on both versions.

Administration Panel Tuesday tip : Reputation system: only allow positive votes Arrow10Display Tuesday tip : Reputation system: only allow positive votes Arrow10 Templates Tuesday tip : Reputation system: only allow positive votes Arrow10 General Tuesday tip : Reputation system: only allow positive votes Arrow10 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
Tuesday tip : Reputation system: only allow positive votes Vot-tu10Tuesday tip : Reputation system: only allow positive votes Punbb10

Tuesday tip : Reputation system: only allow positive votes 09615175912 PhpBB3 version and Invision
The changes are the same on both versions.

Administration Panel Tuesday tip : Reputation system: only allow positive votes Arrow10Display Tuesday tip : Reputation system: only allow positive votes Arrow10Colors Tuesday tip : Reputation system: only allow positive votes Arrow10CSS

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
Tuesday tip : Reputation system: only allow positive votes Phpbb310Tuesday tip : Reputation system: only allow positive votes Invisi10

    Tuesday tip : Reputation system: only allow positive votes 09615172706 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):
Tuesday tip : Reputation system: only allow positive votes 001_1810

Administration Panel Tuesday tip : Reputation system: only allow positive votes Arrow10 Display Tuesday tip : Reputation system: only allow positive votes Arrow10 Templates Tuesday tip : Reputation system: only allow positive votes Arrow10 General Tuesday tip : Reputation system: only allow positive votes Arrow10 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:
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.
Shadow
Shadow
Administrator
Administrator

Male Posts : 16203
Reputation : 1805
Language : French, English

Back to top Go down

Tuesday tip : Reputation system: only allow positive votes Empty 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
Russel
Active Poster

Male Posts : 1406
Reputation : 236
Language : English, Filipino
Location : Philippines

Back to top Go down

Tuesday tip : Reputation system: only allow positive votes Empty 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
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

Tuesday tip : Reputation system: only allow positive votes Empty 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
hoodedwarbler12
Forumember

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

http://www.webkinznation.com

Back to top Go down

Tuesday tip : Reputation system: only allow positive votes Empty 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
mpelmmc
Support Moderator
Support Moderator

Male Posts : 1016
Reputation : 151
Language : English and Spanish

https://help.forumotion.com/

Back to top Go down

Tuesday tip : Reputation system: only allow positive votes Empty 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
Mio-chan
Forumember

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

http://www.theolympiansclan.com

Back to top Go down

Tuesday tip : Reputation system: only allow positive votes Empty 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
Mio-chan
Forumember

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

http://www.theolympiansclan.com

Back to top Go down

Tuesday tip : Reputation system: only allow positive votes Empty 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.
avatar
Guest
Guest


Back to top Go down

Tuesday tip : Reputation system: only allow positive votes Empty 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
fauzi rahman
New Member

Female Posts : 2
Reputation : 0
Language : inggris

Back to top Go down

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

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

Really useful.
Thank you.
avatar
unknown_fever
New Member

Posts : 11
Reputation : 0
Language : English

Back to top Go down

Tuesday tip : Reputation system: only allow positive votes Empty 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
Mio-chan
Forumember

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

http://www.theolympiansclan.com

Back to top Go down

Tuesday tip : Reputation system: only allow positive votes Empty 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
avatar
Guest
Guest


Back to top Go down

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

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

Congrulations.
Thank you!
Spoiler
Spoiler
New Member

Posts : 16
Reputation : 0
Language : Português

Back to top Go down

Tuesday tip : Reputation system: only allow positive votes Empty 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: 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.
avatar
Guest
Guest


Back to top Go down

Tuesday tip : Reputation system: only allow positive votes Empty 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: 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.

I took me a while. Your gonna have to play around with the padding.
Mio-chan
Mio-chan
Forumember

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

http://www.theolympiansclan.com

Back to top Go down

Tuesday tip : Reputation system: only allow positive votes Empty 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
Mio-chan
Forumember

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

http://www.theolympiansclan.com

Back to top Go down

Tuesday tip : Reputation system: only allow positive votes Empty 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.
avatar
Guest
Guest


Back to top Go down

Tuesday tip : Reputation system: only allow positive votes Empty 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
Mio-chan
Forumember

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

http://www.theolympiansclan.com

Back to top Go down

Tuesday tip : Reputation system: only allow positive votes Empty 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.
avatar
Guest
Guest


Back to top Go down

Tuesday tip : Reputation system: only allow positive votes Empty 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...
avatar
Guest
Guest


Back to top Go down

Tuesday tip : Reputation system: only allow positive votes Empty 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!
Cody!
Forumember

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

http://www.tuforoparawebmasters.com

Back to top Go down

Tuesday tip : Reputation system: only allow positive votes Empty 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
avatar
Guest
Guest


Back to top Go down

Tuesday tip : Reputation system: only allow positive votes Empty 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
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

Tuesday tip : Reputation system: only allow positive votes Empty 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
petros_7
Forumember

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

http://www.thegreeksenergy.com/forum

Back to top Go down

Tuesday tip : Reputation system: only allow positive votes Empty 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
OnTheBusesCrazy
Forumember

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

http://keepingupappearancesfanclub.com/

Back to top Go down

Tuesday tip : Reputation system: only allow positive votes Empty 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
viankova
Forumember

Female Posts : 138
Reputation : 0
Language : Sumen

Back to top Go down

Tuesday tip : Reputation system: only allow positive votes Empty 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:
Tuesday tip : Reputation system: only allow positive votes Captur10
URFTV
URFTV
Forumember

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

Back to top Go down

Tuesday tip : Reputation system: only allow positive votes Empty 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
MohammadRN
New Member

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

http://www.lakposhtha.com

Back to top Go down

Tuesday tip : Reputation system: only allow positive votes Empty 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
Threax
New Member

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

Back to top Go down

Tuesday tip : Reputation system: only allow positive votes Empty 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
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

Back to top


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