Colocar e personalizar os botões de reputação

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

Resolvido Colocar e personalizar os botões de reputação

Mensagem por @Chazy em 23/10/11, 04:22 am

Qual é minha questão:
Bom, eu queria saber como colocar, aquelas avaliaçoes
de postagem, tipo eu posto e peço pra alguem dar um +
pra mim, ai e so clicar no mais, entendeu vou deixar uma imagem
pra vcs saberem doque estou falando .

Medidas que eu tomei para corrigir o problema:
Nenhuma

Imagens do meu problema:
http://i54.tinypic.com/2qk8n6u.png

Endereço do meu fórum:
http://estudiomania.forumeiros.com/

Versão do meu fórum:
INVISION
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

Ver perfil do usuário http://kingarts.forumeiros.com/

Resolvido Re: Colocar e personalizar os botões de reputação

Mensagem por punk_rkn em 23/10/11, 04:25 am

Painel de Controle Seta Módulos Seta Pontos e reputação Seta Reputação Seta Ativar o sistema de reputação: sim.
Caso deseje tambem ativar o botão obrigado, é só marcar sim tambem não opção logo abaixo (Ativar o botão "Obrigado(a)").
Abraço e bem vindo!


Última edição por punk_rkn em 23/10/11, 04:27 am, editado 1 vez(es)
avatar

punk_rkn
Usuário destaque

Masculino
Inscrito dia : 04/11/2007
Mensagens : 550
Pontos Ativos : 436

Ver perfil do usuário http://darkside.forumclan.com

Resolvido Re: Colocar e personalizar os botões de reputação

Mensagem por myduarte2 em 23/10/11, 04:26 am

Ooo eu tb estava querendo isso ai .. personalizando o sistema de pontuaçao ^^ ++ cara eu tenho 1 pergunta pra vc .. pra evitar de criar outro topico ^^
Tipow quando eu passo a seta em cima de 1 link do teu forum fica acende 1 luz laranja .. como faz isso ?

se vc puder me falar me fala ae ^^
avatar

myduarte2
Nível 4

Masculino
Inscrito dia : 14/10/2011
Mensagens : 32
Pontos Ativos : 52

Ver perfil do usuário http://fenix-cheats.forumeiros.com/

Resolvido Re: Colocar e personalizar os botões de reputação

Mensagem por @Chazy em 23/10/11, 04:34 am

Obrigadoo, deu certo mais eu queria saber como fas pra eu colocar a imagem?:
http://i54.tinypic.com/2qk8n6u.png

Porque quando eu fis isso que vc me falou so apareceu isso : http://i54.tinypic.com/dwutsh.png
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

Ver perfil do usuário http://kingarts.forumeiros.com/

Resolvido Re: Colocar e personalizar os botões de reputação

Mensagem por @Chazy em 23/10/11, 04:37 am

Olá, myduarte2 vá em
Painel de controle> Visualização> Imagens e Cores> Cores

E na caixa aonde esta escrito Cor do link quando o mouse está sobre ele vooc coloca: A cor que vc quizer,
no meu caso foi laranja . Positivo
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

Ver perfil do usuário http://kingarts.forumeiros.com/

Resolvido Re: Colocar e personalizar os botões de reputação

Mensagem por myduarte2 em 23/10/11, 04:45 am

+ tipow cara o do manolo ali sai assim oo

Veja bem ^^ se vc kiser o link do forum q peguei essa imagem

Link : http://ajuda.forumeiros.com/
avatar

myduarte2
Nível 4

Masculino
Inscrito dia : 14/10/2011
Mensagens : 32
Pontos Ativos : 52

Ver perfil do usuário http://fenix-cheats.forumeiros.com/

Resolvido Re: Colocar e personalizar os botões de reputação

Mensagem por Cream em 23/10/11, 12:19 pm

Olá,

Para trocar por imagens, leia o seguinte tutorial:
Spoiler:

Personalizar os sinais de reputação


Vários membros já fizeram questões acerca da mudança de aparência do " + " e " - " de reputação nos tópicos. Sendo assim foi elaborado este tutorial de forma a esclarecer mais rapidamente os nossos membros. Assim sendo iremos aprender como personalizar os sinais negativo e positivo da reputação.


--> Tutoriais dicas, e astúcias <--
Alterar os sinais de Reputação




Conhecimentos gerais
Antes de personalizarmos temos que ter um grau de conhecimento sobre o assunto. Por isso é aconselhável que tenha conhecimento neste tópico: [FAQ] Gestão do sistema de reputação / botão obrigado.


- Ativação e noções básicas:
Para termos uma noção básica o CSS permite que o membro edite o tema do fórum conforme ele deseja. Frequentemente os usuários estão sempre com dúvidas, questionando como modificar o botão de reputação, mas para modificarmos como dito acima usaremos um código em CSS e assim estaremos chegando ao ponto principal do Tutorial.
Painel de controle ->> Módulos ->> Pontos e Reputação ->> Reputação ->>

(carregue na imagem para aumentar)

Seta Ativar o sistema de reputação - Para activar o sistema, terá de marcar "Sim", para efeito contrário "Não". A activação é necessária para que sejam contabilizados os pontos de reputação.

Com a função Reputação ativa, pode-se notar que você não conseguirá ver os símbolos " + " e " - ", sendo impossível votar em si próprio.


- Estrutura do código e como adicionar ao fórum:
Não há muito o que comentar, o código é extenso mais valerá a pena. Aceda em:

Painel de controle ->> Visualização ->> Imagens e cores ->> Cores ->> (Aba) Folha de estilo CSS ->>

(carregue na imagem para aumentar)

Antes de adicioná-lo na foolha de estilos, preste atenção na parte destacada em verde;
.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;
}
Os campos em "verde" refere-se às URLs das imagens. Caso queira modificá-la você estará disposto.


--> Tutoriais dicas, e astúcias <--
Alterar os sinais de Reputação



  • Não gostei das imagens padrões do código, onde posso encontrar mais?
    Deverá ir até a seção de criações gráficas e pedir novos tipos de botões para esta função, pois dificilmente vai encontrar botões para a mesma.


  • Como ficará quando eu modificar?
    Com base nas imagens padrões já colocadas no código cima, é bem provável que tenhamos estes resultados;


Resultado final




© Fórum dos Fóruns & Epiphone



Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Alterar os sinais de reputação

Resulta?
Até mais!
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Colocar e personalizar os botões de reputação

Mensagem por myduarte2 em 23/10/11, 01:30 pm

Huhuuu vlw eu tava precisando disso ^^
avatar

myduarte2
Nível 4

Masculino
Inscrito dia : 14/10/2011
Mensagens : 32
Pontos Ativos : 52

Ver perfil do usuário http://fenix-cheats.forumeiros.com/

Resolvido Re: Colocar e personalizar os botões de reputação

Mensagem por @Chazy em 23/10/11, 01:49 pm

Voce poderia me mandar o codigo pronto com essas reputaçoes ? :
http://i20.servimg.com/u/f20/16/50/02/64/sem_ta10.png
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

Ver perfil do usuário http://kingarts.forumeiros.com/

Resolvido Re: Colocar e personalizar os botões de reputação

Mensagem por patamar16 em 23/10/11, 02:40 pm

Eu fiz um meio de pessoas agradecerem os que postam os tutoriais, etc... e usei este recurço. deu certo, no entanto queria que akele contorno brnaco, fosse vermelho, para que eu pode-se colocar um botao preto e vermelho dentro, para conbinar com o tema. Veja meu print.

http://imageshack.us/photo/my-images/195/imagemrqme.png/
avatar

patamar16
Nível 9

Masculino
Inscrito dia : 03/09/2009
Mensagens : 152
Pontos Ativos : 256

Ver perfil do usuário http://imperadores.forumeiro.com

Resolvido Re: Colocar e personalizar os botões de reputação

Mensagem por @Chazy em 23/10/11, 03:09 pm

Em questão, o Meu Fórum e INVISON
tem algum problema para pesonalização de reputação ?
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

Ver perfil do usuário http://kingarts.forumeiros.com/

Resolvido Re: Colocar e personalizar os botões de reputação

Mensagem por patamar16 em 23/10/11, 03:23 pm

Invision Funfa Quase tudo, no Meu deu certo, e e invision ^^
avatar

patamar16
Nível 9

Masculino
Inscrito dia : 03/09/2009
Mensagens : 152
Pontos Ativos : 256

Ver perfil do usuário http://imperadores.forumeiro.com

Resolvido Re: Colocar e personalizar os botões de reputação

Mensagem por @Chazy em 23/10/11, 03:49 pm

Me manda o codigo ae entao ?
tudo certin ?
Porque tipo
eu nao sei em quais os lugares colocar
a imagem, pq tipo tem 2 lugares
pra colocar URL dai confundi tudo =/
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

Ver perfil do usuário http://kingarts.forumeiros.com/

Resolvido Re: Colocar e personalizar os botões de reputação

Mensagem por patamar16 em 23/10/11, 04:29 pm

Código:

.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://i46.servimg.com/u/f46/14/96/69/63/agrade10.jpg');
background-repeat: no-repeat;
color:transparent;
display:block;
height:176px;
width:20px;
}

.vote .vote-button a[href $="minus"] {
background-image:url('nulo');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}
avatar

patamar16
Nível 9

Masculino
Inscrito dia : 03/09/2009
Mensagens : 152
Pontos Ativos : 256

Ver perfil do usuário http://imperadores.forumeiro.com

Resolvido Re: Colocar e personalizar os botões de reputação

Mensagem por @Chazy em 23/10/11, 05:59 pm

pronto consegui, mais sendo que ele quando alguem da quote, ele fica por cima do quote :/
tem alguma solução pra colocar ele mais pra baixo ?


Última edição por Pedriinhow em 23/10/11, 06:23 pm, editado 1 vez(es)
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

Ver perfil do usuário http://kingarts.forumeiros.com/

Resolvido Re: Colocar e personalizar os botões de reputação

Mensagem por Kryzo' em 23/10/11, 06:03 pm

Pedriinhow escreveu:sim obrigado, mais nao era com o codigo com essa imagem que eu queria
queria com essa imagem aqui http://i54.tinypic.com/2qk8n6u.png

pedriinhow eu tenho esse aki serve ?
avatar

Kryzo'
Nível 6

Masculino
Inscrito dia : 28/09/2011
Mensagens : 76
Pontos Ativos : 108

Ver perfil do usuário http://stylecheats.ativoforum.com

Resolvido Re: Colocar e personalizar os botões de reputação

Mensagem por @Chazy em 23/10/11, 06:25 pm

Naaooo, esse parte do problema esta resolvido,
haa questao agora e que quando eu coloco
ou alguem dar quot (citar)
ele fica em cima do quot eu queria COLOCAR mais pra baixo
querem ver, entre no meu forum, e vejam algum topico
com quot que vcs veram
oque eu estou dizendo .
avatar

@Chazy
Nível 9

Masculino
Inscrito dia : 22/10/2011
Mensagens : 220
Pontos Ativos : 329

Ver perfil do usuário http://kingarts.forumeiros.com/

Resolvido Re: Colocar e personalizar os botões de reputação

Mensagem por Login! em 04/11/11, 05:47 pm

Olá,

Poderia apenas confirmar se sua dúvida já encontra-se resolvida?
Se precisar de suporte adicional, avise-nos!

Até mais,
Login! Positivo
avatar

Login!
Membro do Fórum

Masculino
Inscrito dia : 24/10/2010
Mensagens : 1177
Pontos Ativos : 1475

Ver perfil do usuário http://ajuda.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