Thêm một thông điệp cảnh báo tới các hộp thoại báo cáo

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
17,142
Được Like
12,745
vnxf - Thêm một thông điệp cảnh báo tới các hộp thoại báo cáo
Kết quả cuối cùng:

upload_2015-2-1_23-27-2.png

Bước 1: Thêm một số CSS vào mẫu EXTRA.css của bạn

Để các cảnh báo đẹp hơn trên các hộp thoại báo cáo (trong đó có một nền tối hơn so với hầu hết các phần của giao diện XenForo), chúng ta sẽ thêm một vài dòng CSS.

-Tìm và sửa template EXTRA.css của bạn và thêm phần sau đây phía dưới:
Mã:
form.xenForm > ul.reportNotices > li.warningNotice {
    background: linear-gradient(rgb(240, 80, 80), rgb(224, 48, 48)) repeat scroll 0% 0% transparent;
    border: 1px solid rgb(51, 51, 51);
    color: #eee;
}

Bước 2: Thêm một mẫu cho tin nhắn cảnh báo

Vì bạn có thể muốn thêm các cảnh báo cho nhiều mẫu (XenForo dường như sử dụng một khuôn mẫu cho các báo cáo bài viết, người sử dụng, viết hồ sơ vv), chúng tôi sẽ tạo ra một khuôn mẫu để giữ HTML tạo nên các cảnh báo. Chúng tôi sau đó có thể bao gồm các mẫu này trong các mẫu khác.

Tạo một mẫu mới được gọi là "report_abuse_warning" và thêm các mã sau đây. Hãy chỉnh sửa tin nhắn yêu cầu của bạn.

Mã:
<ul class="messageNotices reportNotices"><li class="warningNotice"><span class="icon Tooltip" data-tipclass="iconTip flipped"></span>Please only report rule-breaking posts!</li></ul>

upload_2015-2-1_23-30-37.png

Bước 3: Bao gồm các mẫu được nêu trong mẫu áp dụng XenForo
Chúng ta có thể sử dụng một tìm kiếm mẫu mã để liệt kê tất cả các mẫu bạn có thể quan tâm trong việc chỉnh sửa. Tìm kiếm "report_reason" trong bảng điều khiển quản trị (admin control panel):

Tìm kiếm:
upload_2015-2-1_23-32-28.png

Kết quả:​
upload_2015-2-1_23-36-3.png

Tiếp theo, chọn một mẫu để chỉnh sửa. Trong trường hợp của tôi, là thêm mã cho lớp phủ gửi báo cáo nhưng bạn có thể làm điều này cho bất kỳ (hoặc tất cả) các mẫu được liệt kê kể từ khi mã của họ là tương tự như vậy. Một khi bạn đã lựa chọn các mẫu để chỉnh sửa, mở nó ra và tìm thấy những yếu tố "hình thức" (bạn sẽ biết bạn đã có một trong những quyền vì nó sẽ bao gồm các "{xen: phrase report_reason}" mẫu mã hình thức). Bây giờ bạn muốn thêm mã sau đây trực thuộc tag <form>:

Mã:
<xen:include template="report_abuse_warning" />
upload_2015-2-1_23-35-18.png

Bây giờ lưu mẫu và thử báo cáo các nội dung trong câu hỏi. Bạn sẽ thấy thông báo cảnh báo mới.​
 

Jindo_Katori

FirstSergeant
Tham gia
01/03/2015
Bài viết
1,454
Được Like
1,193
Cái bước 3 hơi khó hiểu:
Có phải là tạo template mới: report_reason
Nội dung chèn là:
<xen:include template="report_abuse_warning" /> + cái hình cuối cùng đúng không ạ?
 

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
17,142
Được Like
12,745
Cái bước 3 hơi khó hiểu:
Có phải là tạo template mới: report_reason
Nội dung chèn là:
<xen:include template="report_abuse_warning" /> + cái hình cuối cùng đúng không ạ?
ở trên ghi là Tìm kiếm "report_reason" mà bạn, đâu có tạo mới đâu :D
 

Jindo_Katori

FirstSergeant
Tham gia
01/03/2015
Bài viết
1,454
Được Like
1,193
ở trên ghi là Tìm kiếm "report_reason" mà bạn, đâu có tạo mới đâu :D
Vì hoàn toàn không có temp: report_reason nên mình phảo tạo mới á
Vậy chỉ cần thêm đoạn nội dung này là được đúng không xếp
upload_2015-2-1_23-35-18-png.179.html
 
  • Like
Reactions: THB

Jindo_Katori

FirstSergeant
Tham gia
01/03/2015
Bài viết
1,454
Được Like
1,193
Đánh máy lại cho mọi người cái hình cuối cùng :D
Mã:
<xen:include template="report_abuse_warning" />

<form action="{xen:link 'posts/report', $post}" method="post" class="xenForm formOverlay AutoValidator">
<xen:include template="report_abuse_warning" />
<dl class="ctrlUnit">
<dt><label for="ctrl_message">{xen:phrase report_reason}:</label></dt>
<dd><textarea name="message" id="ctrl_message" rows="2" class="textCtrl Elastic"></textarea></dd>
</dl>
 
  • Like
Reactions: PVS

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
17,142
Được Like
12,745
Đánh máy lại cho mọi người cái hình cuối cùng :D
Mã:
<xen:include template="report_abuse_warning" />

<form action="{xen:link 'posts/report', $post}" method="post" class="xenForm formOverlay AutoValidator">
<xen:include template="report_abuse_warning" />
<dl class="ctrlUnit">
<dt><label for="ctrl_message">{xen:phrase report_reason}:</label></dt>
<dd><textarea name="message" id="ctrl_message" rows="2" class="textCtrl Elastic"></textarea></dd>
</dl>
Cám ơn bạn :D
 

Jindo_Katori

FirstSergeant
Tham gia
01/03/2015
Bài viết
1,454
Được Like
1,193
Bước 1:
upload_2015-3-12_21-45-35.png


Bước 2:
upload_2015-3-12_21-47-0.png


Bước 3:
upload_2015-3-12_21-47-42.png


Test thử kết quả: Không thấy có gì khác?
upload_2015-3-12_21-49-22.png


Nhờ xếp kiểm tra xem em còn sai chỗ nào không?
 

Jindo_Katori

FirstSergeant
Tham gia
01/03/2015
Bài viết
1,454
Được Like
1,193
Em thiếu phần đưa temp vào rồi.

Vậy có phải là mình đưa nội dung cuối cùng
Mã:
<xen:include template="report_abuse_warning" /> <form action="{xen:link 'posts/report', $post}" method="post" class="xenForm formOverlay AutoValidator"> <xen:include template="report_abuse_warning" /> <dl class="ctrlUnit"> <dt><label for="ctrl_message">{xen:phrase report_reason}:</label></dt> <dd><textarea name="message" id="ctrl_message" rows="2" class="textCtrl Elastic"></textarea></dd> </dl>

vào các temp này đúng không anh?
upload_2015-2-1_23-36-3-png.176.html
 
  • Like
Reactions: THB

Jindo_Katori

FirstSergeant
Tham gia
01/03/2015
Bài viết
1,454
Được Like
1,193
Báo cáo xếp đã có kết quả:
upload_2015-3-12_22-14-22.png


Từ comment này trở đi em xin phụ trách support cho topic này nhé :D
 

Top Bottom