Demo :


Bước 1: Xác định mã HEX, RBG của các nhóm hiện hành
[hide]
Vào trình quản lí (ACP) - Quản lí thành viên và nhóm - Quản lí nhóm - Bấm nút để sửa - Tiếp đó làm như hình :


Chúng ta quan tâm đến mã R ; G; B và HEX
Ví dụ trong hình các chỉ số RBG sẽ lần lượt là 250; 5; 74 và hex là fa054a
Lúc này ta nên mở một trang note pad hay word gì đó thì tùy để lưu mã này. Còn nếu các bạn làm trực tiếp thì cũng chả cần word hay note làm gì.

Bước 2 : Phần làm code HTML


Bước này dễ hơn bước một vì tất cả chỉ còn là việc thay đổi mã màu và link ảnh cho code !

Code:

    function Rankicon(){
    x = document.getElementsByTagName('span')
    for(y=0;y<x.length;y++){
    var oldHTML = x[y].innerHTML;

    if ((x[y].style.color=="rgb(R, G, B)")||(x[y].style.color=="#mã hex")) {icon = "<img src='link anh'>";x[y].innerHTML = icon + oldHTML;}
    }
    }
    Rankicon();


Các bạn nên nhớ phải thay mã màu vào, kèm theo cả link icon nếu không lại hỏi tại sao không thấy được icon
Nếu muốn thêm một nhóm icon nữa thì ta làm tương tự, thêm

Code:

    if ((x[y].style.color=="rgb(R, G, B)")||(x[y].style.color=="#mã hex"))
    {icon = "<img src='link anh'>";x[y].innerHTML = icon + oldHTML;}

Vào phía dưới, trước đoạn

Code:

    }
    }
    Rankicon();

Sau khi đã thay mã màu và kiểm tra link ảnh còn sống hay đã chết ! Thay chúng vào và làm tiếp bước ba !


Bước 3 : Bước đệm để hiện icon !

Bước này, chúng ta cần nhớ số trang html vừa tạo icon
VD như [You must be registered and logged in to see this link.]
Với x là số thứ tự của trang !
Bạn nhớ trang đó ! Qua overall footer trong Template (dành cho ai chưa biết thì tìm ở ACP - Display - Template - Quản lí tổng thể - Overall footer còn ai không thấy kiểm tra phiên bản forum và swicht về phpBB 2 hoặc kiểm tra xem acp đang ở thể nào Simple hay Advenced !)
Vào đó rồi bạn add trang script đó bằng cách

Code:

    <script src="link trang html"></script>
    hoặc
    <script type="text/javascript" src="link trang HTML"></script>

Vậy là hoàn thành, à còn một bước nữa ! Bấm cái dấu ở chỗ template overall footer và ở cả bài viết của mình nha.[hide]