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


Meriteiro

Outubro de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Conteúdo dos perfis não aparecem
Hoje à(s) 2:10 por Lemon~

» Últimos temas no fórum
Hoje à(s) 2:09 por Kyo Panda

» Botão Thanks na área errada
Hoje à(s) 1:40 por while

» Login na versão mobile
Hoje à(s) 1:11 por Kyo Panda

» Mudando a aparência da lista de fóruns
Hoje à(s) 0:58 por Kyo Panda

» Personalizar SCeditor
Hoje à(s) 0:43 por Kyo Panda

» Postar em ajax com avisos
Hoje à(s) 0:34 por Lineshooter

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
45 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 45 Visitantes :: 1 Motor de busca

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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

Vitor-Vicente
Usuário destaque

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

http://mastergz.forumbrasil.net

Resolvido Re: colocar imagem + e -

Mensagem por First em Sab 28 Mar 2015 - 18:40

Olá,

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


Até! Piscada

First
Membro do Fórum

Masculino
Inscrito dia : 13/07/2013
Mensagens : 1288
Pontos Ativos : 3089

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

Resolvido Re: colocar imagem + e -

Mensagem por Vitor-Vicente em Sab 28 Mar 2015 - 19:01

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


Vitor-Vicente
Usuário destaque

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

http://mastergz.forumbrasil.net

Resolvido Re: colocar imagem + e -

Mensagem por Shaman em Sab 28 Mar 2015 - 19:12


Shaman
Membro do Fórum

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

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 Sab 28 Mar 2015 - 22:18

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

http://prntscr.com/6mlhpu

Vitor-Vicente
Usuário destaque

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

http://mastergz.forumbrasil.net

Resolvido Re: colocar imagem + e -

Mensagem por Shaman em Sab 28 Mar 2015 - 22:21

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

Shaman
Membro do Fórum

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

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 Sab 28 Mar 2015 - 22:44

Mas é o mesmo codigo

Vitor-Vicente
Usuário destaque

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

http://mastergz.forumbrasil.net

Resolvido Re: colocar imagem + e -

Mensagem por Shaman em Sab 28 Mar 2015 - 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
Membro do Fórum

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

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 Sab 28 Mar 2015 - 22:56

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

Vitor-Vicente
Usuário destaque

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

http://mastergz.forumbrasil.net

Resolvido Re: colocar imagem + e -

Mensagem por Gaaratsu em Dom 29 Mar 2015 - 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

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5535
Pontos Ativos : 9242

http://narutongo.forumeiros.com/

Resolvido Re: colocar imagem + e -

Mensagem por Vitor-Vicente em Dom 29 Mar 2015 - 4:09

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

Vitor-Vicente
Usuário destaque

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

http://mastergz.forumbrasil.net
  • 0

Resolvido Re: colocar imagem + e -

Mensagem por Gaaratsu em Dom 29 Mar 2015 - 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

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5535
Pontos Ativos : 9242

http://narutongo.forumeiros.com/

Resolvido Re: colocar imagem + e -

Mensagem por Vitor-Vicente em Dom 29 Mar 2015 - 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
Usuário destaque

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

http://mastergz.forumbrasil.net

Resolvido Re: colocar imagem + e -

Mensagem por Gaaratsu em Dom 29 Mar 2015 - 4:49

Foi este mesmo! Muito feliz
Agrade-lhe amigo?

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5535
Pontos Ativos : 9242

http://narutongo.forumeiros.com/

Resolvido Re: colocar imagem + e -

Mensagem por Vitor-Vicente em Dom 29 Mar 2015 - 4:57

ta em risco do usuario clicar errado ainda.

Vitor-Vicente
Usuário destaque

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

http://mastergz.forumbrasil.net

Resolvido Re: colocar imagem + e -

Mensagem por Gaaratsu em Dom 29 Mar 2015 - 4:59

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

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5535
Pontos Ativos : 9242

http://narutongo.forumeiros.com/

Resolvido Re: colocar imagem + e -

Mensagem por Vitor-Vicente em Dom 29 Mar 2015 - 5:01

Sim, se for possivel .

Vitor-Vicente
Usuário destaque

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

http://mastergz.forumbrasil.net
  • 0

Resolvido Re: colocar imagem + e -

Mensagem por Gaaratsu em Dom 29 Mar 2015 - 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

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5535
Pontos Ativos : 9242

http://narutongo.forumeiros.com/

Resolvido Re: colocar imagem + e -

Mensagem por Vitor-Vicente em Dom 29 Mar 2015 - 5:09

vlw, ta joia , ficou bom

Vitor-Vicente
Usuário destaque

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

http://mastergz.forumbrasil.net

Resolvido Re: colocar imagem + e -

Mensagem por Gaaratsu em Dom 29 Mar 2015 - 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.

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5535
Pontos Ativos : 9242

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5