Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Efeito no avatar em mensagens no tópico
Hoje à(s) 01:34 am por Dark Hunter

» Imagem do topico
Ontem à(s) 11:50 pm por Harleen

» #10422 Forumeiros desativa e reenvia a url para este site
Ontem à(s) 10:39 pm por Forumpw

» [PEDIDO] - Logo
Ontem à(s) 09:38 pm por Tiger

» Caixa de resposta rápida nos tópicos
Ontem à(s) 09:07 pm por Harleen

» Template quebra ao ser editado
Ontem à(s) 08:52 pm por Starset

» Ícones de redes sociais e feed
Ontem à(s) 08:14 pm por Harleen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Kyo Panda
 
Fatalisss
 
Harleen
 
JulioPais
 
APOllO
 
Shek
 
Holkis
 
MtX
 
Forumpw
 
Roger_Crazzy
 

Quem está conectado
227 usuários online :: 7 usuários cadastrados, Nenhum Invisível e 220 Visitantes :: 2 Motores de busca

'Broa, Dark Hunter, Dr. Dree, joram, JulioPais, Noia 2.0, Shek

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

colocar imagem + e -

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

Resolvido colocar imagem + e -

Mensagem por Vitor-Vicente em 28/03/15, 02:42 pm

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
http://ajuda.forumeiros.com/t56722-tutorial-alterar-os-sinais-de-reputacao
avatar

Vitor-Vicente
Usuário destaque

Masculino
Inscrito dia : 19/02/2015
Mensagens : 552
Pontos Ativos : 775

http://mastergz.forumbrasil.net

Resolvido Re: colocar imagem + e -

Mensagem por First em 28/03/15, 03:40 pm

Olá,

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


Até! Piscada
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1288
Pontos Ativos : 1846

http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: colocar imagem + e -

Mensagem por Vitor-Vicente em 28/03/15, 04:01 pm

Olá, eu quero por essas imagens no lugar dos sinias la

http://i.imgur.com/RTp9RAI.png
http://i.imgur.com/TO9BBnl.png

http://prntscr.com/6mh3hr

avatar

Vitor-Vicente
Usuário destaque

Masculino
Inscrito dia : 19/02/2015
Mensagens : 552
Pontos Ativos : 775

http://mastergz.forumbrasil.net

Resolvido Re: colocar imagem + e -

Mensagem por Shaman em 28/03/15, 04:12 pm

avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: colocar imagem + e -

Mensagem por Vitor-Vicente em 28/03/15, 07:18 pm

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

http://prntscr.com/6mlhpu
avatar

Vitor-Vicente
Usuário destaque

Masculino
Inscrito dia : 19/02/2015
Mensagens : 552
Pontos Ativos : 775

http://mastergz.forumbrasil.net

Resolvido Re: colocar imagem + e -

Mensagem por Shaman em 28/03/15, 07:21 pm

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

Se não resultar veremos o que fazer. ...
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: colocar imagem + e -

Mensagem por Vitor-Vicente em 28/03/15, 07:44 pm

Mas é o mesmo codigo
avatar

Vitor-Vicente
Usuário destaque

Masculino
Inscrito dia : 19/02/2015
Mensagens : 552
Pontos Ativos : 775

http://mastergz.forumbrasil.net

Resolvido Re: colocar imagem + e -

Mensagem por Shaman em 28/03/15, 07:53 pm

@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.
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: colocar imagem + e -

Mensagem por Vitor-Vicente em 28/03/15, 07:56 pm

creio que fiz certo quer que eu passe o codigo aqui, pra ver se tem algo errado
avatar

Vitor-Vicente
Usuário destaque

Masculino
Inscrito dia : 19/02/2015
Mensagens : 552
Pontos Ativos : 775

http://mastergz.forumbrasil.net

Resolvido Re: colocar imagem + e -

Mensagem por Gaaratsu em 29/03/15, 12:01 am

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
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

http://narutongo.forumeiros.com/

Resolvido Re: colocar imagem + e -

Mensagem por Vitor-Vicente em 29/03/15, 12:09 am

Ola teria como por aquela barra de separaçao , eles tao muitos juntos.
avatar

Vitor-Vicente
Usuário destaque

Masculino
Inscrito dia : 19/02/2015
Mensagens : 552
Pontos Ativos : 775

http://mastergz.forumbrasil.net
  • 0

Resolvido Re: colocar imagem + e -

Mensagem por Gaaratsu em 29/03/15, 12:34 am

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
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

http://narutongo.forumeiros.com/

Resolvido Re: colocar imagem + e -

Mensagem por Vitor-Vicente em 29/03/15, 12:48 am

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

Vitor-Vicente
Usuário destaque

Masculino
Inscrito dia : 19/02/2015
Mensagens : 552
Pontos Ativos : 775

http://mastergz.forumbrasil.net

Resolvido Re: colocar imagem + e -

Mensagem por Gaaratsu em 29/03/15, 12:49 am

Foi este mesmo! Muito feliz
Agrade-lhe amigo?
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

http://narutongo.forumeiros.com/

Resolvido Re: colocar imagem + e -

Mensagem por Vitor-Vicente em 29/03/15, 12:57 am

ta em risco do usuario clicar errado ainda.
avatar

Vitor-Vicente
Usuário destaque

Masculino
Inscrito dia : 19/02/2015
Mensagens : 552
Pontos Ativos : 775

http://mastergz.forumbrasil.net

Resolvido Re: colocar imagem + e -

Mensagem por Gaaratsu em 29/03/15, 12:59 am

Creio que não... quer que eu aumente mais o espaço entre eles?
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

http://narutongo.forumeiros.com/

Resolvido Re: colocar imagem + e -

Mensagem por Vitor-Vicente em 29/03/15, 01:01 am

Sim, se for possivel .
avatar

Vitor-Vicente
Usuário destaque

Masculino
Inscrito dia : 19/02/2015
Mensagens : 552
Pontos Ativos : 775

http://mastergz.forumbrasil.net
  • 0

Resolvido Re: colocar imagem + e -

Mensagem por Gaaratsu em 29/03/15, 01:04 am

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
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

http://narutongo.forumeiros.com/

Resolvido Re: colocar imagem + e -

Mensagem por Vitor-Vicente em 29/03/15, 01:09 am

vlw, ta joia , ficou bom
avatar

Vitor-Vicente
Usuário destaque

Masculino
Inscrito dia : 19/02/2015
Mensagens : 552
Pontos Ativos : 775

http://mastergz.forumbrasil.net

Resolvido Re: colocar imagem + e -

Mensagem por Gaaratsu em 29/03/15, 01:17 am

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

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

http://narutongo.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