Como trocar os ícones de reputação

4 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Como trocar os ícones de reputação

Mensagem por Hygor-David 04.01.14 5:35

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


Última edição por Hygor-David em 06.01.14 14:38, editado 1 vez(es)
Hygor-David

Hygor-David
***

Membro desde : 28/12/2013
Mensagens : 136
Pontos : 226

http://dayzstandalonebrasil.livreforum.com/ https://www.facebook.com/www.facebook.com/HygorDavid https://twitter.com/www.twitter.com/HygorDavid

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Como trocar os ícones de reputação

Mensagem por Alex Habilidade 04.01.14 10:18

Olá,

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

Cordiais Saudações;
Alex!
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como trocar os ícones de reputação

Mensagem por Hygor-David 04.01.14 11:38

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
Hygor-David

Hygor-David
***

Membro desde : 28/12/2013
Mensagens : 136
Pontos : 226

http://dayzstandalonebrasil.livreforum.com/ https://www.facebook.com/www.facebook.com/HygorDavid https://twitter.com/www.twitter.com/HygorDavid

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como trocar os ícones de reputação

Mensagem por Shek 05.01.14 19:20

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

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Como trocar os ícones de reputação

Mensagem por Hygor-David 06.01.14 0:42

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-David

Hygor-David
***

Membro desde : 28/12/2013
Mensagens : 136
Pontos : 226

http://dayzstandalonebrasil.livreforum.com/ https://www.facebook.com/www.facebook.com/HygorDavid https://twitter.com/www.twitter.com/HygorDavid

Ir para o topo Ir para baixo

Tópico resolvido Re: Como trocar os ícones de reputação

Mensagem por thiagokakashi 06.01.14 13:14

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;
}

thiagokakashi

thiagokakashi
**

Membro desde : 28/01/2013
Mensagens : 63
Pontos : 112

http://animeuniverse2013.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos