Como trocar os ícones de reputação

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

Resolvido Como trocar os ícones de reputação

Mensagem por Hygor-David em 04/01/14, 03:35 am

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://imagizer.imageshack.us/v2/19x19q90/542/96iy.png
Negativo é: https://imagizer.imageshack.us/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, 12:38 pm, editado 1 vez(es)
avatar

Hygor-David
Nível 8

Masculino
Inscrito dia : 28/12/2013
Mensagens : 136
Pontos Ativos : 226

Ver perfil do usuário http://dayzstandalonebrasil.livreforum.com/ https://www.facebook.com/www.facebook.com/HygorDavid https://twitter.com/www.twitter.com/HygorDavid
  • 0

Resolvido Re: Como trocar os ícones de reputação

Mensagem por Alex Habilidade em 04/01/14, 08:18 am

Olá,

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

Cordiais Saudações;
Alex!
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Como trocar os ícones de reputação

Mensagem por Hygor-David em 04/01/14, 09:38 am

@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
avatar

Hygor-David
Nível 8

Masculino
Inscrito dia : 28/12/2013
Mensagens : 136
Pontos Ativos : 226

Ver perfil do usuário http://dayzstandalonebrasil.livreforum.com/ https://www.facebook.com/www.facebook.com/HygorDavid https://twitter.com/www.twitter.com/HygorDavid

Resolvido Re: Como trocar os ícones de reputação

Mensagem por Shek em 05/01/14, 05:20 pm

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 CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17137
Pontos Ativos : 21398

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Como trocar os ícones de reputação

Mensagem por Hygor-David em 05/01/14, 10:42 pm

@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.
avatar

Hygor-David
Nível 8

Masculino
Inscrito dia : 28/12/2013
Mensagens : 136
Pontos Ativos : 226

Ver perfil do usuário http://dayzstandalonebrasil.livreforum.com/ https://www.facebook.com/www.facebook.com/HygorDavid https://twitter.com/www.twitter.com/HygorDavid

Resolvido Re: Como trocar os ícones de reputação

Mensagem por thiagokakashi em 06/01/14, 11:14 am

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

avatar

thiagokakashi
Nível 6

Masculino
Inscrito dia : 28/01/2013
Mensagens : 62
Pontos Ativos : 112

Ver perfil do usuário http://animeuniverse2013.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum