Trường Thực nghiệm GDPT Tây Ninh


You are not connected. Please login or register

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

KHCN

KHCN
Thành viên xuất sắc
Thành viên xuất sắc
Bạn nào hay ghé qua các diễn đàn Xenforo sẽ biết cái này, tên gốc là Thread Prefix Listing.
Forumotion thì vốn thiếu thốn sẵn, thấy cái gì hay thì ta mô phỏng lại.

Chức năng


zzPrefix sẽ làm nổi bật các tiền tố đầu tiêu đề bằng cách chuyển các từ đặt trong dấu ngoặc vuông [], sang dạng HTML để mình có thể thêm CSS màu nền cho nó.

Demo


zzPrefix - Màu nền cho tiền tố trên tiêu đề 12-13-10
Tiền tố trên Thống kê bài viết

zzPrefix - Màu nền cho tiền tố trên tiêu đề 12-13-10
Tiền tố tại các khu vực khác

Hướng dẫn


Bước 1


ACP >> Modules >> HTML & JAVASCRIPT >> Javascript Codes >> Create a new javascript: In all the pages

Code:
function lang_vi(a) {
   a = a.toLowerCase();
   a = a.replace(/\u00e0|\u00e1|\u1ea1|\u1ea3|\u00e3|\u00e2|\u1ea7|\u1ea5|\u1ead|\u1ea9|\u1eab|\u0103|\u1eb1|\u1eaf|\u1eb7|\u1eb3|\u1eb5/g, "a");
   a = a.replace(/\u00e8|\u00e9|\u1eb9|\u1ebb|\u1ebd|\u00ea|\u1ec1|\u1ebf|\u1ec7|\u1ec3|\u1ec5/g, "e");
   a = a.replace(/\u00ec|\u00ed|\u1ecb|\u1ec9|\u0129/g, "i");
   a = a.replace(/\u00f2|\u00f3|\u1ecd|\u1ecf|\u00f5|\u00f4|\u1ed3|\u1ed1|\u1ed9|\u1ed5|\u1ed7|\u01a1|\u1edd|\u1edb|\u1ee3|\u1edf|\u1ee1/g, "o");
   a = a.replace(/\u00f9|\u00fa|\u1ee5|\u1ee7|\u0169|\u01b0|\u1eeb|\u1ee9|\u1ef1|\u1eed|\u1eef/g, "u");
   a = a.replace(/\u1ef3|\u00fd|\u1ef5|\u1ef7|\u1ef9/g, "y");
   a = a.replace(/\u0111/g, "d");
   a = a.replace(/\W+/g, "-");
   return a.replace(/^\-+|\-+$/g, "")
}
$(function () {
   $("a[href^='/t'], a[href^='http://" + location.host + "/t']").html(function () {
      var a = $(this).text();
      if (/^\[(code|tool|hỏi đáp|thông báo|zzbaivong)\]/i.test(a)) return a.replace(/^\[[^\[\]]+\]/, function (a) {
         return '<span class="prefix ' + lang_vi(a) + '">' + a.slice(1,-1) + "</span>"
      })
   });
});

Lưu ý:
+ Nếu bạn đang sử dụng code trong bài Việt hóa URL thì trong đó đã có sẵn hàm lang_vi, nên bạn hãy xóa hàm này đi (Dòng 1 - 12).
+ Trong code trên là cách dùng giới hạn từ khóa, mỗi từ cách nhau bằng dấu gạch đứng. Nếu bạn không muốn giới hạn, tức là bất kì từ nào đặt trong dấu ngoặc vuông cũng sẽ chuyển sang dạng tiền tố nổi bật, thì bạn thay đoạn code sau:
Code:
if (/^\[(code|tool|hỏi đáp|thông báo|zzbaivong)\]/i.test(a))
...bằng:
Code:
if(/^\[([^\[\]]+)\]/.test(a))

Bước 2


ACP >> Display >> Pictures and Colors >> Colors >> CSS Stylesheet
Code:
.prefix{background:#008287;color:#FFF;border-radius:2px;display:inline-block;height:18px;line-height:18px;padding:0 4px} /* Mặc định cho các tiền tố chưa đặt style riêng */
.prefix.code{background:#16499a} /* Màu riêng cho tiền tố code */
.prefix.tool{background:#60a917} /* Màu riêng cho tiền tố Tool */
.prefix.thong-bao{background:#fa6800} /* Màu riêng cho tiền tố Thông báo */
.prefix.zzbaivong{background:#4390df} /* Màu riêng cho tiền tố zzbaivong */

Lưu ý:
+ Ngoài dòng css đầu tiên - mặc định, bạn có thể thêm màu tùy ý theo số tiền tố thường gặp trong diễn đàn của bạn.
+ Khi đặt css, bạn đặt như sau .prefix.TÊN-TIỀN-TỐ.
Tên tiền tố đặt theo nguyên tắc: Viết thường, Không dấu, Ký tự đặc biệt thì thay bằng gạch ngang. Ví dụ:

  • [Thông báo] => .prefix.thong-bao
  • [CODE] => .prefix.code


Nguồn: Zzbaivong

KHCN

KHCN
Thành viên xuất sắc
Thành viên xuất sắc
Sửa tiền tố cho bài viết

Giới thiệu


Userscript này dùng cho Mod của diễn đàn, giúp sửa tiền tố cho bài viết trong Thùng rác ở Devs forumvi.

Devs forumvi, mình thiết lập tiền tố riêng cho từng mục, trong đó tiền tố [Thùng rác] có tác dụng là kéo những bài đó xuống cuối bảng thống kê bài mới.
Khi quăng bài vào Thùng rác thì nó vẫn còn nguyên tiền tố chuyên mục cũ, vì vậy phải sửa nó về tiền tố [Thùng rác], userscript này là để giúp Mod làm việc đó nhẹ nhàng hơn.

Nếu diễn đàn khác có nhu cầu tương tự, cần dùng thì sửa Selector và liên kết ở @include cho phù hợp.

Cài đặt


http://goo.gl/aDKOkp

Mã nguồn


Code:
// ==UserScript==
// @name        Sửa tiền tố cho bài viết
// @namespace   zzbaivong
// @description Nhấn [Sửa tiền tố] ở những bài chưa đổi tiền tố trong Thùng rác
// @include     http://devs.forumvi.com/f24-*
// @version     1
// @grant       none
// ==/UserScript==
$(function () {
    $('.prefix').show();
    $('.stat4r a[href^=\'/t\']a[href*=\'#\']').attr('href', function () {
        return '/post?p=' + this.href.split('#') [1] + '&mode=editpost'
    }).text('[ Sửa tiền tố ]').css('float', 'right').click(function (d) {
        d.preventDefault();
        var b = this;
        $.post(b.href, function (a) {
            a = $(a);
            var c = '[' + $('.nav[href^=\'/f\']:last').text() + '] ' + $.trim(a.find('#modif_topic_title').val().replace(/\[([^\[\]])+\]/g, ''));
            $.post(b.href, {
                subject: c,
                modif_topic_title: c,
                message: a.find('#text_editor_textarea').val(),
                post: 'Send'
            }, function (a) {
                $(b).closest('tr').fadeOut(300)
            });
        })
    })
});

Nguồn: Zzbaivong

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết

 
zzPrefix - Màu nền cho tiền tố trên tiêu đề Flags_1