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 : 1, 2  Next

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 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
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/

namnam

avatar
Thành Viên
Thành Viên
bạn có cách nào làm cho phần lastopic nó hiện lên được không mình làm nhưng chỉ hiện ở topposter thui

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

Luffy-Chin

avatar
Thành Viên
Thành Viên
namnam đã viết:bạn có cách nào làm cho phần lastopic nó hiện lên được không mình làm nhưng chỉ hiện ở topposter thui
Cậu làm theo bài hướng dẫn này hả

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

namnam

avatar
Thành Viên
Thành Viên
không nam đang hỏi bạn thế. Như kiểu của a2 ý. forum mình nó không hiện số bài viết trong topposter. Nếu làm code icon thì không hiện trong lastopic như của a2 được

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

Luffy-Chin

avatar
Thành Viên
Thành Viên
namnam đã viết:không nam đang hỏi bạn thế. Như kiểu của a2 ý. forum mình nó không hiện số bài viết trong topposter. Nếu làm code icon thì không hiện trong lastopic như của a2 được
Xin cậu đưa Demo. A2 nào nhỉ :cmt:

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

namnam

avatar
Thành Viên
Thành Viên
http://maikhongquen.forumvi.com/t160p10-topic#1131 đấy nam cần nó hiện số bài post và có tên ở lastopic thui

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

Luffy-Chin

avatar
Thành Viên
Thành Viên
namnam đã viết:http://maikhongquen.forumvi.com/t160p10-topic#1131 đấy nam cần nó hiện số bài post và có tên ở lastopic thui
Nếu muốn hiện trong Last nói riêng và toàn 4rum nói chung thì Nam làm thử theo hướng dẫn trên đó đi. Nếu không tin Nam thử xem Demo của 4rum mình nè http://opclan.123.st/

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

namnam

avatar
Thành Viên
Thành Viên
mình xem rồi nhưng mình thích cái giống a2 ý hehe. Bạn Giúp nam đi

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

Luffy-Chin

avatar
Thành Viên
Thành Viên
namnam đã viết:mình xem rồi nhưng mình thích cái giống a2 ý hehe. Bạn Giúp nam đi
Đây của Nam.
Code:
span[style="color: rgb(255, 0, 0);"]:before{content: url(http://i43.servimg.com/u/f43/17/13/57/07/admin10.gif);padding-right:2px;}
span[style="color:#FA0000"]:before{content: url(http://i43.servimg.com/u/f43/17/13/57/07/admin10.gif);padding-right:2px;}

 span[style="color: rgb(0, 230, 46);"]:before{content: url(http://forum.ueh.vn/images/misc/ctv.gif);padding-right:2px;}
span[style="color:#00E62E"]:before{content: url(http://forum.ueh.vn/images/misc/ctv.gif);padding-right:2px;}

span[style="color: rgb(0, 0, 156);"]:before{content: url(http://i65.servimg.com/u/f65/15/75/59/85/mod11.gif);padding-right:2px;}
span[style="color:#00009C"]:before{content: url(http://i65.servimg.com/u/f65/15/75/59/85/mod11.gif);padding-right:2px;}

span[style="color: rgb(164, 0, 179);"]:before{content: url(http://forum.mu-viet.info/diendan/images/smilies/vip.gif);padding-right:2px;}
span[style="color:#A400B3"]:before{content: url(http://forum.mu-viet.info/diendan/images/smilies/vip.gif);padding-right:2px;}

span[style="color: rgb(0, 178, 222);"]:before{content: url(http://illiweb.com/fa/pbucket.gif);padding-right:2px;}
span[style="color:#00B2DE"]:before{content: url(http://illiweb.com/fa/pbucket.gif);padding-right:2px;}
View-source:
Nam sửa lại theo mã màu nhóm của Forum Nam nhá



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

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

namnam

avatar
Thành Viên
Thành Viên
bạn có nic chat không nam đưa nic pas cho bạn làm hộ nam nha hihi

Xem lý lịch thành viên http://k8fun.yolasite.com
cho Bim xin cái nguồn đi nghen.hehe

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

Admin

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



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

Luffy-Chin

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

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

Admin

avatar
Administrators
Administrators
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 ! Buồn



Xem lý lịch thành viên http://chiaseonline.forumvi.com/
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.

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

Luffy-Chin

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

Xem lý lịch thành viên http://www.onepiecefm.net/
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 Vui vẻ
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

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

18 Re: [Codes] Tạo Icon trước nick bằng Css on Thu Apr 05, 2012 11:42 pm

Luffy-Chin

avatar
Thành Viên
Thành Viên
-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 Vui vẻ
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:

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

namnam

avatar
Thành Viên
Thành Viên
0,0,0 Là Điền Cái Gì Đấy Mấy Bạn

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

20 Re: [Codes] Tạo Icon trước nick bằng Css on Fri Apr 06, 2012 11:01 am

Admin

avatar
Administrators
Administrators
namnam đã viết:0,0,0 Là Điền Cái Gì Đấy Mấy Bạn
Là mã RGB đó a!^^!



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

21 Re: [Codes] Tạo Icon trước nick bằng Css on Fri Apr 06, 2012 11:08 am

namnam

avatar
Thành Viên
Thành Viên
Thanks Trà My Nha A Làm Được Rồi

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

bucnong

avatar
Thành Viên
Thành Viên
??????

Xem lý lịch thành viên http://friendht.4forum.biz

Ty Khoai Lang

avatar
Thành Viên
Thành Viên
xem cái nào ;;)

Xem lý lịch thành viên http://teenhanoi.us.to

24 Re: [Codes] Tạo Icon trước nick bằng Css on Fri May 11, 2012 10:34 am

Nazy9x

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

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

25 Re: [Codes] Tạo Icon trước nick bằng Css on Fri May 11, 2012 10:49 am

Admin

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



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

Sponsored content


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

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

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