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.

Reputation bar colour change

View previous topic View next topic Go down

Reputation bar colour change

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

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


Carlo2012
New Member

Posts : 11
Reputation : 1
Language : English

http://bayfordjudo.forumotion.net/

Back to top Go down

Re: Reputation bar colour change

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

forum url please....

zenzo
Forumember

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

Back to top Go down

Re: Reputation bar colour change

Post by Carlo2012 on 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.

Carlo2012
New Member

Posts : 11
Reputation : 1
Language : English

http://bayfordjudo.forumotion.net/

Back to top Go down

Re: Reputation bar colour change

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

why don't you use this
http://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
Forumember

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

Back to top Go down

Re: Reputation bar colour change

Post by Carlo2012 on 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.

Carlo2012
New Member

Posts : 11
Reputation : 1
Language : English

http://bayfordjudo.forumotion.net/

Back to top Go down

Re: Reputation bar colour change

Post by zenzo on 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
Forumember

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

Back to top Go down

Re: Reputation bar colour change

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

Thanks, but that was not quite what I was looking for.

Carlo2012
New Member

Posts : 11
Reputation : 1
Language : English

http://bayfordjudo.forumotion.net/

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