Como trocar os ícones de reputação

Qual é minha questão:
Olá pessoal não sei se está é a área correta para postar caso não seja por favor alguém mova para correta.

Gostaria de trocar aqueles ícones pequenos que índica como + | - de reputação quero colocar os da imagem abaixo

Positivo é: https://2img.net/r/ihimizer/v2/19x19q90/542/96iy.png
Negativo é: https://2img.net/r/ihimizer/v2/19x19q90/585/spv0.png

Por favor alguém pode me ajudar?

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

Versão do fórum:
PHPBB3

Olá,

Aconselho ler este tutorial:
Personalizar os sinais de reputação

Cordiais Saudações;
Alex!

Alex Habilidade escreveu:Olá,

Aconselho ler este tutorial:
Personalizar os sinais de reputação

Cordiais Saudações;
Alex!

Ei fiz mais não funciono não apareceu meus ícones novos

Olá!

Você poderia me informar o código que usou para personalizar? O código informado no tutorial funciona, porém se usar imagens incorretas pode ser que não.

Até mais!

Shek escreveu:Olá!

Você poderia me informar o código que usou para personalizar? O código informado no tutorial funciona, porém se usar imagens incorretas pode ser que não.

Até mais!

Não tenho mais, você poderia me disponibilizar o código para mim vê se funciona, caso não eu lhe informo.

Hygor, se vc tiver acesso aos templates você pode modificar os sinais diretamente lá.

vá em: Painel de controle -->Visualização -->Template --> Geral -->viewtopic_body

e procure por isto:

Código:

<!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>

substitua o "+" pelo seu link da imagem desta forma <img src="link da sua imagem">

ele ficará desta forma:

Código:

<!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"><img src="link da sua imagem"></a></div>

para o simbolo de - procure:

Código:

<!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>

da mesma forma do outro substitua o "-" por este codigo com o link da sua imagem <img src="link da sua imagem">

para ajustar a posição use o código:

Código:

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

Hygor, se você não possui acesso ao template pode usar o códico que Alex falou, ele funciona sim, o problema é que não funciona no CHROME, mas no firefox ele pega de boa.

Código:

.vote {
padding: 4px 1px 4px 1px;
text-align: center;
width:20px;
background-color: #eaeaea;
border: 1px solid #d4d6d5;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
}

.vote .vote-no-bar {
display: none;
}

.vote .vote-bar {
border-left: 0px;
border-right: 0px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #d4d6d5;
font-size: 0px;
height: 50px;
margin: 0px;
width: 20px;
padding: 3px 0px 3px 0px;
}

.vote .vote-bar-plus {
margin-left: 7px;
width: 6px;
}

.vote .vote-bar-minus {
margin-left: 7px;
width: 6px;
}

.vote .vote-button a[href $="plus"] {
background-image:url('URL_DA_IMAGEM');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}

.vote .vote-button a[href $="minus"] {
background-image:url('URL_DA_IMAGEM');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}