[Codes] Tạo Icon trước nick bằng Css

First topic message reminder :

Các bạn chèn vào css nhá :

Code:

/* icon truoc nick*/
span[style="color: rgb(0, 0, 0);"]:before{content: url(http://i41.servimg.com/u/f41/16/41/29/13/member10.gif);}
span[style="color:#000000"]:before{content: url(http://i41.servimg.com/u/f41/16/41/29/13/member10.gif);}

span[style="color: rgb(57, 219, 24);"]:before{content: url(http://i64.servimg.com/u/f64/15/44/78/93/mod10.gif);}
span[style="color:#39DB18"]:before{content: url(http://i64.servimg.com/u/f64/15/44/78/93/mod10.gif);}

span[style="color: rgb(0, 128, 0);"]:before{content: url(http://i41.servimg.com/u/f41/16/41/29/13/memfam10.gif);}
span[style="color:#008000"]:before{content: url(http://i41.servimg.com/u/f41/16/41/29/13/memfam10.gif);}

span[style="color: rgb(242, 0, 0);"]:before{content: url(http://i64.servimg.com/u/f64/13/54/69/46/admin11.gif);}
span[style="color:#F20000"]:before{content: url(http://i64.servimg.com/u/f64/13/54/69/46/admin11.gif);}
span[style="color: rgb(255, 84, 235);"]:before{content: url(http://i41.servimg.com/u/f41/16/41/29/13/a310.gif);}
span[style="color:#FF54EB"]:before{content: url(http://i41.servimg.com/u/f41/16/41/29/13/a310.gif);}

span[style="color: rgb(130, 31, 31);"]:before{content: url(http://i64.servimg.com/u/f64/15/44/78/93/admini10.gif);}
span[style="color:#821F1F"]:before{content: url(http://i64.servimg.com/u/f64/15/44/78/93/admini10.gif);}

span[style="color: rgb(38, 171, 5);"]:before{content: url(http://congdongvip.com/forum/images/group/smod.gif);}
span[style="color:#26AB05"]:before{content: url(http://congdongvip.com/forum/images/group/smod.gif);}
span[style="color: rgb(252, 0, 101);"]:before{content: url(http://i34.servimg.com/u/f34/15/44/78/93/mod10.gif);}
span[style="color:#FC0065"]:before{content: url(http://i34.servimg.com/u/f34/15/44/78/93/mod10.gif);}

span[style="color: rgb(255, 68, 0);"]:before{content: url(http://i41.servimg.com/u/f41/16/41/29/13/vinhcu11.gif);}
span[style="color:#FF4400"]:before{content: url(http://i41.servimg.com/u/f41/16/41/29/13/vinhcu11.gif);}
span[style="color: rgb(0, 191, 255);"]:before{content: url(http://i41.servimg.com/u/f41/16/41/29/13/phofam10.gif);}
span[style="color:#00BFFF"]:before{content: url(http://i41.servimg.com/u/f41/16/41/29/13/phofam10.gif);}
/* Icon truoc nick */

Khi chèn vào bạn muốn sửa thì làm như thế này. Mình ví dụ 1 cái nhá

Code:

span[style="color: rgb(0, 0, 0);"]:before{content: url(http://i41.servimg.com/u/f41/16/41/29/13/member10.gif);}
span[style="color:#000000"]:before{content: url(http://i41.servimg.com/u/f41/16/41/29/13/member10.gif);}


Trong đó :

https://i.servimg.com/u/f41/16/41/29/13/member10.gif

là link ảnh cần hiện cho Nhóm đó
Và

0, 0, 0

với

#000000

Thay giống như thế này nhá :
https://i.servimg.com/u/f24/14/64/54/11/nick210.jpg
Vào nhóm bạn cần thay lấy mã nhé
Cái này định không ghi nguồn do code của 4rum mình mà có cậu bắt ghi nguồn đành vậy :
Nguồn : Chinhphuc.info

cho Bim xin cái nguồn đi nghen.hehe

ỦA ? codes này là của CP viết mà. My edit lại nguồn nhá .hjhj

Trà My đã viết:ỦA ? codes này là của CP viết mà. My edit lại nguồn nhá .hjhj

Anh sài code này lâu rùi khi để về 4rum mình. Anh lấy từ 4rum mình vào nên để nguồn của 4rum mình mừ :cmt:

xuanlocpro đã viết:

Trà My đã viết:ỦA ? codes này là của CP viết mà. My edit lại nguồn nhá .hjhj

Anh sài code này lâu rùi khi để về 4rum mình. Anh lấy từ 4rum mình vào nên để nguồn của 4rum mình mừ :cmt:

Lạ nhỉ???
Thôi nếu vậy a edit lại !

Nói tóm lại nhé
Hãy lấy nguồn từ nơi bạn lấy để làm đẹp rum bạn.
Đừng tranh nhau đua đòi cái nguồn làm chi.

-CuBimtQ đã viết:Nói tóm lại nhé
Hãy lấy nguồn từ nơi bạn lấy để làm đẹp rum bạn.
Đừng tranh nhau đua đòi cái nguồn làm chi.

Nói thẳng ra đi tớ ngu chả hiểu âu

xuanlocpro đã viết:

-CuBimtQ đã viết:Nói tóm lại nhé
Hãy lấy nguồn từ nơi bạn lấy để làm đẹp rum bạn.
Đừng tranh nhau đua đòi cái nguồn làm chi.

Nói thẳng ra đi tớ ngu chả hiểu âu

ec ec.
Ví dụ nhé.
Bạn lấy bài viết do Handsomevip007 viết ở Chinhphuc.info.
Thì bạn ghi nguồn là:
Nguồn : Handsomevip007 - CP

-CuBimtQ đã viết:

xuanlocpro đã viết:

-CuBimtQ đã viết:Nói tóm lại nhé
Hãy lấy nguồn từ nơi bạn lấy để làm đẹp rum bạn.
Đừng tranh nhau đua đòi cái nguồn làm chi.

Nói thẳng ra đi tớ ngu chả hiểu âu

ec ec.
Ví dụ nhé.
Bạn lấy bài viết do Handsomevip007 viết ở Chinhphuc.info.
Thì bạn ghi nguồn là:
Nguồn : Handsomevip007 - CP

Tớ lấy ở đâu tớ cũng chả nhớ thì ghi như thế nào :cmt:

0,0,0 Là Điền Cái Gì Đấy Mấy Bạn

namnam đã viết:0,0,0 Là Điền Cái Gì Đấy Mấy Bạn

Là mã RGB đó a!^^!

Thanks Trà My Nha A Làm Được Rồi

??????

xem cái nào ;;)

Dùng Chrome thì hiện được icon. Còn Firefox lại không hiện được. Hic

đâu có ? FF vẫn nhìn thấy mà ?
chỉ có IE là k nhìn thấy thui ~

nhưng cái đó lỗi thời mà cũng đẹp :D

cảm ơn nhá ! cái này mà làm cho Bang Hội thì tuyệt ! mà muốn thêm nhóm thì làm thế nào

k thấy nút thank

nút like bên dưới kìa @_@

vẫn chưa thấy chỉ dõ đi

ê muốn thêm nhóm thì phải làm sao

ngày trở lại đã viết:ê muốn thêm nhóm thì phải làm sao

thêm nhóm thì thêm codes

Trà My đã viết:

ngày trở lại đã viết:ê muốn thêm nhóm thì phải làm sao

thêm nhóm thì thêm codes

Với những ng mới vào nghề cậu nói thế ng ta bik sao đc hjx

ngày trở lại đã viết:ê muốn thêm nhóm thì phải làm sao

Muốn thêm nhóm thì bạn làn như sau:
ACP > Quản lý ngưòi dùng và quản lý nhóm > Quản lý nhóm > tạo thêm 1 nhóm với yêu cầu của bạn.
Tạo xong rồi vào CSS
Chèn thêm code này xuống dưới rồi thay mã màu, RGB, link icons

Code:

span[style="color: rgb(0, 0, 0);"]:before{content: url(http://i41.servimg.com/u/f41/16/41/29/13/member10.gif);}
span[style="color:#000000"]:before{content: url(http://i41.servimg.com/u/f41/16/41/29/13/member10.gif);}

SAu đó ẩn chấp nhận.
Oke lun.hehe

ok thank