Icon trước nick cho chatbox

[CPFounder]

Bổ sung cho bài này http://diendan.chinhphuc.info/forum-f37/topic-t11743-150.htm
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.

[OScar]

Vote cho Ea 1 phát

[samacxanh]

Chắc ko có cái nào để làm icon ở trước nữa đâu nhỉ.
Voted

[RS_KN]

oh Ea chia sẻ bí quyết rồi à...

[Exterminator]

Hơi thủ công nhưng thật tuyệt khi CB đã có icon trước nick

Voted!

[CPFounder]

alibaba có cách khác thay cho cả js và thậm chí còn dùng chiêu mới của W3 . Chắc xin per của cậu ấy để chia sẻ cho anh em quá.

[Exterminator]

Các bạn có thể thay

Code:

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

thành

Code:

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

Thay "Administrator" thành nick name cần hiện icon. Như vậy sẽ dễ dàng hơn khi bạn add icon cho một nick name bằng cách gõ user vào.

[bluehnvn]

Cũng hay đấy, nhưng mà bản này không auto nên không giám xài chờ ae vọc vậy. Có khi cậu thuan007 kia đang chiến

Vì dùng cái này thì member mới hay là member chưa được cập nhật trong chatbox sẽ cảm thấy tủi thân

[CPFounder]

alibaba vừa PM cho mình đoạn code rất tuyệt.
Ưu điểm: Ngoài tất cả những đặc tính kể trên thì nó tự động theo mã màu giống cơ chế của đọan code topic trước.
--> Thực hiện các bước y trên, trừ 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;}

Khuyết điểm: Mấy anh nào có @ thì sẽ hiện 2 icon
Hướng dẫn thay
*** color: #005C0E,color: rgb(0, 92, 14) : thay mã màu HEX và RGB của nhóm, mục đích là cho tương thích với các trình duyệt.
*** https://i.servimg.com/u/f21/11/31/02/04/palett10.png : thay link hình tùy ý.

[phihoanghai76]

Thế mới kích thích mem viết bài được chứ
Vote anh Ex, EA nha

[phihoanghai76]

làm sao xóa cái dấu @ đây mấy anh

[T2Y]

làm sao xóa cái dấu @ đây mấy anh

dấu đó chỉ dành cho amdin chính , chú xóa di rồi còn cái gì nữa

[phihoanghai76]

nhưng xóa được không ,để cái dấu đó xấu quá à

[Exterminator]

alibaba vừa PM cho mình đoạn code rất tuyệt.
Ưu điểm: Ngoài tất cả những đặc tính kể trên thì nó tự động theo mã màu giống cơ chế của đọan code topic trước.
--> Thực hiện các bước y trên, trừ 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;}

Khuyết điểm: Mấy anh nào có @ thì sẽ hiện 2 icon
Hướng dẫn thay
*** color: #005C0E,color: rgb(0, 92, 14) : thay mã màu HEX và RGB của nhóm, mục đích là cho tương thích với các trình duyệt.
*** https://i.servimg.com/u/f21/11/31/02/04/palett10.png : thay link hình tùy ý.

Vừa định chia sẻ xong, lại thấy bác Ecchi Anime post trước rồi .

P/s : Cách của ex hơi khác, và không bị hiện vương miệng 2 lần đối với nick có @ nhé.

[alibaba]

em nghĩ là sửa thành
.chatbox span[style="color: #005C0E"] a {thuộc tính}
thì không còn icon chứ
bên mem list thì a span ....

phẩy mấy cái là dc
nó chơi 2 span giống nhau mới ác

[phihoanghai76]

alibaba vừa PM cho mình đoạn code rất tuyệt.
Ưu điểm: Ngoài tất cả những đặc tính kể trên thì nó tự động theo mã màu giống cơ chế của đọan code topic trước.
--> Thực hiện các bước y trên, trừ 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;}

Khuyết điểm: Mấy anh nào có @ thì sẽ hiện 2 icon
Hướng dẫn thay
*** color: #005C0E,color: rgb(0, 92, 14) : thay mã màu HEX và RGB của nhóm, mục đích là cho tương thích với các trình duyệt.
*** https://i.servimg.com/u/f21/11/31/02/04/palett10.png : thay link hình tùy ý.

Vừa định chia sẻ xong, lại thấy bác Ecchi Anime post trước rồi .

P/s : Cách của ex hơi khác, và không bị hiện vương miệng 2 lần đối với nick có @ nhé.

Anh ex ơi cách của anh mặc dù không hiện 2 cái nhưng vẫn xấu lắm, anh có cách nào thủ tiêu cái dấu @ luôn được không

[Exterminator]

Anh ex ơi cách của anh mặc dù không hiện 2 cái nhưng vẫn xấu lắm, anh có cách nào thủ tiêu cái dấu @ luôn được không

Dấu @ mặc định có để xác định ai là Mod của CB mà bạn.

P/s : Ea vào CSS để chỉnh sửa và bổ sung thêm cho hợp lý nhé. Em và VK đã hoàn thiện nó rồi đó. Không hiện 2 cái nữa đâu.

[CPFounder]

Của em đâu?

[bluehnvn]

alibaba vừa PM cho mình đoạn code rất tuyệt.
Ưu điểm: Ngoài tất cả những đặc tính kể trên thì nó tự động theo mã màu giống cơ chế của đọan code topic trước.
--> Thực hiện các bước y trên, trừ 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;}

Khuyết điểm: Mấy anh nào có @ thì sẽ hiện 2 icon
Hướng dẫn thay
*** color: #005C0E,color: rgb(0, 92, 14) : thay mã màu HEX và RGB của nhóm, mục đích là cho tương thích với các trình duyệt.
*** https://i.servimg.com/u/f21/11/31/02/04/palett10.png : thay link hình tùy ý.

Như vậy là đã tự động cập nhật giống Icon trước nick bình thường hả CPFounder

[TrungHieu]

Cp hiện đang dùng code đó. Khá tốt!

[ngocthanh1308]

thanks

[vannghia]

máy anh ơi sao em mần không dc nè em xài chatbox này
http://teendalat.forumvi.com/
em đã xài cả 2 Code của 2 anh rồi mà vẫn zậy anh nào biết chỷ em nha

[mjss123]

Sao ko làm được anh. Chatbox của em là html view từ chatbox mặc định

[Zero]

nếu xài chatbox chỉnh sửa thì mình hay dùng cái này

Code:

<style type="text/css">
a[href="/u1"]:before {content: url(linkảnh);}
</style>


Đảm bảo thành công 100%

[Mr.Win™]

Hay Lắm : Tks !

[Sponsored content]