[Code] Icon trước và sau tên nick chỉ với 1 đoạn code

[Bỏ.Rơi[...]]

Code:

a[href="/u1"]:before {content: url(http://i625.photobucket.com/albums/tt332/lightningninja1511/Animation%20icon/catl.gif);}
a[href="/u1"]:after {content: url(http://i625.photobucket.com/albums/tt332/lightningninja1511/Animation%20icon/catr.gif);}

Ví dụ : Admin

Trong đó /u1 là số thứ tự của member

Code gốc:

Code:

a[href="/u1"]:before {content: url(Link ảnh icon trước);}
a[href="/u1"]:after {content: url(Link ảnh icon sau);}

Cho vào Display -> Colors -> CSS là xài được

[baivong]

code này mà phải viết tut mới nữa sao? sao bạn không làm nó phức tạp hơn 1 tý như là đổi hình ảnh khi rê chuột vào a:hover và khi đã xem a:visited, đang hoạt động a:active
Thay xong 4 ảnh như vậy bạn sẽ có cái gọi là tuỳ biến CSS

[Trung H]

code này có một bất lợi đó là không đặt Icon cho member, vip member hay Fridenly được vì nó không có cách nào tự động hóa Icon trước tên thành viên
Tất nhất là để 1 CSS after là đủ còn dùng thì vẫn là Icon của Thuận

[Khách v]

dù gì cũng thanks

[loccntp]

mà cái này bỏ vào đâu mới được chứ.

[Zero]

mà cái này bỏ vào đâu mới được chứ.

Display -> Color -> CSS

[Eagle8x]

Đã thấy TUT này trên FM, đã có code này trên . Ku Véc là ai?

[hunghsmn]

Mình thích kiểu này hơn kiểu làm cho cả nhóm, vì nó không làm chữ đậm lên, không cần phải có màu chữ làm bẩn forum.

Có chia sẻ trên lâu rồi, nhưng mình làm không được, vì: với cách này Không thể thích làm cho ai thì làm, không thể làm chặn đầu chặn đuôi được mà phải làm tuần tự. Nghĩa là không lể làm cho u3 nếu chưa làm cho u2. Đây là nhược điểm lớn nhất nếu ai khắc phục được mình xin cám ơn

[Trọng Tuấn]

Mình thích kiểu này hơn kiểu làm cho cả nhóm, vì nó không làm chữ đậm lên, không cần phải có màu chữ làm bẩn forum.

Có chia sẻ trên lâu rồi, nhưng mình làm không được, vì: với cách này Không thể thích làm cho ai thì làm, không thể làm chặn đầu chặn đuôi được mà phải làm tuần tự. Nghĩa là không lể làm cho u3 nếu chưa làm cho u2. Đây là nhược điểm lớn nhất nếu ai khắc phục được mình xin cám ơn

Vote bác một phiếu
Còn cháu, dùng cái kia thì phải thêm một đoạn JS, mà một số trình duyệt chỉ có một đến hai file JS thôi là cũng lag rồi ạ

[Trọng Tuấn]

P/S: Code trên không ổn, nó sẽ dính vào Avatar

[quochuy7916]

*** đái

[Zero]

*** đái

Cảnh cáo: Cấm nói bậy , cp là forum lành mạnh không phải chỗ để văng tục

[baivong]

vl

[Sấm]

vl

==" .... Cais gì đấy . Không văng tục ở đây nhé bạn

[Bỏ.Rơi[...]]

không dùng thì đừng nói năng lung tung

[anhtoi01]

nó dính vào avatar mới gê chứ

[mkkpro199x]

cái này cũng dc

[dothinh]

Dùng cái này chỗ nào có ....../u1 cũng dính tất, ko ngoại trừ avatar

[Bỏ.Rơi[...]]

Bỏ đoạn code này vào Css (Display -> Colors -> Css Stylesheet)

Code:

span[style="color: rgb(191, 0, 255);"],span[style="color:#8C00FF"],span[style="color: rgb(255, 102, 0);"],span[style="color:#00E82E"],span[style="color: rgb(0, 191, 0);"],span[style="color:#0022FF"],span[style="color: rgb(250, 0, 0);"],span[style="color:#FF8C00"]span[style="color: rgb(255,255,255);"],span[style="color:#FF0091"],span[style="color: rgb(89, 89, 89);"],span[style="color:#00EEFF"]
span[style="color: rgb(0, 4, 255);"]:before{content: url();padding-right:2px;}
span[style="color:"]:before{content: url();padding-right:2px;}

span[style="color: rgb(255, 102, 0);"]:before{content: url(link icon 1);padding-right:2px;}
span[style="color:#00E82E"]:before{content: url(link icon 1);padding-right:2px;}

span[style="color: rgb(0, 191, 0);"]:before{content: url(link icon 2);padding-right:2px;}
span[style="color:#0022FF"]:before{content: url(link icon 2);padding-right:2px;}

span[style="color: rgb(250, 0, 0);"]:before{content: url(link icon 3);padding-right:2px;}
span[style="color:#FF8C00"]:before{content: url(link icon 3);padding-right:2px;}

span[style="color: rgb(255,255,255);"]:before{content: url(link icon 4);padding-right:2px;}
span[style="color:#FF0091"]:before{content: url(link icon 4);padding-right:2px;}

span[style="color: rgb(89, 89, 89);"]:before{content: url(link icon 5);padding-right:2px;}
span[style="color:#00EEFF"]:before{content: url(link icon 5);padding-right:2px;}

Code:

[url=http://yoteen.ace.st]Click to see demo[/url]

Lưu ý: Thay mã màu và link hình icon cho phù hợp !!

[tieulinh_huy_hp]

Cái này de hon cua anh thuan thanks

[FourEyes]

Sao code này em chèn ở CSS mà nó chả hiện ta @@

[IceFox]

Lưu ý: Thay mã màu và link hình icon cho phù hợp !!

[zidayku123456789]

thay vao ma no van k ra

[Mr.Win™]

Hay ! Vote ! .....................:D

[Sấm]

Cái này

[zidayku123456789]

ai chỉ mình làm k ....

[Sấm]

Icon bằng css đã share!!!!

[Cáo Già Đeo Nơ]

mình vẫn chuộng cái js hơn.

[zidayku123456789]

cho xin link dc k.......

[Bỏ.Rơi[...]]

@Sấm: nếu share rồi cho xin lỗi tại vì ko thấy nên mình mới share
@zidayku123456789: link j bạn ??

[Sponsored content]