Alterar botão de reputação

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

Resolvido Alterar botão de reputação

Mensagem por Pulaski em 18/05/13, 06:23 am

Qual é minha questão:
Pessoal eu já segui as dicas do tútorial neste tópico : http://ajuda.forumeiros.com/t56722-tutorial-alterar-os-sinais-de-reputacao

Eu consegui mudar/chegar até um certo ponto, só que eu não estou conseguindo alterar o sinal + e - ou seja não estou conseguindo por a imagem no local dos botoes + -

O Código que estou usando é exatamente como ensinaram naquele tutorial,no caso o código é este:
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:url(http://i.imgur.com/YzrDwEv.png);
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}

.vote .vote-button a[href $="minus"] {
background-image:url(http://i.imgur.com/nAb4P0p.png);
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}

Obs: não está aparecendo nem a imagem padrão,se eu deixar sem o Link no caso, da imagem que eu quero ou seja continua o botão + e - Apenas...

Endereço do meu fórum:
http://forum.brasilplaygames.com.br

Versão do fórum:
PHPBB3
avatar

Pulaski
Nível 1

Masculino
Inscrito dia : 18/05/2013
Mensagens : 4
Pontos Ativos : 6

Ver perfil do usuário http://forum.brasilplaygames.com.br/forum

Resolvido Re: Alterar botão de reputação

Mensagem por Convidado em 18/05/13, 12:03 pm

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:
Saudações!

Acenda á:
Painel de Controle Seta Módulos Seta Pontos e Reputação Seta Reputação
Procure por Ativar o sistema de reputação : Marque sim, e depois procure por Ativar o botão "Obrigado(a)" : Marque sim.
e Salvar.

Até. Piscada

Convidado
Convidado


Resolvido Re: Alterar botão de reputação

Mensagem por MateusA em 18/05/13, 12:11 pm

Olá!


Acenda á:
Painel de Controle Seta Visualização Seta Cores Seta CSS
Coloque o código.
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:url('http://i26.servimg.com/u/f26/12/56/56/12/116.jpg');
        background-repeat: no-repeat;
        color:transparent;
        display:block;
        height:21px;
        width:22px;
        }

        .vote .vote-button a[href $="minus"] {
        background-image:url('http://i26.servimg.com/u/f26/12/56/56/12/212.jpg');
        background-repeat: no-repeat;
        color:transparent;
        display:block;
        height:21px;
        width:22px;
        }

e Salvar.

Até. Piscada
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Alterar botão de reputação

Mensagem por Pulaski em 18/05/13, 07:16 pm

PabloW. escreveu:
Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:
Saudações!

Acenda á:
Painel de Controle Seta Módulos Seta Pontos e Reputação Seta Reputação
Procure por Ativar o sistema de reputação : Marque sim, e depois procure por Ativar o botão "Obrigado(a)" : Marque sim.
e Salvar.

Até. Piscada

Isso eu já tinha feito.

Cʀɑzy escreveu:Olá!


Acenda á:
Painel de Controle Seta Visualização Seta Cores Seta CSS
Coloque o código.
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:url('http://i26.servimg.com/u/f26/12/56/56/12/116.jpg');
        background-repeat: no-repeat;
        color:transparent;
        display:block;
        height:21px;
        width:22px;
        }

        .vote .vote-button a[href $="minus"] {
        background-image:url('http://i26.servimg.com/u/f26/12/56/56/12/212.jpg');
        background-repeat: no-repeat;
        color:transparent;
        display:block;
        height:21px;
        width:22px;
        }

e Salvar.

Até. Piscada

Continua sem sucesso, ainda fica só o + e -, sem estar com a imagem no lugar.
avatar

Pulaski
Nível 1

Masculino
Inscrito dia : 18/05/2013
Mensagens : 4
Pontos Ativos : 6

Ver perfil do usuário http://forum.brasilplaygames.com.br/forum

Resolvido Re: Alterar botão de reputação

Mensagem por Sking em 19/05/13, 08:31 am

Olá,
veja esse tutorial
ajuda.forumeiros.com/t56722-tutorial-alterar-os-sinais-de-reputacao
Até mais

Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Alterar botão de reputação

Mensagem por MateusA em 19/05/13, 11:58 am

Olá! Procure por isso em sua css

Código:
.vote .vote-no-bar {
display: none;
}

é apague.

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Alterar botão de reputação

Mensagem por Pulaski em 21/05/13, 03:43 am

@Sking escreveu:Olá,
veja esse tutorial
ajuda.forumeiros.com/t56722-tutorial-alterar-os-sinais-de-reputacao
Até mais

Presta atenção pois eu citei justamente esse tópico xD você só fez repetir para que eu procure o mesmo que ja vi.

Cʀɑzy escreveu:Olá! Procure por isso em sua css

Código:
.vote .vote-no-bar {
display: none;
}

é apague.

Até mais.

Retirei e ainda não obtive resultados, segue como se encontra,

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-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('http://i26.servimg.com/u/f26/12/56/56/12/116.jpg');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}

.vote .vote-button a[href $="minus"] {
background-image:url('http://i26.servimg.com/u/f26/12/56/56/12/212.jpg');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}

Uma imagems de como está:


Ala de resto fica bom, só o + - que fica intacto, não muda pras imagens que quero no lugar.
avatar

Pulaski
Nível 1

Masculino
Inscrito dia : 18/05/2013
Mensagens : 4
Pontos Ativos : 6

Ver perfil do usuário http://forum.brasilplaygames.com.br/forum

Resolvido Re: Alterar botão de reputação

Mensagem por seender em 21/05/13, 10:11 am

Olá!

Limpe o cache do seu navegador, aperte CRTL + SHIFT + DEL, selecione cache e aperte no botão especifico para submeter a ação.

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Alterar botão de reputação

Mensagem por Pulaski em 21/05/13, 08:57 pm

@seender escreveu:Olá!

Limpe o cache do seu navegador, aperte CRTL + SHIFT + DEL, selecione cache e aperte no botão especifico para submeter a ação.

Até mais!

Não adiantou, pois não está aparecendo assim só pra mim, está pros demais que frequentam,ou seja falta algo ai.

avatar

Pulaski
Nível 1

Masculino
Inscrito dia : 18/05/2013
Mensagens : 4
Pontos Ativos : 6

Ver perfil do usuário http://forum.brasilplaygames.com.br/forum

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