Gốc > Thế giới Tin học > Thủ thuật > Làm đẹp cho blog >
10 bộ CSS làm viền cho Blog Plus (border)
Sau đây là các ảnh Border : ( Right Click và Chọn Save Image sau đó up lên Host như photobucket nhé ! )
Dưới đây là các đọan code có sẵn kèm theo hình ảnh border cho các bạn, chỉ việc copy và Paste vào CSS thôi nhé. Lưu ý : Do Blog Test mình chỉ dùng có 1 hình nền đó nên 1 số border bỏ vào chưa chắc đã hợp và đẹp, vì vậy các bạn đừng vội đánh giá mà hãy bỏ vào blog mình trước đã nhé ! ( Rê chuột vào ảnh để phóng lớn):
2> Border 2 :
3> Border 3 :
4> Border 4 :
5> Border 5 :
6 > Border 6 :
7> Border 7 :
8> Border 8 :
9> Border 9 :
10> Border 10 :
Bài viết của W.Dephia's Blog,
Sưu tầm
Lê Khắc Thành Đạt @ 08:54 12/08/2010
Số lượt xem: 734
Bạn chọn Border ưng ý rồi up lên host và thay link vào đọan Code dưới đây nhé :
#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 Border 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 Border 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 Border 5x5 repeat-y right top;}/*Bản quyền thuộc về W.Dephia'sBlog*/#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 Border 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 Border 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 Border 5x5 no-repeat left top;} |
Dưới đây là các đọan code có sẵn kèm theo hình ảnh border cho các bạn, chỉ việc copy và Paste vào CSS thôi nhé. Lưu ý : Do Blog Test mình chỉ dùng có 1 hình nền đó nên 1 số border bỏ vào chưa chắc đã hợp và đẹp, vì vậy các bạn đừng vội đánh giá mà hãy bỏ vào blog mình trước đã nhé ! ( Rê chuột vào ảnh để phóng lớn):
1> Border 1 :
Ảnh :
Code :
| #friend-list .rc div, #friendlist_module .rc div, .rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent url(http://files.myopera.com/wdephia/Blog/shareborder2/1.gif) repeat-x right bottom;} #friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(http://files.myopera.com/wdephia/Blog/shareborder2/1.gif) 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(http://files.myopera.com/wdephia/Blog/shareborder2/1.gif) repeat-y right top;}/*Bản quyền thuộc về W.Dephia'sBlog*/ #friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd {background:transparent url(http://files.myopera.com/wdephia/Blog/shareborder2/1.gif) 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(http://files.myopera.com/wdephia/Blog/shareborder2/1.gif) 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(http://files.myopera.com/wdephia/Blog/shareborder2/1.gif) no-repeat left top;} |
2> Border 2 :
Ảnh :
Code:
| #friend-list .rc div, #friendlist_module .rc div, .rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent url(http://files.myopera.com/wdephia/Blog/shareborder2/2.gif) repeat-x right bottom;} #friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(http://files.myopera.com/wdephia/Blog/shareborder2/2.gif) 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(http://files.myopera.com/wdephia/Blog/shareborder2/2.gif) repeat-y right top;}/*Bản quyền thuộc về W.Dephia'sBlog*/ #friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd {background:transparent url(http://files.myopera.com/wdephia/Blog/shareborder2/2.gif) 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(http://files.myopera.com/wdephia/Blog/shareborder2/2.gif) 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(http://files.myopera.com/wdephia/Blog/shareborder2/2.gif) no-repeat left top;} |
Ảnh :
Code :
| #friend-list .rc div, #friendlist_module .rc div, .rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent url(http://files.myopera.com/wdephia/Blog/shareborder2/3.gif) repeat-x right bottom;} #friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(http://files.myopera.com/wdephia/Blog/shareborder2/3.gif) 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(http://files.myopera.com/wdephia/Blog/shareborder2/3.gif) repeat-y right top;}/*Bản quyền thuộc về W.Dephia'sBlog*/ #friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd {background:transparent url(http://files.myopera.com/wdephia/Blog/shareborder2/3.gif) 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(http://files.myopera.com/wdephia/Blog/shareborder2/3.gif) 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(http://files.myopera.com/wdephia/Blog/shareborder2/3.gif) no-repeat left top;} |
4> Border 4 :
Ảnh :
Code :
| #friend-list .rc div, #friendlist_module .rc div, .rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent url(http://files.myopera.com/wdephia/Blog/shareborder2/4.gif) repeat-x right bottom;} #friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(http://files.myopera.com/wdephia/Blog/shareborder2/4.gif) 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(http://files.myopera.com/wdephia/Blog/shareborder2/4.gif) repeat-y right top;}/*Bản quyền thuộc về W.Dephia'sBlog*/ #friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd {background:transparent url(http://files.myopera.com/wdephia/Blog/shareborder2/4.gif) 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(http://files.myopera.com/wdephia/Blog/shareborder2/4.gif) 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(http://files.myopera.com/wdephia/Blog/shareborder2/4.gif) no-repeat left top;} |
Ảnh :
Code :
| #friend-list .rc div, #friendlist_module .rc div, .rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent url(http://files.myopera.com/wdephia/Blog/shareborder2/5.gif) repeat-x right bottom;} #friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(http://files.myopera.com/wdephia/Blog/shareborder2/5.gif) 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(http://files.myopera.com/wdephia/Blog/shareborder2/5.gif) repeat-y right top;}/*Bản quyền thuộc về W.Dephia'sBlog*/ #friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd {background:transparent url(http://files.myopera.com/wdephia/Blog/shareborder2/5.gif) 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(http://files.myopera.com/wdephia/Blog/shareborder2/5.gif) 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(http://files.myopera.com/wdephia/Blog/shareborder2/5.gif) no-repeat left top;} |
Ảnh :
Code :
| #friend-list .rc div, #friendlist_module .rc div, .rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent url(http://files.myopera.com/wdephia/Blog/shareborder2/6.gif) repeat-x right bottom;} #friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(http://files.myopera.com/wdephia/Blog/shareborder2/6.gif) 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(http://files.myopera.com/wdephia/Blog/shareborder2/6.gif) repeat-y right top;}/*Bản quyền thuộc về W.Dephia'sBlog*/ #friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd {background:transparent url(http://files.myopera.com/wdephia/Blog/shareborder2/6.gif) 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(http://files.myopera.com/wdephia/Blog/shareborder2/6.gif) 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(http://files.myopera.com/wdephia/Blog/shareborder2/6.gif) no-repeat left top;} |
Ảnh :
Code :
| #friend-list .rc div, #friendlist_module .rc div, .rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent url(http://files.myopera.com/wdephia/Blog/shareborder2/7.gif) repeat-x right bottom;} #friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(http://files.myopera.com/wdephia/Blog/shareborder2/7.gif) 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(http://files.myopera.com/wdephia/Blog/shareborder2/7.gif) repeat-y right top;}/*Bản quyền thuộc về W.Dephia'sBlog*/ #friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd {background:transparent url(http://files.myopera.com/wdephia/Blog/shareborder2/7.gif) 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(http://files.myopera.com/wdephia/Blog/shareborder2/7.gif) 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(http://files.myopera.com/wdephia/Blog/shareborder2/7.gif) no-repeat left top;} |
8> Border 8 :
Ảnh :
Code :
| #friend-list .rc div, #friendlist_module .rc div, .rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent url(http://files.myopera.com/wdephia/Blog/shareborder2/8.gif) repeat-x right bottom;} #friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(http://files.myopera.com/wdephia/Blog/shareborder2/8.gif) 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(http://files.myopera.com/wdephia/Blog/shareborder2/8.gif) repeat-y right top;}/*Bản quyền thuộc về W.Dephia'sBlog*/ #friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd {background:transparent url(http://files.myopera.com/wdephia/Blog/shareborder2/8.gif) 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(http://files.myopera.com/wdephia/Blog/shareborder2/8.gif) 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(http://files.myopera.com/wdephia/Blog/shareborder2/8.gif) no-repeat left top;} |
9> Border 9 :
Ảnh :
Code :
| #friend-list .rc div, #friendlist_module .rc div, .rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent url(http://files.myopera.com/wdephia/Blog/shareborder2/9.gif) repeat-x right bottom;} #friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(http://files.myopera.com/wdephia/Blog/shareborder2/9.gif) 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(http://files.myopera.com/wdephia/Blog/shareborder2/9.gif) repeat-y right top;}/*Bản quyền thuộc về W.Dephia'sBlog*/ #friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd {background:transparent url(http://files.myopera.com/wdephia/Blog/shareborder2/9.gif) 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(http://files.myopera.com/wdephia/Blog/shareborder2/9.gif) 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(http://files.myopera.com/wdephia/Blog/shareborder2/9.gif) no-repeat left top;} |
10> Border 10 :
Ảnh :
Code :
| #friend-list .rc div, #friendlist_module .rc div, .rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent url(http://files.myopera.com/wdephia/Blog/shareborder2/10.gif) repeat-x right bottom;} #friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(http://files.myopera.com/wdephia/Blog/shareborder2/10.gif) 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(http://files.myopera.com/wdephia/Blog/shareborder2/10.gif) repeat-y right top;}/*Bản quyền thuộc về W.Dephia'sBlog*/ #friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd {background:transparent url(http://files.myopera.com/wdephia/Blog/shareborder2/10.gif) 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(http://files.myopera.com/wdephia/Blog/shareborder2/10.gif) 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(http://files.myopera.com/wdephia/Blog/shareborder2/10.gif) no-repeat left top;} |
Bài viết của W.Dephia's Blog,
Sưu tầm
Lê Khắc Thành Đạt @ 08:54 12/08/2010
Số lượt xem: 734
Số lượt thích:
0 người
- CSS làm biến mất tên Module (12/08/10)
Các ý kiến mới nhất