Bạn có muốn tạo cho mình 1 Border đặc biệt, khác với Border màu trắng tẻ nhạt Yahoo mặc định cho bạn ko ???
Nếu muốn thì làm theo cách sau nhé :
Copy đọan Code sau vào CSS :
1> Đối với Border dài :
Code:
#friend-list .rc div, #friendlist_module .rc div, .rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent url(Thay link viền trên) no-repeat right bottom;} #friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(Thay Link Viền bên Fải) no-repeat left bottom;} #friend-list .rc_bd div.rc_bc, #friendlist_module .rc_bd div.rc_bc, .rc_bd div.rc_bc, #subscribe_highlight .rc_bd div.rc_bc, #mod-tagged-frd-article .rc_bd div.rc_bc {background:transparent url(Thay Link nút bên trái fía trên) repeat-y right top;} #friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd {background:transparent url(Thay link ảnh Viền bên trái) repeat-y ;} #friend-list .rc_ft div, #friendlist_module .rc_ft div, .rc_ft div, #subscribe_highlight .rc_ft div, #mod-tagged-frd-article .rc_ft div {background:transparent url(Thay Link ảnh Viền Dưới) no-repeat right top;} #friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {background:transparent url(Thay Link ảnh nút trái fía dưới) no-repeat left top;}
Còn các ảnh Border, bạn có thể tự thiết kế bằng PTS với khung hình như sau :
2 đường viền ngang : 1024 x 5
2 đường kẻ dọc : 5 x 10
2 nút bên trái góc trên và dưới khung : 5 x 5
(Nguồn : Blog Vũ Nguyễn)
2> Đối với Border ngắn ( ảnh 5x5 )
Nếu thấy khó hiểu, bạn có thể chỉ cần làm 1 hình kích thước 5 x 5 thôi vào bỏ vào Code hết sau sửa lại thành như vầy :
Code:
#friend-list .rc div, #friendlist_module .rc div, .rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent url(Thay link ảnh 5x5) repeat-x right bottom;} #friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(Thay link ảnh 5x5) no-repeat left bottom;} #friend-list .rc_bd div.rc_bc, #friendlist_module .rc_bd div.rc_bc, .rc_bd div.rc_bc, #subscribe_highlight .rc_bd div.rc_bc, #mod-tagged-frd-article .rc_bd div.rc_bc {background:transparent url(Thay link ảnh 5x5) repeat-y right top;} #friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd {background:transparent url(Thay link ảnh 5x5) repeat-y ;} #friend-list .rc_ft div, #friendlist_module .rc_ft div, .rc_ft div, #subscribe_highlight .rc_ft div, #mod-tagged-frd-article .rc_ft div {background:transparent url(Thay link ảnh 5x5) repeat-x right top;} #friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {background:transparent url(Thay link ảnh 5x5) no-repeat left top;}
. Các ảnh 5x5 thì rất dễ tạo, có thể cắt từ các hình động, hay viền đẹp nào đó .Hơi đơn điệu xíu nhưng ... có còn hơn ko