Hướng dẫn làm Icon trước nick thành công 100% phpB

*Bước 1: Xác định mã HEX, RBG của các nhóm hiện hành
Cách xác định như sau:
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 :

Bấm vào phần được khoanh trong hình để xác định mã RGB và HEX

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ì cho mệt
*Bước hai : 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 HTML

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ư http://...../hx-page
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>

Cả hai cách add đều được
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 !

Một số Icon trước nick cho các bạn lựa chọn nek!
https://2img.net/h/i1220.photobucket.com/albums/dd447/BBBoyLion/admin.gif
https://2img.net/h/i1220.photobucket.com/albums/dd447/BBBoyLion/smod.gif
https://2img.net/h/i1220.photobucket.com/albums/dd447/BBBoyLion/mod.gif
https://2img.net/h/i1220.photobucket.com/albums/dd447/BBBoyLion/member-1.gif
https://2img.net/h/i1220.photobucket.com/albums/dd447/BBBoyLion/vip.gif
https://2img.net/h/i1220.photobucket.com/albums/dd447/BBBoyLion/devils.gif
Xem thêm ở nguồn : xproforum