Cộng Đồng MyBB Việt Nam

Hello mọi người, theo yêu cầu của , Joey share mọi người cách làm cho ProStat plugin đc responsive theo giao diện của diễn đàn. Mọi người làm theo hướng dẫn sau nha

1. Mọi người thêm cái CSS này vào global.css hay gì đó tương tự của giao diện muốn dùng:

Code:
/*Cái này để ẩn mấy cai categories*/

@media only screen and (max-width: 1199px){

     .hide-prostats{

         display: none;

    }

}

/*cái này để ẩn mấy cái thông tin nhỏ nhặt trong cái phần bài viết mới*/

@media only screen and (max-width: 767px){

     .hide{

         display: none;

    }

}

2. Mọi người tìm những cái templates trong phần Global Templates sau đây, và thay cái <td> đầu tiên thành cái này:

Code:
<td class="hide-prostats">

prostats_mostreplies
prostats_mostreputation
prostats_mostthanks
prostats_mostviews
prostats_newmembers
prostats_topdownloads
prostats_topposters
prostats_topreferrers
prostats_topthreadposters

3. Tương tự như bước 2, các bạn cũng tìm những templates sau đây và thay cái <td> thành

Code:
<td class="hide">

prostats_newestposts_date
prostats_newestposts_forum
prostats_newestposts_head_date
prostats_newestposts_head_forum
prostats_newestposts_head_starter
prostats_newestposts_starter

Vậy là xong rồi đó. Mọi người có thể thay đổi chỉnh sửa theo ý mình muốn. Joey đã test thử nhiều cách và thấy cách này là đẹp nhất cho responsive view. Khi nào rảnh Joey up lên vài tấm hình demo cho

Enjoy

JLP423