Code icon trước nick bằng CSS

**MrKen** · 15.06.2015 / 20:42

Code này khá đơn giản, không hề động chạm đến và đặc biệt là bạn muốn đặt ở đâu cũng được.

Ví dụ: chỉ có icon trong chatbox có icon.

Sau đây mình sẽ hướng dẫn cách làm chi tiết!

Đầu tiên, bạn lấy id của thành viên cần gán icon. Cách đơn giản nhất là vào thông tin người dùng của thành viên đó, xem địa chỉ liên kết sẽ có uid=.... Phần số phía sau uid= chính là id người dùng.

Tiếp theo, bạn chỉ cần chèn code sau vào ô 1 của Shout Box:

HTML5

<style type="text/css">a[href*='user_info.php?uid=uid ở bước 1']:before{content:url(link icon);margin-right:5px}</style>

Bạn copy code trên rồi thay uid và link icon vào là đã có icon trước nick đơn giản rồi.

Ví dụ:

HTML5

<style type="text/css">a[href*='user_info.php?uid=20702933']:before{content:url(/files/154586/king.ico);margin-right:5px}</style>

**hanhphucao** · 15.06.2015 / 20:47

Cái div.title lúc trước có hay không để tui còn biết lối =))

**MrKen** · 15.06.2015 / 20:49

là như nào. kiểu này á>>>

**hanhphucao** · 15.06.2015 / 21:13

Không, như này cơ: http://taptin.vn/files/6-2015/ ... d.jpg

**hanhphucao** · 15.06.2015 / 21:15

Chú bỏ cái trang báo liên lết ngoài đi cái, đến thẳng đích luôn =))

**MrKen** · 15.06.2015 / 21:15

trong thư viện thì đặt trực tiếp chứ cần get làm gì nữa

**MrKen** · 15.06.2015 / 21:16

hanhphucao đã viết ↑

Chú bỏ cái trang báo liên lết ngoài đi cái, đến thẳng đích luôn =))

vào đây mà cài nhé http://phonho.net/users/profil ... tings

**MrKen** · 15.06.2015 / 21:21

mà hỏi gì vào lưu bút đi, làm loãng hết cả diễn đàn nhà người ta. mai làm cái chat box ở trang chủ cho mà chém

**hanhphucao** · 15.06.2015 / 21:30

đặt title theo twig nó lỗi dấu nên tui mới dùng cái này ấy chứ =) mà lưu bút lỗi cái gì khi post xong ấy

**MrKen** · 15.06.2015 / 21:45

nghĩ đi , có gì là không thể