The forum of the forums

Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
+26
Fireflaming246
Stephen-
ioncube
invisible_fa
dleavell
Base
lovekhmer2008
CajunBelle
baxuz011
Social_King
Threax
MohammadRN
URFTV
viankova
OnTheBusesCrazy
petros_7
The_Great_WZ
Cody!
Spoiler
unknown_fever
fauzi rahman
Mio-chan
hoodedwarbler12
Ezio
Russel
Shadow
30 posters

    Tuesday tip : Reputation system: only allow positive votes

    Shadow
    Shadow
    Shadow
    Manager
    Manager


    Male Posts : 16208
    Reputation : 1832
    Language : French, English
    • Post n°1

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

    Post by Shadow 11/1/2011, 14:20

    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.

    Reputation - 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.

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

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

    Administration Panel Reputation - Tuesday tip : Reputation system: only allow positive votes Arrow10Display Reputation - Tuesday tip : Reputation system: only allow positive votes Arrow10Colors Reputation - 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
    Reputation - Tuesday tip : Reputation system: only allow positive votes Phpbb310Reputation - Tuesday tip : Reputation system: only allow positive votes Invisi10

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

    Administration Panel Reputation - Tuesday tip : Reputation system: only allow positive votes Arrow10 Display Reputation - Tuesday tip : Reputation system: only allow positive votes Arrow10 Templates Reputation - Tuesday tip : Reputation system: only allow positive votes Arrow10 General Reputation - 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:
    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.
    • Back to top
    Russel
    Russel
    Russel
    Active Poster


    Male Posts : 1407
    Reputation : 236
    Language : English, Filipino
    Location : Philippines
    • Post n°2

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

    Post by Russel 11/1/2011, 14:50

    First to comment! Thanks for this. Think always for positive ones. :-)
    • Back to top
    Ezio
    Ezio
    Ezio
    Forumember


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

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

    Post by Ezio 11/1/2011, 16:27

    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
    • Back to top
    hoodedwarbler12
    hoodedwarbler12
    hoodedwarbler12
    Forumember


    Male Posts : 521
    Reputation : 117
    Language : English, Latin, HTML, JavaScript
    Location : Tennessee, USA
    • Post n°4

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

    Post by hoodedwarbler12 11/1/2011, 18:05

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


    • Post n°5

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

    Post by Guest 11/1/2011, 20:30

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

    Thank you Typlo ^^
    • Back to top
    Mio-chan
    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
    • Post n°6

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

    Post by Mio-chan 12/1/2011, 01:13

    CSS isn't working for PHPBB3
    • Back to top
    Mio-chan
    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
    • Post n°7

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

    Post by Mio-chan 12/1/2011, 04:10

    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.
    • Back to top
    Guest
    avatar
    Guest
    Guest


    • Post n°8

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

    Post by Guest 12/1/2011, 15:35

    Thanks for the feature, however, That thumbs up icon should be possible on other forums besides only phpBB2 and punBB.
    • Back to top
    fauzi rahman
    fauzi rahman
    fauzi rahman
    New Member


    Female Posts : 2
    Reputation : 0
    Language : inggris
    • Post n°9

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

    Post by fauzi rahman 12/1/2011, 16:38

    Thank's you
    • Back to top
    unknown_fever
    avatar
    unknown_fever
    New Member


    Posts : 11
    Reputation : 0
    Language : English
    • Post n°10

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

    Post by unknown_fever 12/1/2011, 17:18

    Really useful.
    Thank you.
    • Back to top
    Mio-chan
    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
    • Post n°11

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

    Post by Mio-chan 12/1/2011, 17:57

    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.
    • Back to top
    Guest
    avatar
    Guest
    Guest


    • Post n°12

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

    Post by Guest 12/1/2011, 20:03

    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
    • Back to top
    Spoiler
    Spoiler
    Spoiler
    New Member


    Posts : 16
    Reputation : 0
    Language : Português
    • Post n°13

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

    Post by Spoiler 12/1/2011, 21:38

    Congrulations.
    Thank you!
    • Back to top
    Guest
    avatar
    Guest
    Guest


    • Post n°14

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

    Post by Guest 13/1/2011, 00:56

    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 I am using Invision. My forum link is in the obvious location of my post profile.
    • Back to top
    Mio-chan
    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
    • Post n°15

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

    Post by Mio-chan 13/1/2011, 01:41

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

    I took me a while. Your gonna have to play around with the padding.
    • Back to top
    Mio-chan
    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
    • Post n°16

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

    Post by Mio-chan 13/1/2011, 01:45

    Try adding !important to it Wink
    • Back to top
    Guest
    avatar
    Guest
    Guest


    • Post n°17

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

    Post by Guest 13/1/2011, 02:58

    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.
    • Back to top
    Mio-chan
    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
    • Post n°18

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

    Post by Mio-chan 13/1/2011, 03:18

    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?
    • Back to top
    Guest
    avatar
    Guest
    Guest


    • Post n°19

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

    Post by Guest 13/1/2011, 06:10

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


    • Post n°20

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

    Post by Guest 14/1/2011, 02:22

    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...
    • Back to top
    Cody!
    Cody!
    Cody!
    Forumember


    Male Posts : 38
    Reputation : 10
    Language : Spanish and English
    Location : In my forum
    • Post n°21

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

    Post by Cody! 14/1/2011, 02:53

    I'm read this tutorial in other forum !

    thanks for the tutorial Very Happy
    • Back to top
    Guest
    avatar
    Guest
    Guest


    • Post n°22

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

    Post by Guest 14/1/2011, 10:14

    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
    • Back to top
    The_Great_WZ
    The_Great_WZ
    The_Great_WZ
    Forumember


    Male Posts : 162
    Reputation : 5
    Language : Arabic, French, English & Italian
    Location : Tunisia
    • Post n°23

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

    Post by The_Great_WZ 16/1/2011, 12:08

    Thanks Wink

    ReGaRdS Very Happy
    • Back to top
    petros_7
    petros_7
    petros_7
    Forumember


    Male Posts : 341
    Reputation : 2
    Language : Greek
    Location : Greece
    • Post n°24

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

    Post by petros_7 16/1/2011, 20:21

    for (-) who is the code?
    • Back to top
    OnTheBusesCrazy
    OnTheBusesCrazy
    OnTheBusesCrazy
    Forumember


    Male Posts : 73
    Reputation : 0
    Language : English
    Location : UK - Kent The Garden Of England
    • Post n°25

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

    Post by OnTheBusesCrazy 18/1/2011, 15:23

    Thanks for enabling removal of this, makes my site more friendly. :wouhou:
    • Back to top
    viankova
    viankova
    viankova
    Forumember


    Female Posts : 138
    Reputation : 0
    Language : Sumen
    • Post n°26

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

    Post by viankova 19/1/2011, 13:17

    Thanks for this. I love it. It's great ùù
    • Back to top
    URFTV
    URFTV
    URFTV
    Forumember


    Male Posts : 237
    Reputation : 0
    Language : English
    Location : Australia
    • Post n°27

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

    Post by URFTV 21/1/2011, 12:27

    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
    • Back to top
    MohammadRN
    MohammadRN
    MohammadRN
    New Member


    Male Posts : 22
    Reputation : 0
    Language : Persian / Farsi / English
    Location : Iran
    • Post n°28

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

    Post by MohammadRN 6/2/2011, 00:51

    it doesnt work in phpbb3!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
    • Back to top
    Threax
    Threax
    Threax
    New Member


    Male Posts : 15
    Reputation : 0
    Language : French, English, Spanish
    • Post n°29

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

    Post by Threax 20/2/2011, 12:50

    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
    • Back to top
    Social_King
    Social_King
    Social_King
    Forumember


    Male Posts : 89
    Reputation : 2
    Language : English
    • Post n°30

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

    Post by Social_King 27/2/2011, 04:17

    This does not work for phpBB3!
    • Back to top

      Current date/time is 11/11/2024, 23:28