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.
Code này 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ó.




[You must be registered and logged in to see this link.]
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']").html(function () {
      var a = this.innerHTML;
      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.replace(/[\[\]]/g, "") + "</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.
+ 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 xóa đoạn code sau:

Code:

if (/^\[(code|tool|hỏi đáp|thông báo|zzbaivong)\]/i.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Ố. Nếu tên tiền tố là tiếng Việt thì bạn viết thường, dùng dấu gạch ngang thay cho khoảng trắng. Ví dụ:
[Thông báo] => .prefix.thong-bao
[CODE] => .prefix.code


[code]nguồn [You must be registered and logged in to see this link.]

Sao Em Đổi Màu Hok ĐƯợc Zậy , Nó Cứ Màu Xanh Hoài , Em Đã Sữa Css Màu Lại , Nó Cũng Zậy , Em Muốn Mỗi Cái Khác Nhau

sửa lại tên cho đúng ấy

Chupy đã viết:sửa lại tên cho đúng ấy

Hiện Thì Ok Hết Rùi Anh , Nhưng Màu Sao Chỉ Hiện Có 1 Màu Àk Anh Ơi

link demo coi nào

[You must be registered and logged in to see this link.]

Code:

+ 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

Mình muốn đổi ký tự trong "[....]" được đổ màu nền bằng "<....>" thì phải làm sao

xemmmmmmmm