Improve reputation code application and change emoticon icon.

My forum is: this forum
I'm using and editing base on the theme silverlight by Ange tuteur
I wish to know about how to improve reputation system like this topic because I try to do all the steps but the vote bar isn't appear...?

One more thing, how can I change this icon.

I want to use another image for that emoticon button but I can't find where the part of that code is to edit.

Sorry for the misunderstanding, I told my friend to sign up another acc and we already saw the reputation system.
Still I want to ask how to change the icon like the question above.

Hi,

Add this CSS code to your stylesheet :
Admin Panel > Display > Colors > CSS stylesheet

Code:

/* emoticon */
.sceditor-button-emoticon div {
    background-image:url('/myimage.gif') !important;
    background-position:0 !important;
}

To change the button icon simply replace /myimage.gif with the image you want displayed. Note : Each icon on the editor is about 16x16 pixels. If you want to change any other button icons this topic should help.

Edit: I fix the problem of mention improvement, sorry I made mistake of my forum is using phpbb3

[Thank you very much. May I ask for another problems?
I add this improvement for mention system but it didn't work.
there's no '@' icon appear before the name.] (< fixed)

Beside, about the mention system, my friends said that they didn't receive the notification when they were mention (me too). Is there anything can help?

Also I wish to know how to configure the 2. and 3. in picture below.


the height between Avatar and username, I need some padding here.
and the width between post range and profile column. Even I resize the column the post range is still narrow and didn't fix with the collum.

2) Add this to your CSS

Code:

.postbody {
    width: 80%;
}


3) Find and replace this in your viewtopic_body template

Code:

{postrow.displayed.POSTER_AVATAR}

by

Code:

{postrow.displayed.POSTER_AVATAR}<br />

Everything solved. Thank you!