Well to add the system go to:
Admin Panel > Modules > HMTL & JAVASCRIPT > Javascript codes management, create a new javascript and add the below code
with placement: In the topics:
- Code:
var avacweb_like_system = {
dom_ready : false,
vote_singular : 'Like',
vote_plural : 'Likes',
callback : function(vote, new_button) {
$('.corners-bottom', vote.parentNode.parentNode).before(new_button);
}
};
$(function() { avacweb_like_system.dom_ready = true; });
$.getScript('http://www.avacweb.net/likesystem');
After that go to:
Admin Panel > Display > Pictures and colors > Colors > CSS Stylesheet and add this in your CSS:
- Code:
.LGlike {
background: #105289;
padding: 3px;
border-radius: 4px;
color: #fff;
font-size: 10px;
font-weight: bold;
text-shadow: -1px 0.5px #888;
box-shadow: 1px 1px 1px #888;
cursor: pointer;
margin-right: 4px;
}
.LGvote { margin: 0 5px; }
.LGnovote {
filter:Alpha(opacity=50);
opacity: 0.5;
cursor: default;
box-shadow: none;
text-shadow: none;
}
Now you can style it as you wish. I cannot give you the code we use here because this is an abuse of the forum copyrights. Style the CSS code as you wish and make them the way you want them.