Thiết kế đường viền cho Yahoo 360 Plus

Border mặc định màu trắng của Yahoo thật buồn chán, tẻ nhạc, thay đổi nhé, làm một đường viền thật đặc biệt cho blog của bạn ...

* Đối với Border dài :
Đầu tiên, tự thiết kế hình ảnh Border trong Photoshop ( hay phần mềm đồ hoạ khác ) với tỉ lệ và số lượng 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

Thực hiện đoạn Code nà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 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;}

* Đối với Border ngắn :
_ Các hình ảnh Border 5x5 rất dể làm và dễ kiếm ...

_ Copy đoạn Code này vào:
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;}


- Một số mẫu 5x5 đơn giản :