Thay đổi kiểu hiển thị của bài viết tóm tắt

Bản Beta có kiểu hiển thị bài viết nhìn hơi "trống vắng" ở góc phải



Ta sẽ cho phần chữ với hình lại gần cho "ấm áp" nhé



Sử dụng code sau

Quote:

.more-posts .mod-alist .mod-alist-summary-bd .thumbnail{float:left;padding:0 10px 10px 10px;}/*olympia41124*/

Hoặc muốn canh bên phải thì dùng code sau

Quote:

.more-posts .mod-alist .mod-alist-summary-bd .thumbnail{float:right;padding:0 10px 10px 10px;}/*olympia41124*/

Written by olympia41124

Chỉnh lại chiều rộng của các module như bản Plus cũ

Khi sang bản Plus mới thì các module hẹp và rộng ở giữa blog chiều rộng đều tăng lên. Theo một số blogger nhận định thì module hẹp 150 không tăng lên đáng kể. Cái tăng lên đáng kể là module 600 ở giữa. Khi đó một số theme cũ không còn đẹp mà bị lệch một chút





Để giải quyết ta sẽ thu nhỏ chiều rộng module giữa lại bằng code sau

Quote:

.col-600 .mod_all .rc_bd .rc_bc{width:590px;padding:0 0 0 15px;}/*olympia41124*/ #blast .rc_bd .rc_bc{width:auto;}/*vietnam360plus.com*/

Code trên có tác dụng với tất cả các module ở giữa trong trang chính và các module ở các trang phụ khác kể cả module bài viết xem trực tiếp. Trong code trên bạn có thể thay 590 bằng số khác theo ý muốn. Phần padding:0 0 0 15px là để cho module không bị lệch khi thay đổi chiều rộng. Có thể thay 15 bằng số khác theo ý muốn


Ngoài ra để cho các module ở các trang phụ đỡ lệch, sử dụng code sau để canh chỉnh lại

Quote:

#profile_info .rc_bd .rc_bc,#gallery_list .rc_bd .rc_bc,#photo_enlarge .rc_bd .rc_bc,#friend-list .rc_bd .rc_bc,#guestbook-listing .rc_bd .rc_bc,#post_gb .rc_bd .rc_bc{padding:0 0 0 50px;}/*olympia41124*/

Có thể thay số 50 trong code bằng số khác theo ý muốn




Written by olympia41124

Canh chỉnh thanh soạn thảo toolbar comment

Mặc định thanh toolbar sẽ nằm bên trái khung soạn thảo





Muốn canh giữa thì dùng code

Quote:

#bd .rte_toolbar{text-align:center;}/*olympia41124*/

Muốn canh phải thì dùng code

Quote:

#bd .rte_toolbar{text-align:right;padding:0 10px 0 0;}/*olympia41124*/

Ngoài ra muốn định vị toolbar cho phù hợp với nền toolbar có thể dùng code này

Quote:

.rte_btn img{padding:35px 0 0 0;}/*olympia41124*/

Trong đó có thể thay 35 bằng số tùy ý đến khi phù hợp






Written by olympia41124

Thiết kế module bài viết ở từng trang khác nhau

Thiết kế cho module bài viết ở bản Beta mới thật sự rất khó khăn cho các designer Lý do là ở dạng dàn trang 3 cột mà phần lớn blog sử dụng, module bài viết ở trang chính và trang xem trực tiếp có kích thước chiều ngang khác nhau. Vì 2 module này cùng mang tên #article_list_module nên hình design cần thích hợp cho cả 2 kích thước. Điều này làm giảm đi sự sáng tạo của các designer

Tuy nhiên vẫn có cách để giải quyết đó là làm sao tách 2 module này ra 2 tên khác nhau. Có rất nhiều cách thiết kế module bài viết. Trong bài viết này olympia lấy kiểu thiết kế module 3 mảnh để làm ví dụ. Các cách khác làm tương tự. Thay link hình trong code bằng link hình của bạn, thay A bằng chiều cao của hình trong link


Đầu tiên cần sử dụng code trong suốt module bài viết

Quote:

#article_list_module .rc_bd .rc_bc .hd .titlebar .hd,#article_list_module .rc_bd .rc_bc .hd .titlebar, #article_list_module .rc_hd, #article_list_module .rc_hd div, #article_list_module .rc_bd, #article_list_module .rc_bc, #article_list_module .rc_ft, #article_list_module .rc_ft div, #article_list_module .rc_bc .bd, #article_list_module .mod-alist-searchbox input.btn, .cmt-mod-alist .comments-listing .hd, #comment_container li, #bd .rte_toolbar, .mod-trackback #trackback-listing, .mod-trackback ul, #article_list_module .pagination, #yui-main table.data thead th{background:transparent;border-style:none;}/*olympia41124*/ #article_list_module .mod-alist-searchbox input.ipt{background:transparent;}*vietnam360plus.com*/ .cmt-mod-alist .comments-listing .bd, .mod-trackback .bd{background:transparent !important;}/*olympia41124*/

Code thiết kế cho module bài viết ở trang chính


Phần top

Quote:

#article_list_module .rc_hd {background:transparent url(Link hình) no-repeat center bottom;height:Apx;}/*olympia41124*/

Phần center

Quote:

#article_list_module .rc_bd .rc_bc .hd .titlebar,#article_list_module .rc_bd .rc_bc .bd {background:transparent url(Link hình) repeat-y center;}/*olympia41124*/

Phần bottom

Quote:

#article_list_module .rc_ft {background:transparent url(Link hình) no-repeat center top;height:Apx;}/*olympia41124*/

Đến đây thì module bài viết ở trang chính đã được trang trí thật đep





Nhưng khi vào xem trực tiếp một bài viết thì ôi thôi





Để khắc phục tình trạng đó thì các bạn có thể sử dụng code chỉnh chiều rộng module bài viết. Nhưng như thế hơi ... gò bó Ta sẽ giải quyết bằng cách sử dụng code chèn cho riêng module bài viết khi xem trực tiếp

Phần top

Quote:

#single_post #article_list_module .rc_hd {background:transparent url(Link hình) no-repeat center bottom;height:Apx;}/*olympia41124*/

Phần center

Quote:

#single_post #article_list_module .rc_bd .rc_bc .hd .titlebar,#single_post #article_list_module .rc_bd .rc_bc .bd {background:transparent url(Link hình) repeat-y center;}/*olympia41124*/

Phần bottom

Quote:

#single_post #article_list_module .rc_ft {background:transparent url(Link hình) no-repeat center top;height:Apx;}/*olympia41124*/

Như vậy ở đây ta đã có cách thiết kế cho cả 2 module ở 2 dạng khác nhau. Lưu ý là khi sử dụng tên #article_list_module thì có tác dụng cho cả 2 module cả 2 trang, nhưng nếu sử dụng #single_post #article_list_module thì chỉ áp dụng cho trang xem trực tiếp bài viết.


Lời khuyên dành cho các bạn thiết kế nha : chiều rộng của hình nền module bài viết ở trang chính là khoảng 610px, còn ở trang xem trực tiếp là 780px


Ở trong các code chèn 3 mảnh trên có phần nền phần tìm bài viết bị trùng nền. Sử dụng code sau để tạo hiệu quả tốt hơn

Quote:

.mod-alist-searchbox .bd {background:transparent!important;}

Written by olympia41124

Chèn avatar cho chủ blog ở phần comment

Thông thường thì phần comment sẽ có avatar của khách mà chủ blog lại không có avatar



Như thế thì có vẻ bất công quá nhỉ Ta sẽ chèn avatar cho mình ở phần đó. Trước hết các bạn cần tìm một tấm hình làm avatar, lưu ý hình này phải nhỏ có kích thước chiều ngang không được quá 40px, chiều cao thì khoảng 30-50px. Sau đó là dùng code sau để chèn, nhớ thay link hình trong code bằng link hình của bạn

Quote:

.cmt-mod-alist .alist-comment .responding {background:transparent url(Link hình) 0 10px no-repeat!important;padding:10px 0 0 50px!important;}/*olympia41124*/

Nếu bạn muốn chỉnh cho 2 phần comment và trả lời comment cân đối thì dùng code chèn sau

Quote:

.cmt-mod-alist .alist-comment .responding {background:transparent url(Link hình) 0 10px no-repeat!important;padding:10px 0 0 50px!important;margin-left:0px!important;}/*olympia41124*/

Written by olympia41124

Canh chỉnh lại cho nội dung phần comment

Khi các bạn sử dụng code của bài viết [Beta Plus] Chèn icon hoàn chỉnh cho các module thì blog sẽ bị lỗi avatar và nick của khách comment bị "lôi kéo" đụng nóc comment



Mặc dù chỉ là một lỗi nhỏ nhưng khi đó comment nhìn không cân xứng. Ta chỉ cần một code nhỏ để điều chỉnh nó lại cho dễ nhìn hơn

Quote:

.mod_all .cmt-mod-alist .alist-comment ul li{padding:10px 10px 10px 10xp;}/*olympia41124*/

Written by olympia41124

Sửa lỗi khung smile không hiện đầy đủ

Ở bản Plus mới có một lỗi rất khó chịu : khung mặt cười ở phần comment không hiện đầy đủ



Như vậy là còn thiếu một số smile nữa so với khung đầy đủ



Để sửa lỗi này sử dụng code sau

Quote:

.cmt-mod-alist .comments-listing .bd{padding:0 10px 90px 9px;}/*olympia41124*/

Written by olympia41124

Trong suốt mờ cho blast

Bản Beta Plus có blast không được "dễ thương" cho lắm



Hic nhìn cái đuôi của blast giống như sắp ... gãy đến nơi vậy . Chúng ta sẽ trang trí lại cho blast đẹp hơn



Dưới đây là các mẫu blast đủ màu sắc cho các bạn lựa chọn. Hì olympia không giỏi photoshop nên đuôi blast không được đẹp lắm (nhưng còn đỡ hơn cái đuôi ban đầu )

Quote:

#blast .rc_hd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_white.png) no-repeat 0;padding:0 0 0 4px;height:5px;}/*olympia41124*/ #blast .rc_hd div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_div_white.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .rc_bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bd_white.png) repeat-y left top;border-style:none;}/*olympia41124*/ #blast .rc_bd .rc_bc{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bc_white.png) repeat-y right !important;padding:0 5px;border-style:none;}/*vietnam360plus.com*/ #blast .rc_ft{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_white.png) no-repeat 0 0;padding:0 0 0 4px;}/*olympia41124*/ #blast .rc_ft div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_div_white.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .rc_bd .rc_bc .bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/bd_white.png);}/*olympia41124*/ #blast{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/tail_white.png) no-repeat 0 100%;padding:15px 0px 10px 35px;}/*vietnam360plus.com*/ #blast .tail{background:transparent;}/*olympia41124*/

Quote:

#blast .rc_hd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_pink.png) no-repeat 0;padding:0 0 0 4px;height:5px;}/*olympia41124*/ #blast .rc_hd div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_div_pink.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .rc_bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bd_pink.png) repeat-y left top;border-style:none;}/*olympia41124*/ #blast .rc_bd .rc_bc{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bc_pink.png) repeat-y right !important;padding:0 5px;border-style:none;}/*vietnam360plus.com*/ #blast .rc_ft{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_pink.png) no-repeat 0 0;padding:0 0 0 4px;}/*olympia41124*/ #blast .rc_ft div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_div_pink.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .rc_bd .rc_bc .bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/bd_pink.png);}/*olympia41124*/ #blast{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/tail_pink.png) no-repeat 0 100%;padding:15px 0px 10px 35px;}/*vietnam360plus.com*/ #blast .tail{background:transparent;}/*olympia41124*/

Quote:

#blast .rc_hd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_blue.png) no-repeat 0;padding:0 0 0 4px;height:5px;}/*olympia41124*/ #blast .rc_hd div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_div_blue.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .rc_bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bd_blue.png) repeat-y left top;border-style:none;}/*olympia41124*/ #blast .rc_bd .rc_bc{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bc_blue.png) repeat-y right !important;padding:0 5px;border-style:none;}/*vietnam360plus.com*/ #blast .rc_ft{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_blue.png) no-repeat 0 0;padding:0 0 0 4px;}/*olympia41124*/ #blast .rc_ft div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_div_blue.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .rc_bd .rc_bc .bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/bd_blue.png);}/*olympia41124*/ #blast{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/tail_blue.png) no-repeat 0 100%;padding:15px 0px 10px 35px;}/*vietnam360plus.com*/ #blast .tail{background:transparent;}/*olympia41124*/

Quote:

#blast .rc_hd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_yellow.png) no-repeat 0;padding:0 0 0 4px;height:5px;}/*olympia41124*/ #blast .rc_hd div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_div_yellow.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .rc_bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bd_yellow.png) repeat-y left top;border-style:none;}/*olympia41124*/ #blast .rc_bd .rc_bc{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bc_yellow.png) repeat-y right !important;padding:0 5px;border-style:none;}/*vietnam360plus.com*/ #blast .rc_ft{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_yellow.png) no-repeat 0 0;padding:0 0 0 4px;}/*olympia41124*/ #blast .rc_ft div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_div_yellow.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .rc_bd .rc_bc .bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/bd_yellow.png);}/*olympia41124*/ #blast{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/tail_yellow.png) no-repeat 0 100%;padding:15px 0px 10px 35px;}/*vietnam360plus.com*/ #blast .tail{background:transparent;}/*olympia41124*/

Quote:

#blast .rc_hd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_violet.png) no-repeat 0;padding:0 0 0 4px;height:5px;}/*olympia41124*/ #blast .rc_hd div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_div_violet.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .rc_bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bd_violet.png) repeat-y left top;border-style:none;}/*olympia41124*/ #blast .rc_bd .rc_bc{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bc_violet.png) repeat-y right !important;padding:0 5px;border-style:none;}/*vietnam360plus.com*/ #blast .rc_ft{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_violet.png) no-repeat 0 0;padding:0 0 0 4px;}/*olympia41124*/ #blast .rc_ft div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_div_violet.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .rc_bd .rc_bc .bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/bd_violet.png);}/*olympia41124*/ #blast{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/tail_violet.png) no-repeat 0 100%;padding:15px 0px 10px 35px;}/*vietnam360plus.com*/ #blast .tail{background:transparent;}/*olympia41124*/

Quote:

#blast .rc_hd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_red.png) no-repeat 0;padding:0 0 0 4px;height:5px;}/*olympia41124*/ #blast .rc_hd div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_div_red.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .rc_bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bd_red.png) repeat-y left top;border-style:none;}/*olympia41124*/ #blast .rc_bd .rc_bc{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bc_red.png) repeat-y right !important;padding:0 5px;border-style:none;}/*vietnam360plus.com*/ #blast .rc_ft{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_red.png) no-repeat 0 0;padding:0 0 0 4px;}/*olympia41124*/ #blast .rc_ft div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_div_red.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .rc_bd .rc_bc .bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/bd_red.png);}/*olympia41124*/ #blast{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/tail_red.png) no-repeat 0 100%;padding:15px 0px 10px 35px;}/*vietnam360plus.com*/ #blast .tail{background:transparent;}/*olympia41124*/

Quote:

#blast .rc_hd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_orange.png) no-repeat 0;padding:0 0 0 4px;height:5px;}/*olympia41124*/ #blast .rc_hd div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_div_orange.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .rc_bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bd_orange.png) repeat-y left top;border-style:none;}/*olympia41124*/ #blast .rc_bd .rc_bc{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bc_orange.png) repeat-y right !important;padding:0 5px;border-style:none;}/*vietnam360plus.com*/ #blast .rc_ft{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_orange.png) no-repeat 0 0;padding:0 0 0 4px;}/*olympia41124*/ #blast .rc_ft div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_div_orange.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .rc_bd .rc_bc .bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/bd_orange.png);}/*olympia41124*/ #blast{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/tail_orange.png) no-repeat 0 100%;padding:15px 0px 10px 35px;}/*vietnam360plus.com*/ #blast .tail{background:transparent;}/*olympia41124*/

Quote:

#blast .rc_hd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_green.png) no-repeat 0;padding:0 0 0 4px;height:5px;}/*olympia41124*/ #blast .rc_hd div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_div_green.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .rc_bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bd_green.png) repeat-y left top;border-style:none;}/*olympia41124*/ #blast .rc_bd .rc_bc{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bc_green.png) repeat-y right !important;padding:0 5px;border-style:none;}/*vietnam360plus.com*/ #blast .rc_ft{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_green.png) no-repeat 0 0;padding:0 0 0 4px;}/*olympia41124*/ #blast .rc_ft div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_div_green.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .rc_bd .rc_bc .bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/bd_green.png);}/*olympia41124*/ #blast{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/tail_green.png) no-repeat 0 100%;padding:15px 0px 10px 35px;}/*vietnam360plus.com*/ #blast .tail{background:transparent;}/*olympia41124*/

Quote:

#blast .rc_hd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_gray.png) no-repeat 0;padding:0 0 0 4px;height:5px;}/*olympia41124*/ #blast .rc_hd div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_div_gray.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .rc_bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bd_gray.png) repeat-y left top;border-style:none;}/*olympia41124*/ #blast .rc_bd .rc_bc{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bc_gray.png) repeat-y right !important;padding:0 5px;border-style:none;}/*vietnam360plus.com*/ #blast .rc_ft{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_gray.png) no-repeat 0 0;padding:0 0 0 4px;}/*olympia41124*/ #blast .rc_ft div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_div_gray.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .rc_bd .rc_bc .bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/bd_gray.png);}/*olympia41124*/ #blast{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/tail_gray.png) no-repeat 0 100%;padding:15px 0px 10px 35px;}/*vietnam360plus.com*/ #blast .tail{background:transparent;}/*olympia41124*/

Quote:

#blast .rc_hd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_chocolate.png) no-repeat 0;padding:0 0 0 4px;height:5px;}/*olympia41124*/ #blast .rc_hd div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_div_chocolate.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .rc_bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bd_chocolate.png) repeat-y left top;border-style:none;}/*olympia41124*/ #blast .rc_bd .rc_bc{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bc_chocolate.png) repeat-y right !important;padding:0 5px;border-style:none;}/*vietnam360plus.com*/ #blast .rc_ft{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_chocolate.png) no-repeat 0 0;padding:0 0 0 4px;}/*olympia41124*/ #blast .rc_ft div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_div_chocolate.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .rc_bd .rc_bc .bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/bd_chocolate.png);}/*olympia41124*/ #blast{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/tail_chocolate.png) no-repeat 0 100%;padding:15px 0px 10px 35px;}/*vietnam360plus.com*/ #blast .tail{background:transparent;}/*olympia41124*/

Quote:

#blast .rc_hd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_brown.png) no-repeat 0;padding:0 0 0 4px;height:5px;}/*olympia41124*/ #blast .rc_hd div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_div_brown.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .rc_bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bd_brown.png) repeat-y left top;border-style:none;}/*olympia41124*/ #blast .rc_bd .rc_bc{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bc_brown.png) repeat-y right !important;padding:0 5px;border-style:none;}/*vietnam360plus.com*/ #blast .rc_ft{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_brown.png) no-repeat 0 0;padding:0 0 0 4px;}/*olympia41124*/ #blast .rc_ft div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_div_brown.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .rc_bd .rc_bc .bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/bd_brown.png);}/*olympia41124*/ #blast{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/tail_brown.png) no-repeat 0 100%;padding:15px 0px 10px 35px;}/*vietnam360plus.com*/ #blast .tail{background:transparent;}/*olympia41124*/ #blast .tail{background:transparent;}/*olympia41124*/

Quote:

#blast .rc_hd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_black.png) no-repeat 0;padding:0 0 0 4px;height:5px;}/*olympia41124*/ #blast .rc_hd div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_div_black.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .rc_bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bd_black.png) repeat-y left top;border-style:none;}/*olympia41124*/ #blast .rc_bd .rc_bc{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bc_black.png) repeat-y right !important;padding:0 5px;border-style:none;}/*vietnam360plus.com*/ #blast .rc_ft{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_black.png) no-repeat 0 0;padding:0 0 0 4px;}/*olympia41124*/ #blast .rc_ft div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_div_black.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .rc_bd .rc_bc .bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/bd_black.png);}/*olympia41124*/ #blast{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/tail_black.png) no-repeat 0 100%;padding:15px 0px 10px 35px;}/*vietnam360plus.com*/ #blast .tail{background:transparent;}/*olympia41124*/

Quote:

#blast .rc_hd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_aqua.png) no-repeat 0;padding:0 0 0 4px;height:5px;}/*olympia41124*/ #blast .rc_hd div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_div_aqua.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .rc_bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bd_aqua.png) repeat-y left top;border-style:none;}/*olympia41124*/ #blast .rc_bd .rc_bc{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bc_aqua.png) repeat-y right !important;padding:0 5px;border-style:none;}/*vietnam360plus.com*/ #blast .rc_ft{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_aqua.png) no-repeat 0 0;padding:0 0 0 4px;}/*olympia41124*/ #blast .rc_ft div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_div_aqua.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .rc_bd .rc_bc .bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/bd_aqua.png);}/*olympia41124*/ #blast{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/tail_aqua.png) no-repeat 0 100%;padding:15px 0px 10px 35px;}/*vietnam360plus.com*/ #blast .tail{background:transparent;}/*olympia41124*/

Các hình làm nền và viền blast ở trên olympia cho độ trong suốt Opacity = 50%. Lưu ý các màu trên có độ mờ và tham khảo với nền sáng trắng. Đối với một số nền màu khác có thể màu sẽ có sự sai khác do có sự "cộng hưởng" màu sắc (olympia mơ hồ về vấn đề này nên lấy đại tên đó cho hay ) và các code trên chỉ hoạt động tốt trên Mozilla Firefox, trên Internet Explorer thì có lỗi






Written by olympia41124

Trong suốt mờ cho đường viền và nền các module

Ở đây olympia đã hướng dẫn cách trong suốt toàn bộ blog 360Plus Beta >>> [360Plus Beta Medium] Trong suốt toàn bộ blog 360Plus Beta - Trang chính và ở đây là cách chèn đường viền động cho blog 360Plus Beta >>> [Beta Plus] Thay border (đường viền) cho blog 360Plus Beta

Nhưng dường như là như thế vẫn chưa vừa lòng nhiều blogger vì khi trong suốt thì nó trong suốt hoàn toàn nên nhiều lúc màu chữ chìm vào theme. Đường viền thì quá đơn điệu và ít phù hợp với nền module. Vì vậy hôm nay olympia viết bài viết trong suốt mờ cho các module và đường viền. Nguyên tắc là chèn hình dạng .png làm nền và đường viền.

Có nhiều màu cho các bạn lựa chọn

Quote:

.rc_hd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_white.png) no-repeat 0;padding:0 0 0 4px;}/*olympia41124*/ .rc_hd div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_div_white.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ .rc_bd,#blast .rc_bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bd_white.png) repeat-y left top;}/*olympia41124*/ .rc_bd .rc_bc{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bc_white.png) repeat-y right!important;padding:0 5px;}/*vietnam360plus.com*/ .rc_ft,#blast .rc_ft{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_white.png) no-repeat 0 0;padding:0 0 0 4px;}/*olympia41124*/ .rc_ft div,#blast .rc_ft div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_div_white.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .tail{background:transparent;}/*olympia41124*/ #blast{padding: 10px 0px 0px 5px;}/*vietnam360plus.com*/ .col-150 .rc_bd .rc_bc .bd, .col-600 .rc_bd .rc_bc .bd, .row-760 .rc_bd .rc_bc .bd, .row-920 .rc_bd .rc_bc .bd,#blast .rc_bd .rc_bc .bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/bd_white.png);}/*olympia41124*/

Quote:

.rc_hd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_pink.png) no-repeat 0;padding:0 0 0 4px;}/*olympia41124*/ .rc_hd div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_div_pink.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ .rc_bd,#blast .rc_bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bd_pink.png) repeat-y left top;}/*olympia41124*/ .rc_bd .rc_bc{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bc_pink.png) repeat-y right!important;padding:0 5px;}/*vietnam360plus.com*/ .rc_ft,#blast .rc_ft{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_pink.png) no-repeat 0 0;padding:0 0 0 4px;}/*olympia41124*/ .rc_ft div,#blast .rc_ft div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_div_pink.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .tail{background:transparent;}/*olympia41124*/ #blast{padding: 10px 0px 0px 5px;}/*vietnam360plus.com*/ .col-150 .rc_bd .rc_bc .bd, .col-600 .rc_bd .rc_bc .bd, .row-760 .rc_bd .rc_bc .bd, .row-920 .rc_bd .rc_bc .bd,#blast .rc_bd .rc_bc .bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/bd_pink.png);}/*olympia41124*/

Quote:

.rc_hd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_blue.png) no-repeat 0;padding:0 0 0 4px;}/*olympia41124*/ .rc_hd div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_div_blue.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ .rc_bd,#blast .rc_bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bd_blue.png) repeat-y left top;}/*olympia41124*/ .rc_bd .rc_bc{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bc_blue.png) repeat-y right!important;padding:0 5px;}/*vietnam360plus.com*/ .rc_ft,#blast .rc_ft{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_blue.png) no-repeat 0 0;padding:0 0 0 4px;}/*olympia41124*/ .rc_ft div,#blast .rc_ft div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_div_blue.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .tail{background:transparent;}/*olympia41124*/ #blast{padding: 10px 0px 0px 5px;}/*vietnam360plus.com*/ .col-150 .rc_bd .rc_bc .bd, .col-600 .rc_bd .rc_bc .bd, .row-760 .rc_bd .rc_bc .bd, .row-920 .rc_bd .rc_bc .bd,#blast .rc_bd .rc_bc .bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/bd_blue.png);}/*olympia41124*/

Quote:

.rc_hd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_yellow.png) no-repeat 0;padding:0 0 0 4px;}/*olympia41124*/ .rc_hd div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_div_yellow.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ .rc_bd,#blast .rc_bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bd_yellow.png) repeat-y left top;}/*olympia41124*/ .rc_bd .rc_bc{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bc_yellow.png) repeat-y right!important;padding:0 5px;}/*vietnam360plus.com*/ .rc_ft,#blast .rc_ft{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_yellow.png) no-repeat 0 0;padding:0 0 0 4px;}/*olympia41124*/ .rc_ft div,#blast .rc_ft div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_div_yellow.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .tail{background:transparent;}/*olympia41124*/ #blast{padding: 10px 0px 0px 5px;}/*vietnam360plus.com*/ .col-150 .rc_bd .rc_bc .bd, .col-600 .rc_bd .rc_bc .bd, .row-760 .rc_bd .rc_bc .bd, .row-920 .rc_bd .rc_bc .bd,#blast .rc_bd .rc_bc .bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/bd_yellow.png);}/*olympia41124*/

Quote:

.rc_hd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_violet.png) no-repeat 0;padding:0 0 0 4px;}/*olympia41124*/ .rc_hd div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_div_violet.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ .rc_bd,#blast .rc_bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bd_violet.png) repeat-y left top;}/*olympia41124*/ .rc_bd .rc_bc{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bc_violet.png) repeat-y right!important;padding:0 5px;}/*vietnam360plus.com*/ .rc_ft,#blast .rc_ft{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_violet.png) no-repeat 0 0;padding:0 0 0 4px;}/*olympia41124*/ .rc_ft div,#blast .rc_ft div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_div_violet.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .tail{background:transparent;}/*olympia41124*/ #blast{padding: 10px 0px 0px 5px;}/*vietnam360plus.com*/ .col-150 .rc_bd .rc_bc .bd, .col-600 .rc_bd .rc_bc .bd, .row-760 .rc_bd .rc_bc .bd, .row-920 .rc_bd .rc_bc .bd,#blast .rc_bd .rc_bc .bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/bd_violet.png);}/*olympia41124*/

Quote:

.rc_hd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_red.png) no-repeat 0;padding:0 0 0 4px;}/*olympia41124*/ .rc_hd div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_div_red.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ .rc_bd,#blast .rc_bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bd_red.png) repeat-y left top;}/*olympia41124*/ .rc_bd .rc_bc{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bc_red.png) repeat-y right!important;padding:0 5px;}/*vietnam360plus.com*/ .rc_ft,#blast .rc_ft{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_red.png) no-repeat 0 0;padding:0 0 0 4px;}/*olympia41124*/ .rc_ft div,#blast .rc_ft div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_div_red.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .tail{background:transparent;}/*olympia41124*/ #blast{padding: 10px 0px 0px 5px;}/*vietnam360plus.com*/ .col-150 .rc_bd .rc_bc .bd, .col-600 .rc_bd .rc_bc .bd, .row-760 .rc_bd .rc_bc .bd, .row-920 .rc_bd .rc_bc .bd,#blast .rc_bd .rc_bc .bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/bd_red.png);}/*olympia41124*/

Quote:

.rc_hd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_orange.png) no-repeat 0;padding:0 0 0 4px;}/*olympia41124*/ .rc_hd div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_div_orange.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ .rc_bd,#blast .rc_bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bd_orange.png) repeat-y left top;}/*olympia41124*/ .rc_bd .rc_bc{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bc_orange.png) repeat-y right!important;padding:0 5px;}/*vietnam360plus.com*/ .rc_ft,#blast .rc_ft{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_orange.png) no-repeat 0 0;padding:0 0 0 4px;}/*olympia41124*/ .rc_ft div,#blast .rc_ft div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_div_orange.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .tail{background:transparent;}/*olympia41124*/ #blast{padding: 10px 0px 0px 5px;}/*vietnam360plus.com*/ .col-150 .rc_bd .rc_bc .bd, .col-600 .rc_bd .rc_bc .bd, .row-760 .rc_bd .rc_bc .bd, .row-920 .rc_bd .rc_bc .bd,#blast .rc_bd .rc_bc .bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/bd_orange.png);}/*olympia41124*/

Quote:

.rc_hd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_green.png) no-repeat 0;padding:0 0 0 4px;}/*olympia41124*/ .rc_hd div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_div_green.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ .rc_bd,#blast .rc_bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bd_green.png) repeat-y left top;}/*olympia41124*/ .rc_bd .rc_bc{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bc_green.png) repeat-y right!important;padding:0 5px;}/*vietnam360plus.com*/ .rc_ft,#blast .rc_ft{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_green.png) no-repeat 0 0;padding:0 0 0 4px;}/*olympia41124*/ .rc_ft div,#blast .rc_ft div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_div_green.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .tail{background:transparent;}/*olympia41124*/ #blast{padding: 10px 0px 0px 5px;}/*vietnam360plus.com*/ .col-150 .rc_bd .rc_bc .bd, .col-600 .rc_bd .rc_bc .bd, .row-760 .rc_bd .rc_bc .bd, .row-920 .rc_bd .rc_bc .bd,#blast .rc_bd .rc_bc .bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/bd_green.png);}/*olympia41124*/

Quote:

.rc_hd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_gray.png) no-repeat 0;padding:0 0 0 4px;}/*olympia41124*/ .rc_hd div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_div_gray.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ .rc_bd,#blast .rc_bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bd_gray.png) repeat-y left top;}/*olympia41124*/ .rc_bd .rc_bc{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bc_gray.png) repeat-y right!important;padding:0 5px;}/*vietnam360plus.com*/ .rc_ft,#blast .rc_ft{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_gray.png) no-repeat 0 0;padding:0 0 0 4px;}/*olympia41124*/ .rc_ft div,#blast .rc_ft div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_div_gray.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .tail{background:transparent;}/*olympia41124*/ #blast{padding: 10px 0px 0px 5px;}/*vietnam360plus.com*/ .col-150 .rc_bd .rc_bc .bd, .col-600 .rc_bd .rc_bc .bd, .row-760 .rc_bd .rc_bc .bd, .row-920 .rc_bd .rc_bc .bd,#blast .rc_bd .rc_bc .bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/bd_gray.png);}/*olympia41124*/

Quote:

.rc_hd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_chocolate.png) no-repeat 0;padding:0 0 0 4px;}/*olympia41124*/ .rc_hd div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_div_chocolate.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ .rc_bd,#blast .rc_bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bd_chocolate.png) repeat-y left top;}/*olympia41124*/ .rc_bd .rc_bc{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bc_chocolate.png) repeat-y right!important;padding:0 5px;}/*vietnam360plus.com*/ .rc_ft,#blast .rc_ft{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_chocolate.png) no-repeat 0 0;padding:0 0 0 4px;}/*olympia41124*/ .rc_ft div,#blast .rc_ft div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_div_chocolate.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .tail{background:transparent;}/*olympia41124*/ #blast{padding: 10px 0px 0px 5px;}/*vietnam360plus.com*/ .col-150 .rc_bd .rc_bc .bd, .col-600 .rc_bd .rc_bc .bd, .row-760 .rc_bd .rc_bc .bd, .row-920 .rc_bd .rc_bc .bd,#blast .rc_bd .rc_bc .bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/bd_chocolate.png);}/*olympia41124*/

Quote:

.rc_hd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_brown.png) no-repeat 0;padding:0 0 0 4px;}/*olympia41124*/ .rc_hd div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_div_brown.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ .rc_bd,#blast .rc_bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bd_brown.png) repeat-y left top;}/*olympia41124*/ .rc_bd .rc_bc{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bc_brown.png) repeat-y right!important;padding:0 5px;}/*vietnam360plus.com*/ .rc_ft,#blast .rc_ft{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_brown.png) no-repeat 0 0;padding:0 0 0 4px;}/*olympia41124*/ .rc_ft div,#blast .rc_ft div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_div_brown.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .tail{background:transparent;}/*olympia41124*/ #blast{padding: 10px 0px 0px 5px;}/*vietnam360plus.com*/ .col-150 .rc_bd .rc_bc .bd, .col-600 .rc_bd .rc_bc .bd, .row-760 .rc_bd .rc_bc .bd, .row-920 .rc_bd .rc_bc .bd,#blast .rc_bd .rc_bc .bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/bd_brown.png);}/*olympia41124*/

Quote:

.rc_hd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_black.png) no-repeat 0;padding:0 0 0 4px;}/*olympia41124*/ .rc_hd div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_div_black.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ .rc_bd,#blast .rc_bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bd_black.png) repeat-y left top;}/*olympia41124*/ .rc_bd .rc_bc{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bc_black.png) repeat-y right!important;padding:0 5px;}/*vietnam360plus.com*/ .rc_ft,#blast .rc_ft{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_black.png) no-repeat 0 0;padding:0 0 0 4px;}/*olympia41124*/ .rc_ft div,#blast .rc_ft div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_div_black.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .tail{background:transparent;}/*olympia41124*/ #blast{padding: 10px 0px 0px 5px;}/*vietnam360plus.com*/ .col-150 .rc_bd .rc_bc .bd, .col-600 .rc_bd .rc_bc .bd, .row-760 .rc_bd .rc_bc .bd, .row-920 .rc_bd .rc_bc .bd,#blast .rc_bd .rc_bc .bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/bd_black.png);}/*olympia41124*/

Quote:

.rc_hd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_aqua.png) no-repeat 0;padding:0 0 0 4px;}/*olympia41124*/ .rc_hd div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_hd_div_aqua.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ .rc_bd,#blast .rc_bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bd_aqua.png) repeat-y left top;}/*olympia41124*/ .rc_bd .rc_bc{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_bc_aqua.png) repeat-y right!important;padding:0 5px;}/*vietnam360plus.com*/ .rc_ft,#blast .rc_ft{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_aqua.png) no-repeat 0 0;padding:0 0 0 4px;}/*olympia41124*/ .rc_ft div,#blast .rc_ft div{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/rc_ft_div_aqua.png) repeat-x 100% 0;height:5px;}/*vietnam360plus.com*/ #blast .tail{background:transparent;}/*olympia41124*/ #blast{padding: 10px 0px 0px 5px;}/*vietnam360plus.com*/ .col-150 .rc_bd .rc_bc .bd, .col-600 .rc_bd .rc_bc .bd, .row-760 .rc_bd .rc_bc .bd, .row-920 .rc_bd .rc_bc .bd,#blast .rc_bd .rc_bc .bd{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/bd_aqua.png);}/*olympia41124*/

Các hình làm nền và viền ở trên olympia cho độ trong suốt Opacity = 50%. Lưu ý các màu trên có độ mờ và tham khảo với nền sáng trắng. Đối với một số nền màu khác có thể màu sẽ có sự sai khác do có sự "cộng hưởng" màu sắc (olympia mơ hồ về vấn đề này nên lấy đại tên đó cho hay ). Đối với mỗi màu nền khác nhau thì mỗi code trên sẽ cho màu khác nhau, các bạn hãy thử từng code để nhận được những màu sắc bất ngờ nhé