Oº°‘¨ [C]hia [S]ẻ [O]nline ¨‘°ºO
♥️Chào Mừng Các Bạn Ghé Thăm Forum Chia Sẻ Online♥️
Rất mong các bạn đăng ký làm thành viên để cùng
nhau chia sẻ mọi nỗi buồn vui
Chúc các bạn có những phút thư giãn vui vẻ
♥️Welcome to forum Chia Sẻ Online♥️
Welcome Guest, is this your first visit? Register
All times are GMT. The time now is 07:28 AM.

You are not connected. Please login or register

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

Chuyển đến trang : Previous  1, 2

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 2 trong tổng số 2 trang]

1 [Codes] Tạo Icon trước nick bằng Css on Wed Apr 04, 2012 1:49 pm

Luffy-Chin

avatar
Thành Viên
Thành Viên
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 đó :
là link ảnh cần hiện cho Nhóm đó
0, 0, 0
với
#000000
Thay giống như thế này nhá :
http://i24.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



Được sửa bởi xuanlocpro ngày Wed Apr 04, 2012 4:18 pm; sửa lần 1.

Xem lý lịch thành viên http://www.onepiecefm.net/

dav_ka

avatar
Thành Viên
Thành Viên
nhưng cái đó lỗi thời mà cũng đẹp :D

Xem lý lịch thành viên http://hatuk9.co.cc

chemgio24h

avatar
Thành Viên
Thành Viên
9 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

Xem lý lịch thành viên http://chiaseonline.us.to/register?agreed=true&step=2

chemgio24h

avatar
Thành Viên
Thành Viên
k thấy nút thank 1

Xem lý lịch thành viên http://chiaseonline.us.to/register?agreed=true&step=2

Admin

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



Xem lý lịch thành viên http://chiaseonline.forumvi.com/

chemgio24h

avatar
Thành Viên
Thành Viên
vẫn chưa thấy chỉ dõ đi

Xem lý lịch thành viên http://chiaseonline.us.to/register?agreed=true&step=2

ngày trở lại

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

Xem lý lịch thành viên http://me.zing.vn/apps/hangrong?_src=m

32 Re: [Codes] Tạo Icon trước nick bằng Css on Fri Jun 01, 2012 12:37 pm

Admin

avatar
Administrators
Administrators
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



Xem lý lịch thành viên http://chiaseonline.forumvi.com/

anhdausai

avatar
Thành Viên
Thành Viên
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

Xem lý lịch thành viên http://lythuongkiet.yourme.net
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

Xem lý lịch thành viên http://streetcrew.forum.st/

ngày trở lại

avatar
Thành Viên
Thành Viên
ok thank

Xem lý lịch thành viên http://me.zing.vn/apps/hangrong?_src=m

36 Re: [Codes] Tạo Icon trước nick bằng Css on Sun Jul 22, 2012 10:00 pm

HoàngTửNaivip5p

avatar
Thành Viên
Thành Viên
thank luffy nhé! Icons đẹp lắm áh! Vote... bùm

Xem lý lịch thành viên http://shun----showluo.forumvi.com/

Sponsored content


Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 2 trong tổng số 2 trang]

Chuyển đến trang : Previous  1, 2

Permissions in this forum:
Bạn không có quyền trả lời bài viết