»[FM] Hướng dẫn Làm icon trước nick trong diễn đàn

12/12/2010, 2:50 pm

Mem tích cực

Icons trước nick - »[FM] Hướng dẫn Làm icon trước nick trong diễn đàn Admin

...Shyn... - là ý tưởng của Mr. Thuận chia sẻ bên forum chinhphuc.
hầu hết các forum đều dựa vào phương cách này.
và vlt cũng k ngoại lệ - hehe.
đi chôm chỉa về rùi thêm chút mắm chút muối làm của gia bảo. hehe
Shyn ghi lại dưới đây theo cách Shyn hiểu và làm.
1. Tạo nhóm

ACP> Quản lý nhóm & người dùng> Tạo nhóm mới (nằm bên dưới góc phải)
Điền những thông tin tùy theo ý của bạn.

Ví dụ:

»[FM] Hướng dẫn Làm icon trước nick trong diễn đàn Nick111

»[FM] Hướng dẫn Làm icon trước nick trong diễn đàn Nick111

tạo nhóm BOM NỔ CHẬM
là một nhóm OPEN - ai cũng có thể tham gia
nhưng phải được sự đồng ý của nhóm trưởng
QUOCHUY làm nhóm trưởng
thứ tự nhóm trong forum là thứ 5
màu của nhóm: »[FM] Hướng dẫn Làm icon trước nick trong diễn đàn Nick310

»[FM] Hướng dẫn Làm icon trước nick trong diễn đàn Nick310

>>> quan trọng!

2. Xác định mã HEX và mã RGB của nhóm

Click vào màu của nhóm, sẽ thấy xuất hiện bảng mã

»[FM] Hướng dẫn Làm icon trước nick trong diễn đàn Nick210

3. Tạo một trang HTML đặt tên là Icons Trước Nicks

ACP> Module> HTML> HTML page management

4. Copy đoạn codes dưới đây vào trang HTML Icons Trước Nicks để lấy Link
ẩn bài viết

5. Thay những thông số mã RGB và mã HEX của các nhóm trong đoạn codes trên.

Chú ý:
Nhập chính xác và kiểm tra mã HEX coi có trùng nhau không.
Nhập chính xác và kiểm tra thông số mã RGB
Nhập bằng chữ viết thường, k viết in, k viết hoa.

Ví dụ:
rgb(186, 165, 7) và #baa507 >>> nhóm BOM NỔ CHẬM
rgb(23, 5, 5) và #170505 >>> nhóm SPY
rgb(38, 0, 255) và #2600ff" >>> nhóm MEMBERS

6. Thay Link Icons muốn hiển thị trước Nicks

Ví dụ:

»[FM] Hướng dẫn Làm icon trước nick trong diễn đàn Mod12

»[FM] Hướng dẫn Làm icon trước nick trong diễn đàn Mod12

> https://i.servimg.com/u/f34/14/64/54/11/mod12.gif

»[FM] Hướng dẫn Làm icon trước nick trong diễn đàn Mod10

> https://i.servimg.com/u/f24/13/54/69/46/mod10.gif

»[FM] Hướng dẫn Làm icon trước nick trong diễn đàn 92332310

> https://i.servimg.com/u/f24/13/54/69/46/92332310.gif

7. Muốn thêm nhóm thì thêm đoạn codes "else if...

Code:: else if((x[i].style.color=="rgb(23, 5, 5)")||(x[i].style.color=="#170505")) {newHTML = "[img]http://i24.servimg.com/u/f24/13/54/69/46/mod10.gif[/img]" + "" + x[i].innerHTML}

Cũng thay mã RGB & HEX và link Icons muốn hiển thị.

8. Bấm Submit

Vậy là có Link trang HTML Icons Trước Nicks.

»[FM] Hướng dẫn Làm icon trước nick trong diễn đàn T211

»[FM] Hướng dẫn Làm icon trước nick trong diễn đàn T211

9. Copy link trang HTML Icons Trước Nicks đó và dán vào script sau:

Code:: <script type="text/javascript" src="http://........................"></script>

10. Copy cái script đó và dán vô phần Overall_footer

Bấm Save và dấu cộng màu xanh »[FM] Hướng dẫn Làm icon trước nick trong diễn đàn Ajouter

»[FM] Hướng dẫn Làm icon trước nick trong diễn đàn 500826

hehe Xong.
Bi chừ thì chiêm ngưỡng thành quả của mình thui. hehe
coi nghen:

aHuy thuộc nhóm BOM NỔ CHẬM
»[FM] Hướng dẫn Làm icon trước nick trong diễn đàn Mod12

quochuy

aladin thuộc nhóm SPY
»[FM] Hướng dẫn Làm icon trước nick trong diễn đàn Mod10

aladin

deluge thuộc nhóm MEMBERS
»[FM] Hướng dẫn Làm icon trước nick trong diễn đàn 92332310

deluge
Nguồn www.4allvn.tk coppy from c4you.co.cc

»[FM] Hướng dẫn Làm icon trước nick trong diễn đàn Admin710

»[FM] Hướng dẫn Làm icon trước nick trong diễn đàn Admin910

12/12/2010, 3:02 pm

langtucodon

..

Mem tích cực

chôm chỉa nào

12/12/2010, 3:10 pm

Người sáng lập

Đây là trang html hoàn chỉnh của 4rum đang dùng nè ! Mọi người lấy về edit lại các link ảnh và làm theo bài hướng dẫn trên là oki cuoi nhan rang

!

Good luck ! admin

Các bạn có thể tải file đính kèm sau nhé ! Phòng khi code trên không dùng được !

Attachments

icon truoc nick html.doc: Trang html icon truoc nick 4rum đang dùng !; You don't have permission to download attachments.; (28 Kb)Downloaded 19 times

12/12/2010, 3:58 pm

Mem tích cực

chả hiện gì cả.cho các bác cái này đảm bảo hiện 100%

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(57, 112, 209)")||(x[y].style.color=="#3970d1")) {icon = "<img src='http://i873.photobucket.com/albums/ab298/c3zskin/icon/mem.gif'>";x[y].innerHTML = icon + oldHTML;} if ((x[y].style.color=="rgb(62, 237, 19)")||(x[y].style.color=="#3eed13")) {icon = "<img src='http://i873.photobucket.com/albums/ab298/c3zskin/icon/mod.gif'>";x[y].innerHTML = icon + oldHTML;} if ((x[y].style.color=="rgb(8, 156, 13)")||(x[y].style.color=="#089C0D")) {icon = "<img src='http://i873.photobucket.com/albums/ab298/c3zskin/icon/smod.gif'>";x[y].innerHTML = icon + oldHTML;} if ((x[y].style.color=="rgb(235, 17, 191)")||(x[y].style.color=="#EB11BF")) {icon = "<img src='http://www.c3z.co.cc/users/2611/10/63/87/album/admin10.gif'>";x[y].innerHTML = icon + oldHTML;} } } Rankicon();

12/12/2010, 6:56 pm

Mem chính thức

Ủa. Bài này mình share bên [C4U] mà.
Bây giờ anh Thuân007 đã share icons trước nicks= CSS rồi
Và cũng sài bằng host nó tiện hơn nữa

13/12/2010, 5:43 pm

Michael_Thi

..

Mem chính thức

đâs

15/12/2010, 1:48 pm

Dạ Khúc

..

Mem chính thức

cam ơn

15/12/2010, 11:39 pm

rua_can_91

..

Mem tích cực

THANK

17/12/2010, 3:47 pm

NhocKul

..

Mem chính thức

Thanks

12/1/2011, 4:42 pm

DUONGANH

..

Mem chính thức

?

12/1/2011, 5:54 pm

luckyboy_103

..

Mem tích cực

16/1/2011, 4:34 pm

tanghao92

..

Mem tích cực

dfgdfgdf

16/1/2011, 5:59 pm

Super Mod

@tanghao92 đã viết:dfgdfgdf

Vì su trong sáng cua tieng Viet. Sap toi se bo sung vao Profile phan "Muc do vi pham" . dang doi ne

:

26/2/2011, 9:50 am

sv_ngheo

..

Mem tích cực

thank's

2/3/2011, 1:11 pm

Mem chính thức

mình làm mà nó chỉ hiện đc ở firefox và google chrome còn ie ko hiện là sao????

11/3/2011, 3:45 pm

nhokpro

..

Mem chính thức

11/3/2011, 8:02 pm

Quản Trị Viên

@kecodon_2409 đã viết:mình làm mà nó chỉ hiện đc ở firefox và google chrome còn ie ko hiện là sao????

Bạn cứ dùng ie xem 4rum mình thì biết.Mình vẫn dùng cách này và vẫn hoạt động tốt.Nếu bạn ko thích cách này thì làm = css thử xem. C3zone có hướng dẫn đó.