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

  • Thread starter Thread starter PVS
  • Ngày gửi Ngày gửi

PVS

Super Moderator
Thành viên BQT
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.​
 
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 ạ?
 
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
 
Đá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
Đá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
 
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?
 
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
Back
Top