Reputação em forma de imagens

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

Resolvido Reputação em forma de imagens

Mensagem por 'Killer~ em 03/10/11, 03:14 pm

Qual é minha questão:
Como eu tiraria o botao + de agradecer (REPUTAÇAO)
e o de - ponto negativo (REPUTAÇAO) e Colocar so 1 Imagem De Agradecer pra ninguem nunka receber um ponto negativo

imagem : http://i49.servimg.com/u/f49/16/89/10/65/sem_ta14.jpg

Eu sei que nao pode ++ poderia me passar o codigo pra separar o perfil do menbro da mensagem do topico ?



Medidas que eu tomei para corrigir o problema:
[....]

Imagens do meu problema:
http://i49.servimg.com/u/f49/16/89/10/65/sem_ta14.jpg

Endereço do meu fórum:
http://fenix-cheats.forumeiros.com/

Versão do meu fórum:
INVISION
avatar

'Killer~
Nível 5

Masculino
Inscrito dia : 01/10/2011
Mensagens : 56
Pontos Ativos : 112

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

Resolvido Re: Reputação em forma de imagens

Mensagem por Consolado em 03/10/11, 03:37 pm

Olá!

Acredito que remover o botão de reputação negativo não é possível, mais personaliza-los com imagens é possível, leia o conteúdo do spoiler:
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

Atenciosamente!

Tópico movido de 'Questões diversas' para 'Questões sobre a aparência do fórum'
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Reputação em forma de imagens

Mensagem por 'Killer~ em 03/10/11, 04:05 pm

Ae agr tem como descer esses botoes e colocar la no final do topico ?
avatar

'Killer~
Nível 5

Masculino
Inscrito dia : 01/10/2011
Mensagens : 56
Pontos Ativos : 112

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

Resolvido Re: Reputação em forma de imagens

Mensagem por Luciano98 em 03/10/11, 04:21 pm

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
.vote.gensmall{position:relative;top:294px}

Salve.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Reputação em forma de imagens

Mensagem por 'Killer~ em 03/10/11, 04:40 pm

Lol cara nao foi pro final do topico foi pra metade ...
avatar

'Killer~
Nível 5

Masculino
Inscrito dia : 01/10/2011
Mensagens : 56
Pontos Ativos : 112

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

Resolvido Re: Reputação em forma de imagens

Mensagem por Luciano98 em 04/10/11, 06:52 pm

Olá!

Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Seta Módulos Seta Gestão dos códigos JavaScript

Clique em "Criar um novo JavaScript".

Título Seta Escolha o título que quiser
Investimento Seta Em todas as páginas

Codigo JavaScript:
jQuery(document).ready(function(){i=0;for(i=0;i<=20;i++){jQuery('.content.clearfix').eq(i).after(jQuery('.vote.gensmall:eq('+i+')'))}});

Clique em "Confirmar".

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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