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.

Reputation bar colour change

2 posters

Go down

Reputation bar colour change Empty Reputation bar colour change

Post by Carlo2012 March 8th 2013, 11:30 pm

Hi, Can someone tell me how I can change the colour of the green/red reputation bars please.

avatar
Carlo2012
New Member

Posts : 11
Reputation : 1
Language : English

http://bayfordjudo.forumotion.net/

Back to top Go down

Reputation bar colour change Empty Re: Reputation bar colour change

Post by zenzo March 9th 2013, 12:16 am

forum url please....
zenzo
zenzo
Forumember

Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Reputation bar colour change Empty Re: Reputation bar colour change

Post by Carlo2012 March 9th 2013, 12:25 am

http://judo.forumsmotion.com/

I have the reputation turned off at the moment.

What I am trying to do is change the red -'ve bar from red to black.
avatar
Carlo2012
New Member

Posts : 11
Reputation : 1
Language : English

http://bayfordjudo.forumotion.net/

Back to top Go down

Reputation bar colour change Empty Re: Reputation bar colour change

Post by zenzo March 9th 2013, 12:33 am

why don't you use this
https://help.forumotion.com/t108561-a-new-like-dislike-system-phpbb3-and-invision#709635


instead of that, the new like system is the unique vote system for now
zenzo
zenzo
Forumember

Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Reputation bar colour change Empty Re: Reputation bar colour change

Post by Carlo2012 March 9th 2013, 12:41 am

I've put that on another forum I help out on, and most likely will put it on this forum if I can't sort the colours out.
avatar
Carlo2012
New Member

Posts : 11
Reputation : 1
Language : English

http://bayfordjudo.forumotion.net/

Back to top Go down

Reputation bar colour change Empty Re: Reputation bar colour change

Post by zenzo March 9th 2013, 12:48 am

instead of color changing i have here change into an image with number count

put this code on javascript

Code:
(function($){
$(document).ready(function(){
$('.vote-bar').each( function() {
    var s = $(this).attr('title');
    var g = s.split("(");
    var n = g[1];
    var m = n.replace(")", "");
    $(this).children(".vote-bar-plus").html(m);
});
$('.vote a[href$="eval=plus"]').append(function(){
$(this).html('<img src="http://icons.iconarchive.com/icons/icojam/blue-bits/32/thumbs-up-icon.png"/>');
});
$('.vote a[href$="eval=minus"]').remove();
});
})(jQuery);

add also this on your css

Code:
.vote-button img{opacity:0.3;}
.vote-button img:hover{opacity:1;}
.vote-bar-plus{color:#fff !important;padding-top: 4px;}
.vote .vote-bar{font-size:12px !important;border:1px solid #fff !important;width:100% !important;height: 22px !important;text-align: center;background: rgb(92, 91, 91);box-shadow: inset -3px -8px 19px rgba(0, 0, 0, 0.7);}
.vote{width: 6% !important;}
.vote .vote-bar-plus{background-color:transparent !important;}
zenzo
zenzo
Forumember

Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Reputation bar colour change Empty Re: Reputation bar colour change

Post by Carlo2012 March 9th 2013, 1:00 am

Thanks, but that was not quite what I was looking for.
avatar
Carlo2012
New Member

Posts : 11
Reputation : 1
Language : English

http://bayfordjudo.forumotion.net/

Back to top Go down

Back to top


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