Sửa code level dành cho punbb

[roseila]

Tuy là mò trên trang chủ của forumotion nhưng lại ko biết cách làm sao cho đúng, để hiện lên thanh level.
Mong chỉ giúp cách đặt đúng chỗ hiện thanh level. nên làm thế nào, đã có code rồi thì chỉ cần chỉnh hoặc sửa mà thui, thank

Đây là code javascrip :
Trong code đã được thay link, nên khỏi đụng đến nha  

Code:

$(document).ready(function() {
  
  var version = 'punBB';
  
  var settings = {
      repName : 'Reputation',
      repStyle : 'block',
      repImage : 'http://i57.servimg.com/u/f57/18/21/41/30/star12.png'
    };
  
  var repLv = {
      lv1 : <img src="http://cdn2.bigcommerce.com/server5900/e3bf3/product_images/uploaded_images/level1-button-copy.png?t=1398725710"/>,
      lv2 : <img src="http://cdn2.bigcommerce.com/server5900/e3bf3/product_images/uploaded_images/level2-button-copy.png?t=1398725710"/>,
      lv3 : <img src="http://cdn2.bigcommerce.com/server5900/e3bf3/product_images/uploaded_images/level3-button-copy.png?t=1398725710"/>,
      lv4 : <img src="http://cdn2.bigcommerce.com/server5900/e3bf3/product_images/uploaded_images/level4-button-copy.png?t=1398725710"/>,
      lv5 : <img src="https://elt.oup.com/elt/students/incredibleenglish/images/buttons/05_button.png"/>,
      lv6 : <img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcTyZJv3ieVS8hqRgjf0FMpvrETLOEJop8nNlg9gSHlAEiNqJEjfcA"/>,
      lv7 : <img src="http://i39.servimg.com/u/f39/18/84/26/99/l710.jpg"/>,
      lv8 : <img src="http://i39.servimg.com/u/f39/18/84/26/99/level310.jpg"/>,
 lv9 : <img src="http://i39.servimg.com/u/f39/18/84/26/99/level311.jpg"/>,
 lv10 : <img src="http://i39.servimg.com/u/f39/18/84/26/99/level312.jpg"/>
 
    };
  
  if (settings.repStyle.toLowerCase() == 'block') { var repBlock = '<span id="rLv" class="repuBlock">' }
    else if (settings.repStyle.toLowerCase() == 'image') { var repBlock = '<img id="rLv" src="'+settings.repImage+'"/>' }
    else { var repBlock = '<span id="rLv" class="repuBlock">' }
    var ver = { phpbb2 : version.toLowerCase() == 'phpbb2', phpbb3 : version.toLowerCase() == 'phpbb3', punbb : version.toLowerCase() == 'punbb', invision : version.toLowerCase() == 'invision' };
    var reg = new RegExp('.*'+settings.repName+':\\s+(\\d+).*');
 
  if (ver.phpbb3 || ver.punbb || ver.invision) {
      if (ver.phpbb3 || ver.invision) { var profSel = '.postprofile'; var addRepu = $(this).find('dt').append('<div id="repu">'); }
      else if (ver.punbb) { var profSel = '.user'; var addRepu = $(this).find('.user-ident').prepend('<div id="repu">'); }
      $(profSel).each(function() {
          var rep = Number($(this).text().replace(reg,'$1'));
          addRepu;
          if (rep >= repLv.lv1) { $(this).find('#repu').append(repBlock); var next = rep + '/' + repLv.lv2 }
          if (rep >= repLv.lv2) { $(this).find('#repu').append(repBlock); var next = rep + '/' + repLv.lv3 }
          if (rep >= repLv.lv3) { $(this).find('#repu').append(repBlock); var next = rep + '/' + repLv.lv4 }
          if (rep >= repLv.lv4) { $(this).find('#repu').append(repBlock); var next = rep + '/' + repLv.lv5 }
          if (rep >= repLv.lv5) { $(this).find('#repu').append(repBlock); var next = rep + '/' + repLv.lv6 }
          if (rep >= repLv.lv6) { $(this).find('#repu').append(repBlock); var next = rep + '/' + repLv.lv7 }
          if (rep >= repLv.lv7) { $(this).find('#repu').append(repBlock); var next = rep + '/' + repLv.lv8 }
 if (rep >= repLv.lv8) { $(this).find('#repu').append(repBlock); var next = rep + '/' + repLv.lv9 }
 if (rep >= repLv.lv9) { $(this).find('#repu').append(repBlock); var next = rep + '/' + repLv.lv10 }
 
  if (rep >= repLv.lv10) { $(this).find('#repu').append(repBlock); var next = 'MAX' }
          $(this).find('#repu').attr('title','Reputation level ' + $(this).find('#rLv').length + '\nNext : (' + next + ')');
      });
    }
    else if (ver.phpbb2) {
      $('td .postdetails.poster-profile').each(function() {
          var rep = Number($(this).text().replace(reg,'$1'));
          $(this).parent().find('.name').next().after('<div id="repu">');
          if (rep >= repLv.lv1) { $(this).parent().find('#repu').append(repBlock); var next = rep + '/' + repLv.lv2  }
          if (rep >= repLv.lv2) { $(this).parent().find('#repu').append(repBlock); var next = rep + '/' + repLv.lv3  }
          if (rep >= repLv.lv3) { $(this).parent().find('#repu').append(repBlock); var next = rep + '/' + repLv.lv4  }
          if (rep >= repLv.lv4) { $(this).parent().find('#repu').append(repBlock); var next = rep + '/' + repLv.lv5  }
          if (rep >= repLv.lv5) { $(this).parent().find('#repu').append(repBlock); var next = rep + '/' + repLv.lv6  }
          if (rep >= repLv.lv6) { $(this).parent().find('#repu').append(repBlock); var next = rep + '/' + repLv.lv7  }
          if (rep >= repLv.lv7) { $(this).parent().find('#repu').append(repBlock); var next = rep + '/' + repLv.lv8  }
if (rep >= repLv.lv8) { $(this).parent().find('#repu').append(repBlock); var next = rep + '/' + repLv.lv9  }
 if (rep >= repLv.lv9) { $(this).parent().find('#repu').append(repBlock); var next = rep + '/' + repLv.lv10  }
        
           if (rep >= repLv.lv10) { $(this).parent().find('#repu').append(repBlock); var next = 'MAX'  }
          $(this).parent().find('#repu').attr('title','Reputation level ' + $(this).parent().find('#rLv').length  + '\nNext : (' + next + ')');
      });
    }
});

Css:

Code:

#repu { margin:2px 0; }
.repuBlock {
    height:8px;
    width:8px;
    background:#0A0;
    border:1px solid #080;
    -webkit-border-radius:2px;
       -moz-border-radius:2px;
            border-radius:2px;
    -webkit-box-shadow:0 3px 3px #0C0 inset;
       -moz-box-shadow:0 3px 3px #0C0 inset;
            box-shadow:0 3px 3px #0C0 inset;
    display:inline-block;
    margin:0 0.5px;
}

Nếu thấy khó hiểu thì nghía ở đê nghen : http://help.forumotion.com/t132299-add-a-bar-for-reputation

[Trúc Sơn]

Up, cũng đang cần cái này

[roseila]

Hu hu, mong là có ng chỉ giùm, mình cần đơn giản giống như cntt -k3, hay như là cái demo level 4rum nì : http://tieba.baidu.com/f/like/level?kw=%C5%B0%D0%C4%D0%A1%CB%B5&lv_t=lv_nav_intro

[Sponsored content]