Imagem do botão reputação - não aparece

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

Resolvido Imagem do botão reputação - não aparece

Mensagem por AlfaBeta em 11/07/13, 04:58 am

Qual é minha questão:
Olá,
Modifiquei o item 'reputação' conforme tutorial http://ajuda.forumeiros.com/t56722-tutorial-alterar-os-sinais-de-reputacao
porem, a imagem do sinal + e - não funcionam, ou seja, não aparecem.



Endereço do meu fórum:
http://azmatrix.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por AlfaBeta em 11/07/13, 10:32 pm, editado 1 vez(es)
avatar

AlfaBeta
Nível 4

Masculino
Inscrito dia : 09/07/2013
Mensagens : 30
Pontos Ativos : 40

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

Resolvido Re: Imagem do botão reputação - não aparece

Mensagem por Sennior em 11/07/13, 05:05 am

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

Olá amigo!

Eles já estão ativos em teu fórum?:
Painel de Controle Seta Módulos Seta Pontos e Reputação Seta Reputação
Em Ativar o sistema de reputação : Marque a Opção Sim e salve!

Melhores Cumprimentos,
Lervisic. Piscada
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Imagem do botão reputação - não aparece

Mensagem por AlfaBeta em 11/07/13, 06:33 am

Já estão, e está tudo ok. Apenas não processa a imagem em png que está no codigo...ficando com a mesma imagem do tutorial.
Ou seja sem os simbolos em vermelho e verde, apenas os sinais bem pequenos.
avatar

AlfaBeta
Nível 4

Masculino
Inscrito dia : 09/07/2013
Mensagens : 30
Pontos Ativos : 40

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

Resolvido Re: Imagem do botão reputação - não aparece

Mensagem por Hizu em 11/07/13, 01:24 pm

Saudações!

Não se pode ver os botões "+" e "-" você sendo o autor do tópico e a mensagem sendo sua, apenas os outros usuários(as) podem ver. Compreende-me? Assim como nas mensagens dos usuários(as), você poderá ver os botões de reputação. Muito feliz 

Atenciosamente,
Hizu. Piscada

Hizu
Nível 9

Masculino
Inscrito dia : 08/07/2013
Mensagens : 249
Pontos Ativos : 360

Ver perfil do usuário

Resolvido Re: Imagem do botão reputação - não aparece

Mensagem por Sennior em 11/07/13, 03:36 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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Imagem do botão reputação - não aparece

Mensagem por AlfaBeta em 11/07/13, 04:36 pm

Opa. Muito bom, Mikéé. Te agradeço.
Funcionou agora. Apenas percebo que os botoes + e - não estão centralizados. Sabes me dizer que valores que mudo para centraliza-los?

avatar

AlfaBeta
Nível 4

Masculino
Inscrito dia : 09/07/2013
Mensagens : 30
Pontos Ativos : 40

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

Resolvido Re: Imagem do botão reputação - não aparece

Mensagem por Sennior em 11/07/13, 04:40 pm

Olá amigo,

Use este código CSS colocando no inicio:

Código:
.vote {
text-align: center !important;
}

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Imagem do botão reputação - não aparece

Mensagem por AlfaBeta em 11/07/13, 08:30 pm

Não, Mikéé. Não acontece nada.
Alias, imaginava que pudesse mudar algum item dos "px", mas não adiantou.

Segue imagem, mostrando como está.
http://i34.servimg.com/u/f34/18/40/06/56/imagem10.jpg

E mais uma coisa: quando colocamos o mouse em cima, não deveria mostrar uma 'caixa' com a palavra "Reputação" ou algo do tipo?
avatar

AlfaBeta
Nível 4

Masculino
Inscrito dia : 09/07/2013
Mensagens : 30
Pontos Ativos : 40

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

Resolvido Re: Imagem do botão reputação - não aparece

Mensagem por Sennior em 11/07/13, 08:39 pm

Olá amigo,

Altere o código que eu lhe dei por este:

Código:
.vote .vote-button a[href*="plus"] {
text-align: center !important;
}

.vote .vote-button a[href*="minus"] {
text-align: center !important;
}

Abraços.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Imagem do botão reputação - não aparece

Mensagem por AlfaBeta em 11/07/13, 09:01 pm

Que coisa! Nada mudou ainda.

Olhe como está:
Código:
.vote {
margin-top: 350px !important;
}
.vote .vote-button a[href*="plus"] {
text-align: center !important;
}

.vote .vote-button a[href*="minus"] {
text-align: center !important;
}
.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://i27.servimg.com/u/f27/15/17/71/53/add1010.png');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}

.vote .vote-button a[href*="minus"] {
background-image: url('http://i27.servimg.com/u/f27/15/17/71/53/delete10.png');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}
avatar

AlfaBeta
Nível 4

Masculino
Inscrito dia : 09/07/2013
Mensagens : 30
Pontos Ativos : 40

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

Resolvido Re: Imagem do botão reputação - não aparece

Mensagem por Sennior em 11/07/13, 09:24 pm

Olá,

Aqui esta, este irá resultar:

Código:
.vote-button {
position: relative !important;
left: 3px !important;
}

Abraços!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Imagem do botão reputação - não aparece

Mensagem por AlfaBeta em 11/07/13, 09:38 pm

Opa. Agora sim, Mikéé! Muito bem, amigo.
E já aproveitando o gancho... e desculpa a insistencia... vejo que o icone "-" está ainda fora de lugar. Gostaria de puxá-lo um pouquinho mais pra baixo. Tem como?

E só uma ultima coisa, a respeito do perguntei antes: Sobre...quando colocamos o mouse em cima, não deveria mostrar uma 'caixa' com a palavra "Reputação" ou algo do tipo?
avatar

AlfaBeta
Nível 4

Masculino
Inscrito dia : 09/07/2013
Mensagens : 30
Pontos Ativos : 40

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

Resolvido Re: Imagem do botão reputação - não aparece

Mensagem por Hizu em 11/07/13, 09:49 pm

Saudações!

Substitua o teu código CSS referente à reputação, por este:
.vote {
margin-top: 350px !important;
}
.vote .vote-button a[href*="plus"] {
text-align: center !important;
}

.vote .vote-button a[href*="minus"] {
text-align: center !important;
}
.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;
top: -30 !important;
}

.vote .vote-button a[href*="plus"] {
background: url('http://i27.servimg.com/u/f27/15/17/71/53/add1010.png');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}

.vote .vote-button a[href*="minus"] {
background-image: url('http://i27.servimg.com/u/f27/15/17/71/53/delete10.png');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
top: -30 !important;
}

.vote-button {
position: relative !important;
left: 3px !important;
}
Flecha ajudeiros Modifique os valores destacados em negrito até ficar ao teu gosto!

Atenciosamente,
Hizu. Piscada

Hizu
Nível 9

Masculino
Inscrito dia : 08/07/2013
Mensagens : 249
Pontos Ativos : 360

Ver perfil do usuário

Resolvido Re: Imagem do botão reputação - não aparece

Mensagem por Sennior em 11/07/13, 10:20 pm

Olá,

Quanto ao mouse, não amigo. Agora troque o código que eu lhe dei pelo abaixo:

Código:
.vote-button {
position: relative !important;
left: 3px !important;
top: 2px !important;
}

Troque o 2 por um numero maio ou menor até ficar no teu gosto. Muito feliz

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Imagem do botão reputação - não aparece

Mensagem por AlfaBeta em 11/07/13, 10:32 pm

Agradeço, Hizu.

E a voce tambem, caro Mikéé. Funcionou com sua modificação.

Abraço a voces e parabéns.
Resolvido.
avatar

AlfaBeta
Nível 4

Masculino
Inscrito dia : 09/07/2013
Mensagens : 30
Pontos Ativos : 40

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