» Công Nghệ Thông Tin » Chinh Phục Forumtion » Các Code Hay » Code Icon Trước Nick Cho Chatbox


You are not connected. Please login or register

Code Icon Trước Nick Cho Chatbox

Go down  Message [Page 1 of 1]

1Code Icon Trước Nick Cho Chatbox Empty Code Icon Trước Nick Cho Chatbox Mon Aug 15, 2011 12:54 pm

An Hùng BMT

An Hùng BMT
Admin
Admin

Mô tả code: Dùng css, tìm link và thêm hình nền vào.
Nơi áp dụng: tốt nhất chỉ là chatbox
Tương thích: được cho IE, chắc là được cho tất cả.
Tự động: không

Bước 1: Thêm code

Các bạn thêm đoạn code sau vào CSS (Display>>colors>>CSS)
Code:
.chatbox a[href="/profile.forum?mode=viewprofile&u=1"]{
padding-left: 12px;
background: url(http://i21.servimg.com/u/f21/11/31/02/04/palett10.png) no-repeat left;}
Hướng dẫn thay:
*** u=1 : thay số bằng số thứ tự của thành viên, tìm trong danh sách thành viên sẽ thấy.
*** https://i.servimg.com/u/f21/11/31/02/04/palett10.png : link dẫn đến hình mong muốn, dĩ nhiên là tùy người đó thuộc nhóm nào mà cho hình tương ứng

Bước 2: Thêm cho từng người bằng cách thêm y chang trên thay những vị trí cần thay..

Bước 3: Lưu CSS lại.

Cảm ơn Ex đã gửi trang web sử dụng kỹ thuật này. Link forum :
Code:
http://penguin-web.forumotion.com/forum.htm
Nói riêng cho những bạn dùng phpBB3:
Dùng code này có thể thêm được icon vào trước Group Legend bằng cách thay link /profile.forum?mode=viewprofile&u=1 bằng link /groupcp.forum?g=34 với con số 34 thay bằng con số của group.


Các bạn có thể thay

Code:
Code:
a[href="/profile.forum?mode=viewprofile&u=1"]

thành

Code:
Code:
a[onclick="return copy_user_name('Administrator');"]

hoặc thành

Code:
Code:
.chatbox span[style="color: #005C0E"], .chatbox span[style="color: rgb(0, 92, 14);"]{
padding-left: 12px;
background: url(http://i21.servimg.com/u/f21/11/31/02/04/palett10.png) no-repeat left;}


Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum