Alterar botão de reputação

Qual é minha questão:
Pessoal eu já segui as dicas do tútorial neste tópico : https://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

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber: Regras do Fórum, e o que você não deve fazer neste fórum. Os demais fóruns de Suporte Forumeiros Lista de Tutoriais e astúcias e Questões frequentes. Conheça a Staff do Fórum dos Fóruns. Conheça a função Busca.

Saudações!

Acenda á:

Painel de Controle Módulos Pontos e Reputação 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é.

Olá!


e Salvar.

Até.

PabloW. escreveu:

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber: Regras do Fórum, e o que você não deve fazer neste fórum. Os demais fóruns de Suporte Forumeiros Lista de Tutoriais e astúcias e Questões frequentes. Conheça a Staff do Fórum dos Fóruns. Conheça a função Busca.

Saudações!

Acenda á:

Painel de Controle Módulos Pontos e Reputação 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é.

Isso eu já tinha feito.

Cʀɑzy escreveu:Olá!

Acenda á:

Painel de Controle Visualização Cores 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é.

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

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

Olá! Procure por isso em sua css

Código:

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

é apague.

Até mais.

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.

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!

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.