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.

How to change the +1 rep button?

View previous topic View next topic Go down

Solved How to change the +1 rep button?

Post by Alexander Moore on July 28th 2012, 12:30 am

I would like to change the +1 rep button so that it's like here - where it has a different image that I specify and is positioned with the other buttons.

Right now it's just a tiny plus and minus off to the side on posts. Unfortunately, there doesn't seem to be any simple way to edit them. I'm guessing that the only way to do it is through CSS.

Can I get some help with this? Thanks in advance.

Edit : I would like to have a version of the CSS for both Invision and PhpBB 3 if it's needed.


Last edited by Alexander Moore on July 29th 2012, 3:40 pm; edited 1 time in total

Alexander Moore
Forumember

Male Posts : 210
Reputation : 2
Language : English (USA), Mandarin Chinese || HTML, CSS, Limited JavaScript.
Location : Suzhou, China

Back to top Go down

Solved Re: How to change the +1 rep button?

Post by SLGray on July 28th 2012, 3:17 am



When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35661
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: How to change the +1 rep button?

Post by Alexander Moore on July 28th 2012, 4:09 pm

I'd like to change it like this place, where it's up next to the Thanks button and can only vote up. That tutorial doesn't really say how to do that. Could someone help me by telling me what else, in addition to that tutorial, I need to do to get that?

Alexander Moore
Forumember

Male Posts : 210
Reputation : 2
Language : English (USA), Mandarin Chinese || HTML, CSS, Limited JavaScript.
Location : Suzhou, China

Back to top Go down

Solved Re: How to change the +1 rep button?

Post by Sanket on July 28th 2012, 7:45 pm

Please take a look at this for allowing only positive votes.
http://help.forumotion.com/t84472-tuesday-tip-reputation-system-only-allow-positive-votes

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: How to change the +1 rep button?

Post by Alexander Moore on July 29th 2012, 6:06 am

Thank you very much Sanket. Now, I want to replace the plus with an image of my choice and move the position of the plus next to the "Thanks, Quote, Edit, Etc" buttons, like you've done in this forum.

That tutorial only teaches how to change the image, and only in PhpBB2 and PunBB. I'm running PhpBB 3 so how can I do this?

Alexander Moore
Forumember

Male Posts : 210
Reputation : 2
Language : English (USA), Mandarin Chinese || HTML, CSS, Limited JavaScript.
Location : Suzhou, China

Back to top Go down

Solved Re: How to change the +1 rep button?

Post by Sanket on July 29th 2012, 7:07 am

http://help.forumotion.com/t48922-change-the-reputation-bar
The tutorial mentions this.
this tut is confirmed for phpbb3 and IPB
it may work on other versions if the classes that I mention are present
So it works for phpbb3 Wink

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: How to change the +1 rep button?

Post by Alexander Moore on July 29th 2012, 9:08 am

So I'm guessing they are present then.

Thank you very much Sanket. I know you're a busy man and I try not to bug you too much.

Last time I was here it was Cailhem and Typlo who was doing most of all the Admin work Razz new faces all around now, haha. Unless that's who you are and you just changed usernames o_o

Edit : It doesn't say anything about MOVING the button though x_x

Alexander Moore
Forumember

Male Posts : 210
Reputation : 2
Language : English (USA), Mandarin Chinese || HTML, CSS, Limited JavaScript.
Location : Suzhou, China

Back to top Go down

Solved Re: How to change the +1 rep button?

Post by Sanket on July 29th 2012, 9:36 am

Haha, no its a different person & a different account. After Caihlem, there came Luky & then MrMario & now me. Pro-Admin Typlo's place was taken by Leeloo, she uses his account.

About moving the image, we will need to wait for someone else to reply Wink

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: How to change the +1 rep button?

Post by Alexander Moore on July 29th 2012, 3:32 pm

I got it myself, just trying to remember how to code by myself. I used to be great at it, but then I stopped for about 4 years and well all of that info seems to have vanished. I've been learning from here and W3 Schools again ~_~

I used this code :

Code:
position:relative;
right: 425px;
top: -18px;

Anyway, topic solved Very Happy thank you.

Alexander Moore
Forumember

Male Posts : 210
Reputation : 2
Language : English (USA), Mandarin Chinese || HTML, CSS, Limited JavaScript.
Location : Suzhou, China

Back to top Go down

Solved Re: How to change the +1 rep button?

Post by ankillien on July 29th 2012, 5:42 pm

Topic Solved & Locked

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

View previous topic View next topic Back to top


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