Como modificar botão de reputação + / -

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

Resolvido Como modificar botão de reputação + / -

Mensagem por felipesud em 11/05/13, 05:47 pm

Qual é minha questão:
Olá, meu fórum no canto da mensagem aparece um sinal de + e - para reputação, mas não consigo alterar para um imagem, alguém pode me ajudar?

se quiser postar alguns exemplos de imagens que eu possa usar tbm aceitaria...

Eu tentei colocar essas duas imagens

Positivo [url=]http://i42.servimg.com/u/f42/17/32/13/00/plus_110.png[/url]

Negativo [url=]http://i42.servimg.com/u/f42/17/32/13/00/-10.png[/url]

mas mesmo assim ainda aparece os sinais antigos.

No Aguardo


Endereço do meu fórum:
http://www.manualdoplayer.com

Versão do fórum:
PHPBB3


Última edição por felipesud em 12/05/13, 06:25 pm, editado 1 vez(es)
avatar

felipesud
Nível 3

Masculino
Inscrito dia : 10/05/2013
Mensagens : 18
Pontos Ativos : 32

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

Resolvido Re: Como modificar botão de reputação + / -

Mensagem por Diehl em 11/05/13, 05:54 pm

avatar

Diehl
Nível 9

Masculino
Inscrito dia : 30/09/2010
Mensagens : 221
Pontos Ativos : 377

Ver perfil do usuário

Resolvido Re: Como modificar botão de reputação + / -

Mensagem por felipesud em 11/05/13, 06:08 pm

só o botão que não mudou o que será que eu fiz de errado?

Veja o print:
avatar

felipesud
Nível 3

Masculino
Inscrito dia : 10/05/2013
Mensagens : 18
Pontos Ativos : 32

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

Resolvido Re: Como modificar botão de reputação + / -

Mensagem por [F]lames em 11/05/13, 07:15 pm

Olá,

Você fez algo errado no 2º passo, substitua o código do mesmo por este:

.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: 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;
}
URL_DA_IMAGEM Seta Substitua pela imagem que se substituirá pelo sinal de mais.
URL_DA_IMAGEM Seta Substitua pela imagem que se substituirá pelo sinal de menos.
Resulta?

Até mais.
avatar

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Como modificar botão de reputação + / -

Mensagem por felipesud em 12/05/13, 06:25 pm

deu certo obrigado pela ajuda
avatar

felipesud
Nível 3

Masculino
Inscrito dia : 10/05/2013
Mensagens : 18
Pontos Ativos : 32

Ver perfil do usuário http://centraldotorcedor.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