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

3 participantes

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

Tópico resolvido Imagem do botão reputação - não aparece

Mensagem por AlfaBeta 11.07.13 8:58

Qual é minha questão:
Olá,
Modifiquei o item 'reputação' conforme tutorial https://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 12.07.13 2:32, editado 1 vez(es)
AlfaBeta

AlfaBeta
*

Membro desde : 09/07/2013
Mensagens : 30
Pontos : 40

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Imagem do botão reputação - não aparece

Mensagem por Sennior 11.07.13 9:05

Imagem do botão reputação - não aparece Logo
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
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem do botão reputação - não aparece

Mensagem por AlfaBeta 11.07.13 10:33

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.
AlfaBeta

AlfaBeta
*

Membro desde : 09/07/2013
Mensagens : 30
Pontos : 40

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem do botão reputação - não aparece

Mensagem por Hizu 11.07.13 17:24

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
avatar

Hizu
****

Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Imagem do botão reputação - não aparece

Mensagem por Sennior 11.07.13 19:36

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.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem do botão reputação - não aparece

Mensagem por AlfaBeta 11.07.13 20:36

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?

AlfaBeta

AlfaBeta
*

Membro desde : 09/07/2013
Mensagens : 30
Pontos : 40

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Imagem do botão reputação - não aparece

Mensagem por Sennior 11.07.13 20:40

Olá amigo,

Use este código CSS colocando no inicio:

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

Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem do botão reputação - não aparece

Mensagem por AlfaBeta 12.07.13 0:30

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á.
https://i.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?
AlfaBeta

AlfaBeta
*

Membro desde : 09/07/2013
Mensagens : 30
Pontos : 40

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Imagem do botão reputação - não aparece

Mensagem por Sennior 12.07.13 0:39

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.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem do botão reputação - não aparece

Mensagem por AlfaBeta 12.07.13 1:01

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

AlfaBeta
*

Membro desde : 09/07/2013
Mensagens : 30
Pontos : 40

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Imagem do botão reputação - não aparece

Mensagem por Sennior 12.07.13 1:24

Olá,

Aqui esta, este irá resultar:

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

Abraços!
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem do botão reputação - não aparece

Mensagem por AlfaBeta 12.07.13 1:38

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?
AlfaBeta

AlfaBeta
*

Membro desde : 09/07/2013
Mensagens : 30
Pontos : 40

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem do botão reputação - não aparece

Mensagem por Hizu 12.07.13 1:49

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('https://i.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('https://i.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
avatar

Hizu
****

Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Imagem do botão reputação - não aparece

Mensagem por Sennior 12.07.13 2:20

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.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem do botão reputação - não aparece

Mensagem por AlfaBeta 12.07.13 2:32

Agradeço, Hizu.

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

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

AlfaBeta
*

Membro desde : 09/07/2013
Mensagens : 30
Pontos : 40

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos