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.

How to put pictures in reputation buttons

3 posters

Go down

Solved How to put pictures in reputation buttons

Post by -DC- Member Sun 25 Mar 2012, 15:14

How to put pictures in reputation buttons 511

like this Very Happy Hello


Last edited by -DC- Member on Sun 25 Mar 2012, 20:22; edited 1 time in total
-DC- Member
-DC- Member
Forumember

Male Posts : 44
Reputation : 2
Language : Greek
Location : Athens

http://www.designingcrew.net

Back to top Go down

Solved Re: How to put pictures in reputation buttons

Post by Neymar1 Sun 25 Mar 2012, 15:20

Neymar1
Neymar1
Forumember

Male Posts : 406
Reputation : 28
Language : HTML, CSS, and a bit of JavaScript
Location : Scotland

http://www.simplyfifa.com

Back to top Go down

Solved Re: How to put pictures in reputation buttons

Post by -DC- Member Sun 25 Mar 2012, 15:26

I have invision
-DC- Member
-DC- Member
Forumember

Male Posts : 44
Reputation : 2
Language : Greek
Location : Athens

http://www.designingcrew.net

Back to top Go down

Solved Re: How to put pictures in reputation buttons

Post by SLGray Sun 25 Mar 2012, 15:45

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


How to put pictures in reputation buttons Slgray10

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

Male Posts : 51555
Reputation : 3524
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: How to put pictures in reputation buttons

Post by -DC- Member Sun 25 Mar 2012, 15:49

I don't think so because I don't have "Templates"
-DC- Member
-DC- Member
Forumember

Male Posts : 44
Reputation : 2
Language : Greek
Location : Athens

http://www.designingcrew.net

Back to top Go down

Solved Re: How to put pictures in reputation buttons

Post by SLGray Sun 25 Mar 2012, 15:50

I edited my post. Please read it again.


How to put pictures in reputation buttons Slgray10

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

Male Posts : 51555
Reputation : 3524
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: How to put pictures in reputation buttons

Post by -DC- Member Sun 25 Mar 2012, 15:56

-DC- Member
-DC- Member
Forumember

Male Posts : 44
Reputation : 2
Language : Greek
Location : Athens

http://www.designingcrew.net

Back to top Go down

Solved Re: How to put pictures in reputation buttons

Post by SLGray Sun 25 Mar 2012, 15:57

Delete what you just entered and re-enter the code again.


How to put pictures in reputation buttons Slgray10

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

Male Posts : 51555
Reputation : 3524
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: How to put pictures in reputation buttons

Post by -DC- Member Sun 25 Mar 2012, 16:00

the same
-DC- Member
-DC- Member
Forumember

Male Posts : 44
Reputation : 2
Language : Greek
Location : Athens

http://www.designingcrew.net

Back to top Go down

Solved Re: How to put pictures in reputation buttons

Post by SLGray Sun 25 Mar 2012, 16:02

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;}


How to put pictures in reputation buttons Slgray10

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

Male Posts : 51555
Reputation : 3524
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: How to put pictures in reputation buttons

Post by -DC- Member Sun 25 Mar 2012, 16:08

where i put the link for the picture ??
-DC- Member
-DC- Member
Forumember

Male Posts : 44
Reputation : 2
Language : Greek
Location : Athens

http://www.designingcrew.net

Back to top Go down

Solved Re: How to put pictures in reputation buttons

Post by SLGray Sun 25 Mar 2012, 16:12

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


How to put pictures in reputation buttons Slgray10

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

Male Posts : 51555
Reputation : 3524
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: How to put pictures in reputation buttons

Post by -DC- Member Sun 25 Mar 2012, 16:14

what I must select to copy ?
-DC- Member
-DC- Member
Forumember

Male Posts : 44
Reputation : 2
Language : Greek
Location : Athens

http://www.designingcrew.net

Back to top Go down

Solved Re: How to put pictures in reputation buttons

Post by SLGray Sun 25 Mar 2012, 19:21

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.


How to put pictures in reputation buttons Slgray10

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

Male Posts : 51555
Reputation : 3524
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: How to put pictures in reputation buttons

Post by -DC- Member Sun 25 Mar 2012, 19:56

not working :/
-DC- Member
-DC- Member
Forumember

Male Posts : 44
Reputation : 2
Language : Greek
Location : Athens

http://www.designingcrew.net

Back to top Go down

Solved Re: How to put pictures in reputation buttons

Post by SLGray Sun 25 Mar 2012, 19:57

Did you add the first code in the JavaScript Management (In topics) and the second code in the CSS stylesheet?


How to put pictures in reputation buttons Slgray10

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

Male Posts : 51555
Reputation : 3524
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: How to put pictures in reputation buttons

Post by -DC- Member Sun 25 Mar 2012, 20:21

ok I found it !!
-DC- Member
-DC- Member
Forumember

Male Posts : 44
Reputation : 2
Language : Greek
Location : Athens

http://www.designingcrew.net

Back to top Go down

Solved Re: How to put pictures in reputation buttons

Post by SLGray Sun 25 Mar 2012, 20:23

Glad you got it to work.

Topic Solved & Locked




How to put pictures in reputation buttons Slgray10

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

Male Posts : 51555
Reputation : 3524
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top

- Similar topics

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