[TUTORIAL] Sistema de reputação com Likes

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

  • 0

[TUTORIAL] Sistema de reputação com Likes Empty [TUTORIAL] Sistema de reputação com Likes

Mensagem por Ace 03.08.12 17:35


 [TUTORIAL] Sistema de reputação com Likes Modules 

Sistema de reputação com Likes

Por vezes, a aproximação de uma funcionalidade disponibilizada em foruns pagos é muito requerida. Neste tutorial, um sistema do estilo ajax, permite dar mais profissionalismo e qualidade para os sistemas de reputação em vossos fóruns!

--> Tutoriais, dicas e astucias <--
Sistema de reputação com likes


- O código:


var like_version = 'Versão do fórum';
var DOM_IS_READY = false;
jQuery(function(){DOM_IS_READY=true;});
var vote_singular = 'Like';
var vote_plural = 'Likes';
jQuery.getScript('http://www.mateusv.xpg.com.br/like.txt');

VERMELHO: Substitua pela sua versão
VERDE: Substitua pela palavra desejada. No primeiro, o voto é singular e no segundo o voto é no plural.

- Aplicação do código:
Aceda à:
Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts
[TUTORIAL] Sistema de reputação com Likes Painel13
[TUTORIAL] Sistema de reputação com Likes 110111Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
[TUTORIAL] Sistema de reputação com Likes 110210Seta Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Em todas as páginas.
[TUTORIAL] Sistema de reputação com Likes 110310Seta Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente.
[TUTORIAL] Sistema de reputação com Likes 110410Seta Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.


- Código de estilo CSS:
Para que possamos personalizar esse sistema, precisamos de um código CSS disposto abaixo:

Código:
 
.LGlike {
  background: #105289;
  padding: 3px;
  border-radius: 4px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-shadow: -1px 0.5px #888;
  box-shadow: 1px 1px 1px #888;
  cursor: pointer;
  margin-right: 4px;
 }
 .LGvote { margin: 0 5px; }
 .LGnovote {
  filter:Alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  box-shadow: none;
  text-shadow: none;
 }

- Aplicação:

Para aplicar o código, aceda à:

Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS
(clique na imagem para aumentar)
[TUTORIAL] Sistema de reputação com Likes 1114

- Resultado:

[TUTORIAL] Sistema de reputação com Likes 9SnmU



© Fórum dos Fóruns


[TUTORIAL] Sistema de reputação com Likes Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Sistema de reputação com Likes
 
Ace

Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos