Tuesday Tip: Cách loại bỏ nút "-" trong bài viết.

[Eagle8x]

Cách loại bỏ nút "-" trong bài viết.

Như thường lệ, để đánh giá bài viết, thành viên có thể đánh giá bài viết qua nút " " hoặc "-". Nhưng chắc hẳn rất có nhiều người muốn biết rằng liệu có thể bỏ nút "-" hay không. Bài viết này sẽ hướng dẫn bạn cách loại bỏ nút "-" cho tất cả mọi phiên bản của Forumotion.

Bạn cần phải:
- Là founder của forum.
- Rành về HTML, và templates.

PhpBB2 và punBB
Cách thay đổi giống nhau.

Bảng điều khiển Display Templates Quản lý tổng thể viewtopic_body

Tìm:

Code:


                            ----
                           

                           
                            [url=http://diendan.chinhphuc.info/%5C%22%7Bpostrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS%7D%5C%22]-[/url]
                           

Thay vào đó:

Code:


                            ----
                           

                           
                            [url=http://diendan.chinhphuc.info/%5C%22%7Bpostrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS%7D%5C%22][/url]
                           

Và sau đó click nút "Chấp nhận".


Kết quả:

PhpBB2	PunBB

PhpBB3 và Invision
Cách thay đổi giống nhau.

Bảng điều khiển Display Colors CSS


Thêm code này vào CSS:

Code:

/ *-- Removal of negative voting button in messages --* /
.vote .vote-button, .vote-no-bar {
  display:none;
}
.vote .vote-button:first-child {
    display:block;
}

Kết quả:

Đổi hình cho nút " "
Chỉ dành cho PhpBB2 và phpBB.

Bạn có thể thay dấu bằng một tấm hình mà bạn chọn. Chúng tôi sẽ lấy bức hình sau đây để làm ví dụ (bạn cũng có thể dùng nó):

HoangPham P/s: Nút thanks thì sao nhỉ

Bảng điều khiển Display Templates Quản lý tổng thể viewtopic_body
Tìm:

Code:


                            [url=http://diendan.chinhphuc.info/%5C%22%7Bpostrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS%7D%5C%22]+[/url]
                           

Thay vào đó:

Code:


                            [url=http://diendan.chinhphuc.info/%5C%22%7Bpostrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS%7D%5C%22][img]%5C%22http://i22.servimg.com/u/f22/09/02/12/09/001_1810.png%5C%22[/img][/url]
                           

Sau đó click nút "Chấp nhận".

Và cuối cùng là thêm code này vào CSS:

Code:

.vote {
    width: 24px; / *-- Width of the image chosen --* /
}


Tấm hình ví dụ trên có chiều ngang là 24px, vì vậy chúng tôi điền value là 24px.
Nếu ảnh của bạn có chiều ngang là 35px, bạn nên nhớ rằng thay code trên từ 24px qua 35px.

Kết quả:


Bài viết này được viết bởi thành viên của Support Forum,
Do Toto456 viết và dịch bởi MrMario.
Dịch sang tiếng Việt: HoangPham

[trbinh]

Trong viewtopic của mình làm gì có code

Code:

 ----
                         

                         
                            [url=http://diendan.chinhphuc.info/%5C%22%7Bpostrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS%7D%5C%22]-[/url]

[congmanh333]

Bạn tìm đoạn này trong thư mục viewtopic_body

Code:

<!-- BEGIN switch_vote -->

Rồi xoá toàn bộ code này là ok

Code:

<!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                     <!-- END switch_vote -->

[Sponsored content]