colocar imagem + e -

4 participantes

Ir para baixo

Tópico resolvido colocar imagem + e -

Mensagem por Vitor-Vicente 28.03.15 17:42

Detalhes da dúvida


Versão do fórum : phpBB3
Nível de acesso : Administrador
Navegador usado : Opera
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://mastergz.forumbrasil.net

Descrição do problema

Olá como por uma imagem aqui no + e -

http://prntscr.com/6mh3hr

eu tentei esse aqui em baixo , mas nao conseguir minha tela ficou com o fundo todo branco
https://ajuda.forumeiros.com/t56722-tutorial-alterar-os-sinais-de-reputacao
Vitor-Vicente
Vitor-Vicente
Membro

Membro desde : 19/02/2015
Mensagens : 552
Pontos : 775

http://mastergz.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: colocar imagem + e -

Mensagem por First 28.03.15 18:40

Olá,

Senhor queria chegar este faq por gentileza.
[FAQ] Gestão do sistema de reputação / botão obrigado


Até! Piscada
First
First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: colocar imagem + e -

Mensagem por Vitor-Vicente 28.03.15 19:01

Vitor-Vicente
Vitor-Vicente
Membro

Membro desde : 19/02/2015
Mensagens : 552
Pontos : 775

http://mastergz.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: colocar imagem + e -

Mensagem por Shaman 28.03.15 19:12

Shaman
Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: colocar imagem + e -

Mensagem por Vitor-Vicente 28.03.15 22:18

ola, nao conseguir aparecer o botao de + e - nao ficou assim, imagem abaixo

http://prntscr.com/6mlhpu
Vitor-Vicente
Vitor-Vicente
Membro

Membro desde : 19/02/2015
Mensagens : 552
Pontos : 775

http://mastergz.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: colocar imagem + e -

Mensagem por Shaman 28.03.15 22:21

Olá, como não estou com a internet muito boa, volte a ler este tutorial: https://ajuda.forumeiros.com/t56722-tutorial-alterar-os-sinais-de-reputacao

Se não resultar veremos o que fazer. ...
Shaman
Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: colocar imagem + e -

Mensagem por Vitor-Vicente 28.03.15 22:44

Mas é o mesmo codigo
Vitor-Vicente
Vitor-Vicente
Membro

Membro desde : 19/02/2015
Mensagens : 552
Pontos : 775

http://mastergz.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: colocar imagem + e -

Mensagem por Shaman 28.03.15 22:53

Vitor-Vicente escreveu:Mas é o mesmo codigo

Achei que não tinha visto o tutorial, mas, sobre o tutorial, colocou a URL da imagem nos locais indicados?. Minha internet está muito ruim. Caso não funcione o código, irei esperar minha internet melhorar para pode lhe ajudar melhor. ¬¬

Abs.
Shaman
Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: colocar imagem + e -

Mensagem por Vitor-Vicente 28.03.15 22:56

creio que fiz certo quer que eu passe o codigo aqui, pra ver se tem algo errado
Vitor-Vicente
Vitor-Vicente
Membro

Membro desde : 19/02/2015
Mensagens : 552
Pontos : 775

http://mastergz.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: colocar imagem + e -

Mensagem por Konai 29.03.15 4:01

Saudações!

O senhor fez tudo correto sim, o código só precisa de algumas modificações devido ao tamanho da imagem que é muito grande. Fiz as alterações e peço que procure por estes dois códigos no teu próprio código referente à isto e ao tutorial:
Código:
.vote .vote-button a[href*="plus"] {
background: url('http://i.imgur.com/RTp9RAI.png ');
background-repeat: no-repeat;
color: transparent;
display: block;
height: 21px;
width: 22px;
}
Código:
.vote .vote-button a[href*="minus"] {
background-image: url(http://i.imgur.com/TO9BBnl.png);
background-repeat: no-repeat;
color: transparent;
display: block;
height: 21px;
width: 22px;
}

Depois de encontra-los, substitua ambos os códigos por este:
Código:
.vote .vote-button a[href*="plus"] {
background-image: url('http://i.imgur.com/RTp9RAI.png');
background-repeat: no-repeat;
background-size: 100%;
margin-left: -3px !important;
position: relative;
color: transparent;
display: block;
height: 21px;
top: -5px;
width: 22px;
}
.vote .vote-button a[href*="minus"] {
background-image: url('http://i.imgur.com/TO9BBnl.png');
background-repeat: no-repeat;
background-size: 100%;
margin-left: -3px;
color: transparent;
display: block;
height: 21px;
width: 22px;
}

Até! Feliz
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: colocar imagem + e -

Mensagem por Vitor-Vicente 29.03.15 4:09

Ola teria como por aquela barra de separaçao , eles tao muitos juntos.
Vitor-Vicente
Vitor-Vicente
Membro

Membro desde : 19/02/2015
Mensagens : 552
Pontos : 775

http://mastergz.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: colocar imagem + e -

Mensagem por Konai 29.03.15 4:34

Procure por este código:
Código:
.vote {
-moz-border-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
background-color: #eaeaea;
border: 1px solid #d4d6d5;
padding: 4px 1px;
text-align: center;
width: 20px;
}
Substitua por este:
Código:
.vote {
-moz-border-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
background-color: #eaeaea;
border: 1px solid #d4d6d5;
padding: 4px 1px;
text-align: center;
width: 20px;
height: 50px !important;
}

Depois procure por este:
Código:
.vote .vote-button a[href*="plus"] {
background-image: url('http://i.imgur.com/RTp9RAI.png');
background-repeat: no-repeat;
background-size: 100%;
margin-left: -3px !important;
position: relative;
color: transparent;
display: block;
height: 21px;
top: -5px;
width: 22px;
}
.vote .vote-button a[href*="minus"] {
background-image: url('http://i.imgur.com/TO9BBnl.png');
background-repeat: no-repeat;
background-size: 100%;
margin-left: -3px;
color: transparent;
display: block;
height: 21px;
width: 22px;
}
E substitua por este:
Código:
.vote .vote-button a[href*="plus"] {
background-image: url(http://i.imgur.com/RTp9RAI.png);
background-repeat: no-repeat;
background-size: 100%;
color: transparent;
display: block;
height: 21px;
margin-left: -3px!important;
position: relative;
top: -5px;
width: 22px;
border-bottom: 2px solid rgb(152, 152, 152);
}
.vote .vote-button a[href*="minus"] {
background-image: url(http://i.imgur.com/TO9BBnl.png);
background-repeat: no-repeat;
background-size: 100%;
color: transparent;
display: block;
height: 21px;
margin-left: -3px;
width: 22px;
margin-top: 5px !important;
border-top: 2px solid rgb(152, 152, 152);
}
Isto foi o máximo que consegui, espero que lhe agrade!

Até! Feliz
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: colocar imagem + e -

Mensagem por Vitor-Vicente 29.03.15 4:48

Olá

o codigo que pediu pra eu procurara foi esse

.vote {
-moz-border-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
background-color: #eaeaea;
border: 1px solid #d4d6d5;
padding: 4px 1px;
text-align: center;
width: 20px;
}

eu encontrei esse ta parecido com algumas diferenças

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


fiz todas as substituiçoes

ou resultado foi esse aqui abaixo:

http://prntscr.com/6mp1od

é o mesmo resultado que vc conseguiu ou esta diferente?
Vitor-Vicente
Vitor-Vicente
Membro

Membro desde : 19/02/2015
Mensagens : 552
Pontos : 775

http://mastergz.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: colocar imagem + e -

Mensagem por Konai 29.03.15 4:49

Foi este mesmo! Muito feliz
Agrade-lhe amigo?
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: colocar imagem + e -

Mensagem por Vitor-Vicente 29.03.15 4:57

ta em risco do usuario clicar errado ainda.
Vitor-Vicente
Vitor-Vicente
Membro

Membro desde : 19/02/2015
Mensagens : 552
Pontos : 775

http://mastergz.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: colocar imagem + e -

Mensagem por Konai 29.03.15 4:59

Creio que não... quer que eu aumente mais o espaço entre eles?
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: colocar imagem + e -

Mensagem por Vitor-Vicente 29.03.15 5:01

Sim, se for possivel .
Vitor-Vicente
Vitor-Vicente
Membro

Membro desde : 19/02/2015
Mensagens : 552
Pontos : 775

http://mastergz.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: colocar imagem + e -

Mensagem por Konai 29.03.15 5:04

Substitua os códigos fornecidos anteriormente, por este:
Código:
.vote {
-moz-border-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
background-color: #eaeaea;
border: 1px solid #d4d6d5;
padding: 4px 1px;
text-align: center;
width: 20px;
height: 60px !important;
}
.vote .vote-button a[href*="plus"] {
background-image: url(http://i.imgur.com/RTp9RAI.png);
background-repeat: no-repeat;
background-size: 100%;
color: transparent;
display: block;
height: 21px;
margin-left: -3px!important;
position: relative;
top: -5px;
width: 22px;
border-bottom: 2px solid rgb(152, 152, 152);
}
.vote .vote-button a[href*="minus"] {
background-image: url(http://i.imgur.com/TO9BBnl.png);
background-repeat: no-repeat;
background-size: 100%;
color: transparent;
display: block;
height: 21px;
margin-left: -3px;
width: 22px;
margin-top: 15px !important;
border-top: 2px solid rgb(152, 152, 152);
}
Está incluso o ".vote {", ".vote .vote-button a[href*="plus"] {" e ".vote .vote-button a[href*="minus"] {".

Até! Feliz
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: colocar imagem + e -

Mensagem por Vitor-Vicente 29.03.15 5:09

vlw, ta joia , ficou bom
Vitor-Vicente
Vitor-Vicente
Membro

Membro desde : 19/02/2015
Mensagens : 552
Pontos : 775

http://mastergz.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: colocar imagem + e -

Mensagem por Konai 29.03.15 5:17

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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