Tìm kiếm
 
 

Display results as :
 


Rechercher Advanced Search

Latest topics
A8 Family
Đoàn kết
Hiệu ứng cho Avatar của Friendlist Module !!! 43
Vui vẻ
Hiệu ứng cho Avatar của Friendlist Module !!! IMG0662A_01
Duyên dáng
Hiệu ứng cho Avatar của Friendlist Module !!! 50-1
Đẹp trai
Hiệu ứng cho Avatar của Friendlist Module !!! 002-1
Ăn chơi
Hiệu ứng cho Avatar của Friendlist Module !!! 7-2
Hồn nhiên
Hiệu ứng cho Avatar của Friendlist Module !!! Copy2ofCopyofDSC04348
Và ....
Hiệu ứng cho Avatar của Friendlist Module !!! 29032009089
Hiệu ứng cho Avatar của Friendlist Module !!! 29032009090
Hiệu ứng cho Avatar của Friendlist Module !!! 29032009095
Hiệu ứng cho Avatar của Friendlist Module !!! A
Hiệu ứng cho Avatar của Friendlist Module !!! Copy2ofCopyofDSC04348
Hiệu ứng cho Avatar của Friendlist Module !!! Copy2ofDSC04352
Hiệu ứng cho Avatar của Friendlist Module !!! Copy3ofDSC04351
Hiệu ứng cho Avatar của Friendlist Module !!! 28e8b48a-453b-4e09-9fee-07c94ca1549
Hiệu ứng cho Avatar của Friendlist Module !!! 7-2
Hiệu ứng cho Avatar của Friendlist Module !!! PICT0008
Hiệu ứng cho Avatar của Friendlist Module !!! H001
Hiệu ứng cho Avatar của Friendlist Module !!! B78d7c10-8f60-44db-a1e9-9235fddcd4c
Hiệu ứng cho Avatar của Friendlist Module !!! 50-1
Hiệu ứng cho Avatar của Friendlist Module !!! 002-1
Hiệu ứng cho Avatar của Friendlist Module !!! PICT0009-1
Hiệu ứng cho Avatar của Friendlist Module !!! Fxv0otV
Hiệu ứng cho Avatar của Friendlist Module !!! 64n34
Hiệu ứng cho Avatar của Friendlist Module !!! Ccef2884-f258-4732-9a53-52b4e336383

Hiệu ứng cho Avatar của Friendlist Module !!! Cuoinay
Hiệu ứng cho Avatar của Friendlist Module !!! B5bce6fb-18a3-4984-b96f-3f1c22e1339
Hiệu ứng cho Avatar của Friendlist Module !!! 000
Hiệu ứng cho Avatar của Friendlist Module !!! IMG0657A
Hiệu ứng cho Avatar của Friendlist Module !!! 43
Hiệu ứng cho Avatar của Friendlist Module !!! SDC10078

Hiệu ứng cho Avatar của Friendlist Module !!!

Go down

Hiệu ứng cho Avatar của Friendlist Module !!! Empty Hiệu ứng cho Avatar của Friendlist Module !!!

Bài gửi by meocon on Fri Jun 05, 2009 5:12 am

Chắc các bạn vào blog mình cũng thấy các đường viền bao quanh mỗi avatar trong danh sách friendlist của mình nhỉ ? Vậy các bạn có muốn làm giống vậy không ??
Nếu muốn thì chúng ta cùng làm nhé :
Hiệu ứng cho Avatar của Friendlist Module !!! 1
Sau đây là cách thực hiện :

1> Thêm viền cho mỗi avatar :

Rất đơn giản, các bạn chỉ việc thêm đọan Code này vào nhé :

Code:
#friendlist_module .rc_bd .rc_bc .hd{height:auto;}
#friendlist_module .rc_bd .rc_bc .bd ul li{border-top:2px dotted #fff;border-right:2px dotted #fff;border-left:2px dotted #fff;}
#friendlist_module .rc_bd .rc_bc .bd ul li:hover{border-top:2px dotted #000;border-right:2px dotted #000;border-left:2px dotted #000;}

Chú ý :

* #fff là mã màu trắng, #000 là màu đen, các bạn có thể thay đổi cho phù hợp với theme của mình nhé . Nếu không biết cách chọn mã màu có thể tham khảo Software này nhé !
* #friendlist_module .rc_bd .rc_bc .bd ul li là thuộc tính của viền lúc ban đầu
* #friendlist_module .rc_bd .rc_bc .bd ul li:hover là thuộc tính của viền khi rê chuột vào.

2> Thêm ảnh nền cho các avatar :

Các bạn thay link ảnh nền vào nhé :

Code:
#friendlist_module .rc_bd .rc_bc .hd{height:auto;}
#friendlist_module .rc_bd .rc_bc .bd ul li{background:transparent url(Link ảnh nền);}
#friendlist_module .rc_bd .rc_bc .bd ul li:hover{background:transparent url(Link ảnh nền);}

Có thể sử dụng 2 ảnh nền khác nhau:

* Link màu xanh là ảnh ban đầu
* Link màu đỏ là ảnh xuất hiện khi rê chuột vào.

Thế thôi. Như vậy là xong cách thêm các đường viền cùng hiệu ứng khi rê chuột vào mỗi avatar trong danh sách friendlist rồi nhé ! Lưu ý, Code chỉ có hiệu quả đối với Friendlist Module thôi . Hy vọng bài viết có ích cho bạn.
meocon
meocon
Admin


Về Đầu Trang Go down

Về Đầu Trang


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