Acrescenta um Efeito na Na Reputação do seu Fórum

--> Tutoriais, dicas e astúcias <--
[Tutorial]Botão Curtir Igual BS

1º - Crie um Novo Java Script
Vá até o Painel de controle :seta2: Módulos :seta2: HTML & JAVASCRIPT :seta2: Gestão dos códigos JavaScript :seta2: Criar um Novo JavaScript.

Adicione o Seguinte Js.
Investimento nos Tópicos

Código:

var like_version = 'punbb';
var DOM_IS_READY = false;
$(function(){DOM_IS_READY=true;});
var vote_singular = 'Curtir';
var vote_plural = 'Curtiram isso';
$.getScript('http://bestskins.com.br/26249.js');

Salve.


2º - Aceda a folha css do seu fórum

Vá até o Painel de controle :seta2: Visualização :seta2: Imagens e Cores Cores :seta2: Folha de estilo css.

Adicione Isto em seu CSS.

Código:

/*like*/
.LGlike {
background: url(http://i11.servimg.com/u/f11/18/07/42/17/ok12.png) no-repeat left;
background-color: #326A94;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 2px 2px 2px 2px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0 rgba(255, 255, 255, 0.3) inset;
color: white;
cursor: pointer;
display: inline-block;
font-size: 11px;
height: 22px;
line-height: 22px;
padding: 0 18px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
white-space: nowrap;
margin-right: 5px;
margin-top: 30px;
}
 .LGvote { margin: 0 5px; }
 .LGnovote {
  filter:Alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  box-shadow: none;
  text-shadow: none;
 }

Valide.


3º - Resultado
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Créditos Pelo Tutorial Yo '-'.
Pelo Code Acho que Daemon.

---

© Best Skins

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Tutorial]Botão Curtir Igual BS