Hello mọi người, theo yêu cầu của @
anhcoo , 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
- 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