How to put pictures in reputation buttons
3 posters
Page 1 of 1
How to put pictures in reputation buttons
![How to put pictures in reputation buttons 511](https://i.servimg.com/u/f47/16/97/50/50/511.png)
like this
![Very Happy](https://2img.net/i/fa/i/smiles/icon_biggrin.png)
![Hello](/users/3412/19/22/63/smiles/hello.gif)
Last edited by -DC- Member on 25th March 2012, 21:22; edited 1 time in total
Re: How to put pictures in reputation buttons
The second part of this tutorial will help:
https://help.forumotion.com/t84472-tuesday-tip-reputation-system-only-allow-positive-votes
https://help.forumotion.com/t84472-tuesday-tip-reputation-system-only-allow-positive-votes
Re: How to put pictures in reputation buttons
Sorry I re-read the tutorial the image part is only for phpBB 2 and punBB.
This should help: http://www.diondesigns.org/t100-example-4-add-images-instead-of-to-reputation-system-all-boards
This should help: http://www.diondesigns.org/t100-example-4-add-images-instead-of-to-reputation-system-all-boards
![](https://i.servimg.com/u/f18/16/89/96/68/sig_se10.png)
![How to put pictures in reputation buttons Slgray10](https://i.servimg.com/u/f28/11/40/02/06/slgray10.png)
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: How to put pictures in reputation buttons
I edited my post. Please read it again.
![](https://i.servimg.com/u/f18/16/89/96/68/sig_se10.png)
![How to put pictures in reputation buttons Slgray10](https://i.servimg.com/u/f28/11/40/02/06/slgray10.png)
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: How to put pictures in reputation buttons
Delete what you just entered and re-enter the code again.
![](https://i.servimg.com/u/f18/16/89/96/68/sig_se10.png)
![How to put pictures in reputation buttons Slgray10](https://i.servimg.com/u/f28/11/40/02/06/slgray10.png)
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: How to put pictures in reputation buttons
This is the code you enter:
- Code:
.vote {width: 16px; margin: 0px 0px 0px 3px;}
.vote .vote-button {margin: 0px;}
.vote .vote-bar {width: 6px; border: none;}
![](https://i.servimg.com/u/f18/16/89/96/68/sig_se10.png)
![How to put pictures in reputation buttons Slgray10](https://i.servimg.com/u/f28/11/40/02/06/slgray10.png)
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: How to put pictures in reputation buttons
In the JavaScript:
x[i].innerHTML='<img title="Like" src="(your +/like button URL)" />';
x[i].innerHTML='<img title="Dislike" src="(your -/dislike button URL)" />';
your like and dislike buttons' URLs
x[i].innerHTML='<img title="Like" src="(your +/like button URL)" />';
x[i].innerHTML='<img title="Dislike" src="(your -/dislike button URL)" />';
your like and dislike buttons' URLs
![](https://i.servimg.com/u/f18/16/89/96/68/sig_se10.png)
![How to put pictures in reputation buttons Slgray10](https://i.servimg.com/u/f28/11/40/02/06/slgray10.png)
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: How to put pictures in reputation buttons
The first code is a JavaScript code -
Administration Panel > Modules > HTML & JavaScript > JavaScript Management
Make sure you have it activated.
Copy and paste the code that is in the white box.
Administration Panel > Modules > HTML & JavaScript > JavaScript Management
Make sure you have it activated.
Copy and paste the code that is in the white box.
![](https://i.servimg.com/u/f18/16/89/96/68/sig_se10.png)
![How to put pictures in reputation buttons Slgray10](https://i.servimg.com/u/f28/11/40/02/06/slgray10.png)
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: How to put pictures in reputation buttons
Did you add the first code in the JavaScript Management (In topics) and the second code in the CSS stylesheet?
![](https://i.servimg.com/u/f18/16/89/96/68/sig_se10.png)
![How to put pictures in reputation buttons Slgray10](https://i.servimg.com/u/f28/11/40/02/06/slgray10.png)
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: How to put pictures in reputation buttons
Glad you got it to work.
Topic Solved & Locked |
![](https://i.servimg.com/u/f18/16/89/96/68/sig_se10.png)
![How to put pictures in reputation buttons Slgray10](https://i.servimg.com/u/f28/11/40/02/06/slgray10.png)
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
![-](https://2img.net/i/empty.gif)
» Servimg.com bad gatewaying
» Pictures
» I need help with pictures
» Posting pictures
» Pictures hosting?
» Pictures
» I need help with pictures
» Posting pictures
» Pictures hosting?
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum