Fórum iBlue
[Tutorial]Botão Curtir nos Tópicos Buddy_Group

Bem Vindos ao iBlue GAMES!

Registre-se para obter acesso especial em todo conteúdo presente no Fórum!
Tenha um bom uso do nosso fórum, e seja ativo!





Fórum iBlue
[Tutorial]Botão Curtir nos Tópicos Buddy_Group

Bem Vindos ao iBlue GAMES!

Registre-se para obter acesso especial em todo conteúdo presente no Fórum!
Tenha um bom uso do nosso fórum, e seja ativo!





Somos ÚNICOS, somos o SEU fórum


Você não está conectado. Conecte-se ou registre-se

Fórum iBlue » Outros Serviços » Suporte Forumeiros » Faqs e Tutoriais » Tutoriais » [Tutorial]Botão Curtir nos Tópicos

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

T-Lord

1[Tutorial]Botão Curtir nos Tópicos Empty [Tutorial]Botão Curtir nos Tópicos Sex 19 Abr 2013 - 18:06

T-Lord
Administrador
[Tutorial]Botão Curtir nos Tópicos Alerte10
[Tutorial]Botão Curtir Igual BS

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 [Tutorial]Botão Curtir nos Tópicos 3408902447 Módulos [Tutorial]Botão Curtir nos Tópicos 3408902447 HTML & JAVASCRIPT [Tutorial]Botão Curtir nos Tópicos 3408902447 Gestão dos códigos JavaScript [Tutorial]Botão Curtir nos Tópicos 3408902447 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 [Tutorial]Botão Curtir nos Tópicos 3408902447 Visualização [Tutorial]Botão Curtir nos Tópicos 3408902447 Imagens e Cores Cores [Tutorial]Botão Curtir nos Tópicos 3408902447 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
[Tutorial]Botão Curtir nos Tópicos Sistemadecurtidas

http://www.zonetoony.net/

Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

Fórum iBlue » Outros Serviços » Suporte Forumeiros » Faqs e Tutoriais » Tutoriais » [Tutorial]Botão Curtir nos Tópicos

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