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
» Widget de TÓPICOS RECENTES bugado!!!
Hoje à(s) 11:12 pm por MarcosSchultz

» Preciso de ajuda com um Banner.
Hoje à(s) 10:14 pm por LanternaV2

» Avatar Gif
Hoje à(s) 09:26 pm por Tiger

» Ficha de personagem "invisível"
Hoje à(s) 08:39 pm por Glauco Vitorino

» Modificação do nome dos usuários
Hoje à(s) 08:31 pm por Yeshua

» Sobre o portal
Hoje à(s) 05:32 pm por Kyo Panda

» Como que adiciono Scritp's no Fórum
Hoje à(s) 02:59 pm por Luiz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz
 
Kyo Panda
 
Shek
 
Dr.
 
Sennior
 
Chrono Trigger
 
Cannabis._.
 
Harleen
 
Tiger
 
LanternaV2
 

Quem está conectado
277 usuários online :: 7 usuários cadastrados, 1 Invisível e 269 Visitantes :: 1 Motor de busca

Connor R., Dr., FreedoM', Holkis, LanternaV2, MarcosSchultz, rlmac

[ 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