Sistema de reputação com likes

Qual é minha questão:
Como coloco essa barra me gusta no meu forum PunBB ?
Igual a esse forum http://15-tronos.net/

Links e imagens do meu problema:
https://2img.net/h/oi46.tinypic.com/1pdo90.png

Endereço do meu fórum:
http://www.project-brasil.forumfacil.net

Versão do meu fórum:
Não sei

aceda ao painel de controle>Visualização>Gestao da imagens

Coloque barra de fundo dos titulos e das categorias
este link:https://i.servimg.com/u/f48/15/98/03/89/header10.gif

Amigo acho que você não me entendeu. eu estou querendo adicionar o frame MeGusta que tem na foto alojada no topico

Cordialmente

Eu ja tinha falado com o adm de lá e ele me disse que não podia passar o codigo porque era uma coisa exclusiva do forum .
Up - se alguem souber outro geito de colocar isso !

Olá!

Cheque o conteúdo deste tutorial

https://ajuda.forumeiros.com/t64222-

Abraços.

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

Comigo nao funcionou

Olá,

Podem me passar os códigos utilizados?

Cordialmente.

Codigos CSS ou o javascript?

Olá,

DarkCheats poderia criar um novo tópico para não misturarmos os assuntos, sim?

Cordialmente.

:S Boiei kk', Bom Cara Ace eu tentei usar esse código

Código:

var like_version = '[b][color=red]Versão do fórum[/color][/b]';
var DOM_IS_READY = false;
$(function(){DOM_IS_READY=true;});
var vote_singular = '[color=#86B125]Like[/color]';
var vote_plural = '[color=#86B125]Likes[/color]';
$.getScript('http://www.mateusv.xpg.com.br/like.txt');

e esse css

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;
 }

Preenchi com as funções e plataforma do forum que no caso eh PunBB so que nao apareceu nada :S

Olá,

No caso, tente o seguinte código JavaScript:

Código:

var like_version = 'punbb';
var DOM_IS_READY = false;
$(function(){DOM_IS_READY=true;});
var vote_singular = '[color=#86B125]Like[/color]';
var vote_plural = '[color=#86B125]Likes[/color]';
$.getScript('http://www.mateusv.xpg.com.br/like.txt');

Cordialmente!

Bom apareceu,porém veio com esse bug :S https://2img.net/r/ihimg/photo/my-images/163/capturarhe.png/ abaixo esta minha css completa do forum

Código:

body {
color: #333;
font: 13px/150% "Helvetica Neue", Arial, sans-serif;
background: url(http://i.imgur.com/86zGU.png)repeat-x ,url(http://i.imgur.com/UfSvc.png);
}
.pun {
line-height: 130%;
min-width: 768px;
width: 100%;
padding: 0px;}
#topbar {
background: url(http://i.imgur.com/pvSB3.png) 0 0 repeat-x;
line-height: 20px;
padding: 10px 0;
overflow: hidden;
font-size: 90%;
}
.wrapper {
margin: 0 auto;
width: 980px;
}
#toplinks {
float: right;
}
.time {
color: #555;
list-style: none;
}
#pun-head #pun-navlinks {
background: #222 url(http://i.imgur.com/2QARA.png) repeat-x;
height: 60px;
margin: 0;
padding: 0;
z-index: 999;
}
#pun-navlinks li a {
color: #555;
font-family: "Helvetica Neue",Arial,sans-serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 60px;
margin: 0 .8em 0 0;
padding: 22px 0px;
}
#pun-navlinks li a[href="/"]{background: url(http://i.imgur.com/ywUSm.png) 50% 100% no-repeat;
font-weight: bold;
color: white;}

#pun-navlinks li a:hover {color: white;
text-decoration: none!important;}
#pun-navlinks ul {
list-style: none;
text-align: left;
width: 980px;
margin: auto;
}
#pun-intro {
background: transparent;
margin: auto;
text-align: left;
padding: 35px 0;
width: 980px;
border:none;}
#content {
background: white;
padding: 10px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
}
#page-body {
margin: auto;
background: #4D4D4D;
padding: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
width: 980px;
}
#main_content_top {
background: #E5E5E5 url(http://i.imgur.com/cfMqh.png) repeat-x;
height: 60px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-top-left-radius: 5px;
text-shadow: 0 1px 0 white;
}
#memb_login {
float: left;
margin-top: 12px;
padding-left: 20px;
width: 500px;
}
#memb_login ul, #memb_login li {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#memb_login .login_icon {
background: url(http://i.imgur.com/ATlGt.png) 0 50% no-repeat;
}
#memb_login a {
color: #888;
font-size: 12px;
text-decoration: none;
line-height: 20px;
}
#memb_login .login_icon span, #memb_login .signup_icon span {
padding: 0 0 0 40px;
display: block;
}
#memb_login .uppertext, #memb_login .memb_greeting {
font-size: 16px;
color: #323436;
text-transform: uppercase;
display: block;
}
#memb_login .signup_icon {
background: url(http://i.imgur.com/KeBCD.png) 0 50% no-repeat;
margin-left: 50px;
}
#memb_login a:hover {
color: #454545;
}
#search {
float: right;
background: url(http://i.imgur.com/l4a8b.png) 0 0 no-repeat;
width: 245px;
height: 65px;
position: relative;
margin-bottom: -6px;
padding-right: 20px;
}
#keywords.inputbox.search {
position: absolute;
top: 15px;
right: 62px;
width: 157px;
height: 16px;
padding: 8px 5px 6px 8px;
background: none;
border: none;
outline: none;
overflow: hidden;
font: 13px Arial, sans-serif;
}
#search .search_button {
position: absolute;
top: 0;
right: 20px;
width: 42px;
height: 60px;
background: none;
border: none;
outline: none;
cursor: pointer;
}
#pun-foot {
clear: both;
width: 980px;
margin: auto;
}
#pun-about {
background: none;
border: none;
line-height: 150%;
padding: 0px;
text-align: left;
}
#pun-about ul li a {
color: #959595;
font: 12px "Helvetica Neue", Arial, sans-serif;
text-decoration: none!important;
}
.main .main-head ,.main .main-foot {
background-image: url(http://i.imgur.com/3mBvC.png);
height: 22px;
}
.pun table .tcr {
width: 25%;
}
.largertext {
font-size: 120%;
color: #484848;
}
.fadetext{
color: #AAA;
font-size: 11px;
}
.pun table.table td {
background-color: white;
line-height: 130%;
border-left: none;
border-bottom: 1px solid #EBEBEB;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: #F8F8F8;
border-left: none;
}
.tcicons {
width: 5%;
background-color: #F8F8F8!important;
}
.statusid {
margin-left: 10px!important;
margin-right: 0px!important;
}
.stadisticageneral {
padding:10px;
background: #F6F6F6;
border: 1px solid #DDD;
}
.cat_bar {
background-image: url(http://i.imgur.com/3mBvC.png);
padding-left: 9px;
overflow: hidden;
height: 40px;
line-height: 40px;
font-size: 14px;
font-weight: normal;
color: #EEE;
margin-bottom: 5px;}
.titlebg {
color: #1C1C1C;
text-shadow: 0 1px 0 white;
background: url(http://i.imgur.com/hfnii.png);
overflow: hidden;
height: 40px;
line-height: 40px;
font-size: 120%;
font-weight: normal;
padding-left: 9px;
}
.stadisticageneral p{
margin: 0 0 0.2em 0;
padding: 0.2em;
}
#pun-about fieldset {
display: none;
}
.pun .postmain {
border: none;
margin-left: 15em;
background-color: white;
}
.pun .post {
background-color: white;
border-style: solid!important;
border-width: 1px 0px 0px 0px;
border-color: #DDD;
}
.pun .topic {
background: white;
border: none;
}
.postfoot {
border-top: none;
margin-left: 0em;
}
.pun .posthead {
background: white;
padding: .5em 1.3em .5em 1em;
border-bottom: 1px solid #DDD;
font-size: 11px;
}
.pun .sig-content {
border-top: 1px #DDD solid;
}
.pun .post .user {
margin-left: -16em;
font-size: 12px;
}
button.button2, input.button2 {
background: url(http://i.imgur.com/aCInW.png);
padding: 5px;
border-radius: 3px;
}
.pun .frm .frm-buttons input {
background: url(http://i.imgur.com/aCInW.png);
padding: 7px;
border: 1px solid #CCC;
border-radius: 4px;
}
.pun .frm .frm-buttons input:hover {
border: 1px solid #BBB;
cursor:pointer;
box-shadow: 0px 0px 5px 0px #DDD;}
#profile-advanced-layout #tabs {
bottom: 0;
position: relative;
min-width: 600px;
}
#profile-advanced-right {
float: left;
width: 31.5%;
}
#profile-advanced-layout {
float: right;
margin-left: 0;
margin-right: 0;
width: 68.2%;
}
#profile-advanced-left {
margin-right: 0px;
margin-left: 0px;
}

#copyright {
float: right;
}

.fameforum {
color: #C03B00;
font-size: 11px;
font-weight: bold;
}
.fameforum a {
color: #0CD5D5!important;
font-size: 12px;
font-weight: 700;
}
.pun table.table td {
padding: .2em 0 .2em;
}
.pun-crumbs p {
line-height: 1.5;
margin: 0;
color: #464646;
font-size: 0.95em;
}
.pun-crumbs p a{
color: #464646!important;
}
a{
text-decoration: none!important;
}
a:hover{
text-decoration: underline!important;
}
#pun-about ul li a:hover{
  text-decoration: underline!important;}
 /* Blur */
az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}
#pun-qpost #text_editor_controls{position:relative !important}
 /* Link Colorido */
.post a{
color: #F5950E !important;
}
 .blur{color:inherit!important}
/* NEON */
a:hover {
color: #4876FF;
text-shadow : 0px 0px 10px #FF0000;
}
    a[href="/u1"] {
    text-shadow: 0px 0px 5px #E6900E;
    background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
    color: #F7115E;
    font-family: Georgia;
    font-size: 8px; padding-left: 0;
    text-shadow: 0 0 6px #F7115E;
    font-weight: bold;
    text-decoration: line-through;
}
a[href="/u193"] {
    text-shadow: 0px 0px 5px #06B30B;
    background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
    color: #06B30B;
    font-family: Script MT Bold;
    font-size: 13px; padding-left: 0;
    text-shadow: 0 0 6px #06B30B;
    font-weight: bold;
    text-decoration: line-through;
}
a[href="/u2"] {
    text-shadow: 0px 0px 5px #E6900E;
    background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
    color: #F7115E;
    font-family: Script MT Bold;
    font-size: 13px; padding-left: 0;
    text-shadow: 0 0 6px #F7115E;
    font-weight: bold;
    text-decoration: line-through;

}
a[href="/u121"] {
    text-shadow: 0px 0px 5px #E07416;
    background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
    color: #F7115E;
    font-family: Script MT Bold;
    font-size: 13px; padding-left: 0;
    text-shadow: 0 0 6px #E07416;
    font-weight: bold;
 
}
a[href="/u293"] {
    text-shadow: 0px 0px 5px #E6900E;
    background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
    color: #F7115E;
    font-family: Script MT Bold;
    font-size: 13px; padding-left: 0;
    text-shadow: 0 0 6px #F7115E;
    font-weight: bold;
    text-decoration: line-through;
 
 
}
/* -----Reputaçao personalizada */
.vote {
float: right;
margin-left: 4px;
width: 9px;
}
.vote .vote-button {
font-weight: 700;
margin-left: -1px;
text-align: center;
}
.vote .vote-button a {
text-decoration: none !important;
}
.vote .vote-bar {
border: 1px solid #666666;
font-size: 0;
height: 50px;
margin: 0 auto;
width: 3px;
}
.vote .vote-no-bar {
letter-spacing: -2px;
margin-left: -2px;
white-space: nowrap;
}
.vote .vote-bar-plus {
background-color: #00FF00;
}
.vote .vote-bar-minus {
background-color: red;
}

div.vote-count {
background: url("http://sd-1.archive-host.com/membres/images/142586199450897653/FDF/buttonok.png") no-repeat scroll 0 0 transparent;
color: #4AAE00;
font-size: 10px;
font-weight: 700;
height: 17px;
padding-top: 2px;
text-align: center;
width: 27px;
}
td.post-options li, ul.profile-icons li, .post-options li, .post-footer ul.misc-icons li{
color: transparent;
}
/* ---------------- Barra de rolagem Google Chrome---------------- */
::-webkit-scrollbar {
width: 15px;
height: 5px; }
::-webkit-scrollbar-track-piece {
background: #ffffff;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background: #FF9D00;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #FF9D00;
}


li.row:hover {
border-color: #000000;
background-color: #FFA200;
}
/*Posicionamentoo dos Icones */

.dterm {
margin-left: 25px;
}
/*Centralizar Menu*/
#pun-head #pun-navlinks ul{text-align:center}
/*Botao Like*/
 .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;
 }
/*Quote Forumeiros*/
blockquote,blockquote blockquote,blockquote blockquote blockquote{-moz-border-radius:5px;-moz-box-shadow:0 1px 5px rgba(0,0,0,.15);-webkit-border-radius:5px 5px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);background:none;background-color:#F9F9F9;background-image:-webkit-gradient(linear,lefttop,leftbottom,from(#F9F9F9),to(#F0F0F0));border:1px solid #DEDEDE;border-radius:5px 5px;box-shadow:0 1px 5px rgba(0,0,0,.15);padding:10px 20px}span.ajudeiros{color:#C39300;font-weight:700;word-wrap:break-word}
/***** Efeito lightbox para fóruns Forumeiros - INÍCIO*****/
#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
}
#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}
#lightbox-nav-btnPrev {
    left: 0;
    float: left;
}
#lightbox-nav-btnNext {
    right: 0;
    float: right;
}
#lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}
#lightbox-container-image-data {
    padding: 0 10px;
    color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
    width: 70%;
    float: left;
    text-align: left;
} 
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
    display: block;
    clear: left;
    padding-bottom: 1.0em; 
}         
#lightbox-secNav-btnClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em; 
}
/***** Efeito lightbox para fóruns Forumeiros - FIM *****/
/*****Efeito no Avatar Diagonal *****/
div.user-basic-info a img:hover{
-webkit-transform: rotate(1800deg) scale(1);
-moz-transform: rotate(1800deg) scale(1);
-o-transform: rotate(1800deg) scale(1);
}

div.user-basic-info a img{
-webkit-transition: all 5s ease-in-out;
-moz-transition: all 5s ease-in-out;
-o-transition: all 5s ease-in-out;
}
/****Sombra*****/

/****Fim do efeito diagonal no Avatar*****/
/****Cursor do Forum*****/
body {
cursor: url('http://amanda_rc.sites.uol.com.br/cursores/ima_cur/cur26.gif'), url('http://amanda_rc.sites.uol.com.br/cursores/ima_cur/cur20.gif'), auto;
}
/**LoginPersonalizado**/
.pun .user-ident .user-basic-info {
background: white;
border: 1px solid #DDD;
border-radius: 5px;
color: white;
font-size: 1.5em;
font-weight: 700;
line-height: 1.8em;
margin: 5px auto;
padding: 15px;
text-align: center;
text-shadow: 0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 4px 0 #B9B9B9,0 5px 0 #AAA,0 6px 1px rgba(0, 0, 0, .1),0 0 5px rgba(0, 0, 0, .1),0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .25),0 10px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15);
}
.pun .user .user-info {
background: white;
border: 1px solid #DDD;
border-radius: 5px;
color: #666;
line-height: 1.8em;
margin: 5px auto;
padding: 10px;
}
.user-contact {
background: white;
border: 1px solid #DDD;
border-radius: 5px;
color: #666;
margin: 5px auto;
padding: 10px;
}
.pun .user-ident .username {
background-color: #EEE;
border: 1px solid #DDD;
border-radius: 4px;
display: block;
font-family: Arvo;
font-size: 1.5em;
font-weight: 400!important;
margin-bottom: 5px;
margin-top: 10px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
}
.pun .user-ident .username {
color: #006B6B;
display: block;
font-size: 1.2em;
font-weight: 700;
position: absolute;
text-decoration: none;
top: 0;
}
.pun .post .user {
float: left;
margin-left: -16em;
margin-top: -1.8em;
position: relative;
text-align: center;
}
.pun .post .user {
float: left;
margin-left: -16em;
margin-top: -1.8em;
position: relative;
}
.pun .user {
display: inline;
overflow: hidden;
padding-top: 1.6em;
white-space: normal;
width: 15em;
}
/*******************/
# Máscara {
          display: none;
          background: # 000;
          posição: fixo; left: 0; top: 0; 
          width: 100%; height: 100%;
          opacidade: 0,8;
          z-index: 9;
     
        }
 

/ * Você pode personalizar para suas necessidades * /
      . Entrar-popup {
       
          display: none;
          background: # 333;
          padding: 10px; 
          margem: 2px solid # ddd;
          float: left;
          font-size: 1.2em;
          posição: fixo;
          superior: 50%; esquerda: 50%;
          z-index: 999;
          box-shadow: 0px 20px 0px # 999; / * CSS3 * /
              -Moz-box-shadow: 0px 20px 0px # 999; / * Firefox * /
              -Webkit-box-shadow: 0px 20px 0px # 999; / * Safari e Chrome * /
          border-radius: 3px 3px 3px 3px;
              -Moz-border-radius: 3px; / * Firefox * /
              -Webkit-border-radius: 3px; / * Safari e Chrome * /
      }
 

img.btn_close Posição {o botão para fechar
          float: right;
          margin: 28px-28px-0 0;
      }
 

fieldset {
          border: none;
      }
 

form.signin. rótulo textbox {
          display: block;
          padding-bottom: 7px;
      }
 

form.signin. textbox span {
          display: block;
      }
 

form.signin p, form.signin span {
          color: # 999;
          font-size: 11px;
          line-height: 18px;
      }
 

form.signin. caixa de texto de entrada {
          background: # 666666;
          border-bottom: 1px solid # 333;
          border-left: 1px solid # 000;
          border-right: 1px solid # 333;
          border-top: 1px solid # 000;
          color: # fff;
              border-radius: 3px 3px 3px 3px;
          -Moz-border-radius: 3px;
              -Webkit-border-radius: 3px;
          font: 13px Arial, Helvetica, sans-serif;
          padding: 6px 6px 4px;
          width: 200px;
      }
 

entrada form.signin:-moz-espaço reservado {color: # bbb; text-shadow: 0 0 2px # 000;}
      entrada form.signin ::-webkit-entrada espaço reservado {color: # bbb; text-shadow: 0 0 2px # 000;}
 

Botões. {
          background:-moz-linear-gradient (parte superior central, # f3f3f3, # dddddd);
          background:-webkit-gradient (linear, inferior esquerda, superior esquerdo, a partir de (# f3f3f3), para (# dddddd));
          fundo:-o-linear-gradient (top, # f3f3f3, # dddddd);
              filtro: ProgID: DXImageTransform.Microsoft.gradient (startColorStr = '# f3f3f3', EndColorStr = '# DDDDDD');
          border-color: # 000;
          border-width: 1px;
              border-radius: 4px 4px 4px 4px;
          -Moz-border-radius: 4px;
              -Webkit-border-radius: 4px;
          color: # 333;
          cursor: pointer;
          display: inline-block;
          padding: 6px 6px 4px;
          margin-top: 10px;
          font: 12px;
          width: 214px;
      }
      . Button: hover {background: # ddd;}
 /***************Efeito Grupos***************/
a[href="/g1-fundadores"] {
text-shadow: 0px 0px 5px #E00000;
}
a[href="/g3-moderadores"] {
text-shadow: 0px 0px 5px #1CC489;
}
/************ BOTAO LIKE PERSONALIZADO *************/
 
.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;
 }


Olá!

Substitua o código por este:

var like_version = 'punbb';
var DOM_IS_READY = false;
$(function(){DOM_IS_READY=true;});
var vote_singular = 'Like';
var vote_plural = 'Likes';
$.getScript('http://www.mateusv.xpg.com.br/like.txt');

Abraços.

Caro Chandle eu ja tinha editado isso Continua o mesmo. Sera que o PunBB eh bugado

Olá,

O senhor substituiu o código pelo que lhe foi passado por Chandler? Há uma diferença entre os códigos. Tente também alterar a versão para PUNBB todas maiúsculas.

Cordialmente.

Não resultou Não tem como vocês entrare no sistema interno do forum e tenta resolver? acho que tem algo bugando ja tentei o PunBB PUNBB e punbb

aparece o botao like so que nao aparece a borda.

Olá,

O senhor adicionou o códio CSS?

Cordialmente.

Olá,

Eu coloquei no meu conforme esse tutorial https://ajuda.forumeiros.com/t64222-tutorial-sistema-de-reputacao-com-likes

Mas não ficou igual a imagem final do tutorial.


Fórum: http://espacomanager.forumeiros.com (Punbb)

Humberto Lopes escreveu:Olá,

Eu coloquei no meu conforme esse tutorial https://ajuda.forumeiros.com/t64222-tutorial-sistema-de-reputacao-com-likes

Mas não ficou igual a imagem final do tutorial.


Fórum: http://espacomanager.forumeiros.com (Punbb)

EDIT: Já resolvi o meu.