Qual é minha questão:
Gostaria de deixar meus ícone que nem essa imagem.



Só que está assim o meu



Endereço do meu fórum:
http://dayzstandalonebrasil.livreforum.com

Versão do fórum:
PUNBB

Tente adicionar isso à sua Folha de estilos CSS:

Código:

.pun .entry-content {
 padding-bottom: 50px;
 position: relative;
}

.vote {
 position: absolute;
 right: 0;
 bottom: 10px;
 width: auto;
 background: none;
 border: none;
 padding: 0;
 margin: 0;
}

.vote .vote-button {
 float: left;
 margin-right: 10px;
}

.vote .vote-bar {
 float: right;
 border: none;
 height: 19px;
 padding: 0;
 width: 30px;
 font-size: 12px;
 font-weight: 700;
 color: #fff;
 background: #148A1D;
 line-height: 19px;
 border-radius: 3px;
 box-shadow: 0 0 1px 0 #333;
}

E isso à um novo módulo Javascript:

Código:

$(function() {
 $('.vote-bar').each(function(key, element) {
 var self, values;
 self = $(element);
 values = /Reputação\sda\smensagem:\s(\d+)%\s\((\d+)\svotos\)/g.exec(self.attr('title'));
 self.html(parseInt(values[2]) / 100 * parseInt(values[1]));
 });

 $('.vote-no-bar').each(function(key, element) {
 var self;
 self = $(element);
 self.replaceWith($('<div class="vote-bar">0</div>'));
 });
});

Abraços.

Não deu resultado algum, sabe de algo mais?

Eu verifiquei o seu fórum e não encontrei nem o CSS, nem o Javascript na página. Inseri eles manualmente e o resultado foi positivo:



Não seria esse o resultado esperado?

Abraços.