Quan trọng
Đăng ngày: 11:59 13-12-2008
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é :
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;}
|
- #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.
Bản quyền thuộc Plus Connect - W-dephia
kitty 09:27 03-11-2009
hay that
ßé_§ÖÇk 17:08 26-10-2009
cam? 0n anh rat nhju` nh0` c0 anh ma em lem` dc bl0g cung tam dc hy`hy`, Ranh? dzo long em xem ruj cho em y' kjen nha anh !!
cU">.<Ghe 22:58 10-10-2009
tim` mai~ deo' thay.nan
♀_ŇĝϋγMϊŋ_♂ 13:52 10-10-2009
uyenhl8x 12:12 10-10-2009
Cho mình hỏi làm sao để dời module friendlist xuống phần cuối trang mà vẫn giữ được tình trạng trong suốt như ở phần cột chính hẹp?
babyxitrum_9xkh0cnhe 08:25 25-09-2009
mailan 22:30 24-09-2009
angel love 16:51 16-09-2009
tep'sconbộ lạc blog 23:41 10-09-2009
SONG NAM 19:34 01-09-2009
♥♥meo con Molly♥♥ 17:52 04-07-2009
minie_s2 21:08 19-06-2009
(¯`•.I'm Kh@nh.•´¯) 10:41 17-06-2009
ViRuZ kAwAiI 03:58 11-06-2009
ngochan_2205 15:41 10-06-2009
plusconnect 11:05 10-06-2009
Heyona 05:12 10-06-2009
™•—»…Ñøø…«—•™ 20:36 26-05-2009
thuychi95 08:34 28-04-2009
Suongcat_saobang25 16:05 17-04-2009
Doc hoai, lam hoai ma khong duoc
pedethuong5354 19:31 31-01-2009
để em làm lại cho anh xem nhá. wa xem zùm em hem?
plusconnect18:25 03-02-2009
pedethuong5354 19:30 31-01-2009
hic.em pảo là nhìn hok ổn nên cho nó trở lại như cũ mà.theo ngiên cưu thì thấy hình như fải cho cái module pạn pè ở vị trì chính jữa thì fải.hiiiiii......đúng hok nah
plusconnect18:24 03-02-2009
pedethuong5354 16:24 31-01-2009
mình làm viền cho avata xong thì cái module pên fải của mình chuyển xuống dưới cuối trang .mình thấy pố cục xấu nên xoá nó di, để bình thường lai.có cách nào làm mà cái module vẫn ở vị trí cũ ko pạn.cám ơn pạn nhìu
plusconnect19:05 31-01-2009
♥-(¯`'•.♥.•'´¯)¨»»¯Zui¯««(¯`'•.♥.•'´¯)-♥ 11:27 29-01-2009
plusconnect14:28 30-01-2009
Chuot 22:02 07-01-2009
plusconnect10:31 08-01-2009
Chuot 23:34 02-01-2009
plusconnect10:23 03-01-2009
Chuot 23:21 02-01-2009
ngaythotieumuoi iu sieunhantrungcut 16:38 01-01-2009
plusconnect10:50 02-01-2009
(¯`•.º-:¦:-Af-:¦:-º.•´¯) 17:09 29-12-2008
plusconnect17:23 29-12-2008