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

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

1/Thay nền bên ngoài

#friendlist_module .rc_bd {background:url(link hình,đây là nền cho tiêuđề )
#653e16 top right repeat;}
#friendlist_module .bd {background:url(linh hình của bạn ) #653e16 bottom right
no-repeat;}
2/Thêm viền cho mỗi avatar :

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;}

3> 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 cam là ảnh ban đầu
  Link màu xanh là ảnh xuất hiện khi rê chuột vào.