Tìm kiếm
Latest topics
A8 Family
Đoàn kếtVui vẻ
Duyên dáng
Đẹp trai
Ăn chơi
Hồn nhiên
Và ....
Code hình nền cho các Module
Trang 1 trong tổng số 1 trang
Code hình nền cho các Module
Theme này không phải dành cho toàn blog mà chỉ dành cho các module cột nhỏ thôi.... Các thành phần khác sẽ được hướng dẫn trong các entry tiếp theo.
Module cột nhỏ
Bao gồm 4 phần (theo cách thiết kế của mình, của người khác có khi tới 8 phần hoặc chỉ có 3 phần)
- Phần trên cùng (Top)
- Phần Tiêu đề (Head)
- Phần nội dung (Body)
- Phần dưới cùng (Bottom)
Định nghĩa tên module trong code CSS
.col-150 = Áp dụng cho những module nằm trong cột nhỏ.
#article_new = Bài Mới Nhất
#search_module = Tìm
#calendar = Lịch
#folder = Thư Mục Riêng
#update_date = Cập Nhật Ngày
#statistic = Thống Kê
#friendlist_module = Danh Sách Bạn Bè
#comment_new = Bình Luận Mới Nhất
#rss_output = RSS
#feature_mb = Bảng Tin Nhắn
#user_mod_10001 = Module tự tạo 1
#user_mod_10002 = Module tự tạo 2
#user_mod_10003 = Module tự tạo 3
#user_mod_1000x = Module tự tạo x
Áp dụng
Bạn cần lưu ý những điều sau trước khi áp dụng.
- Bỏ những code mà bạn đang sử dụng cho các module cột nhỏ.
- Đừng thay đổi gì trong code ... chỉ thay link ... copy và paste vào CSS
- Thay Link Hình bằng những link của phần Top, Head, Body, Bottom nào bạn thích (list bên dưới)
- Sau khi thay link xong, Copy đoạn code dán vào phần CSS (Thiết Kế) của blog.
- Phần Body và Bottom, bạn nên sử dụng 1 cặp giống nhau.
Code của phần giữa (body)
.col-150 .rc_bd,
#friendlist_module .rc_bd ,
#statistic .rc_bd,
#update_date .rc_bd ,
#folder .rc_bd ,
#calendar .rc_bd ,
#search_module .rc_bd ,
#article_new .rc_bd ,
#subscribe_highlight .rc_bd ,
#comment_new .rc_bd {background:transparent url(Link Hình) repeat-y top center;}
Các mẫu BODY để bạn lựa chọn : (copy và thay vào phần Link Hình)
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/body/body1.png
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/body/body10.png
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/body/body11.png
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/body/body12.png
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/body/body13.png
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/body/body14.png
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/body/body15.png
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/body/body16.png
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/body/body17.png
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/body/body2.png
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/body/body3.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/body/body4.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/body/body5.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/body/body6.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/body/body7.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/body/body8.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/body/body9.png
Code của phần dưới (bottom)
.col-150 .rc_ft,
#friendlist_module .rc_ft ,
#statistic .rc_ft,
#update_date .rc_ft ,
#folder .rc_ft ,
#calendar .rc_ft ,
#search_module .rc_ft ,
#article_new .rc_ft ,
#subscribe_highlight .rc_ft ,
#comment_new .rc_ft {background:transparent url(Link Hình) no-repeat center top;height:17px;}
Các mẫu BOTTOM để bạn lựa chọn : (copy và thay vào phần Link Hình)
(bạn nên chọn phần body và phần bottom giống màu nhau)
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Bottom/bottom1.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Bottom/bottom10.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Bottom/bottom11.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Bottom/bottom12.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Bottom/bottom13.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Bottom/bottom14.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Bottom/bottom15.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Bottom/bottom16.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Bottom/bottom17.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Bottom/bottom2.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Bottom/bottom3.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Bottom/bottom4.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Bottom/bottom5.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Bottom/bottom6.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Bottom/bottom7.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Bottom/bottom8.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Bottom/bottom9.png
Code của phần Head (Tên tiêu đề)
.col-150 .rc_bd .rc_bc .hd .titlebar .hd ,
#friendlist_module .hd .titlebar .hd ,
#statistic .hd .titlebar .hd ,
#update_date .hd .titlebar .hd ,
#folder .hd .titlebar .hd ,
#calendar .hd .titlebar,
#search_module .hd .titlebar .hd ,
#article_new .hd .titlebar .hd ,
#subscribe_highlight .hd .titlebar .hd {background:transparent url(Link Hình Head Nhỏ);}
/* Head Lớn (Bình Luận Mới Nhất) */
#comment_new .hd .titlebar .hd {background:transparent url(Link Hình Head Lớn);}
Các mẫu HEAD để bạn lựa chọn : (copy và thay vào phần Link Hình)
- Bởi vì Head và phần Top phải tương ứng với nhau nên trước mắt mình chỉ có 1 mẫu Head. Bạn thay link vào head lớn và head nhỏ. Head lớn dành cho các module nào có tên dài đến 2 hàng.
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/head/head.png
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/head/head_H.png
Code của phần TOP (Phần Trên Cùng)
.col-150 .rc {background:transparent url(Link Hình) no-repeat center bottom;height:59px;}
#article_new .rc {background:transparent url(Link Hình) no-repeat center bottom;height:59px;}
#search_module .rc {background:transparent url(Link Hình) no-repeat center bottom;height:59px;}
#calendar .rc {background:transparent url(Link Hình) no-repeat center bottom;height:59px;}
#folder .rc {background:transparent url(Link Hình) no-repeat center bottom;height:59px;}
#update_date .rc {background:transparent url(Link Hình) no-repeat center bottom;height:59px;}
#statistic .rc {background:transparent url(Link Hình) no-repeat center bottom;height:59px;}
#friendlist_module .rc {background:transparent url(Link Hình) no-repeat center bottom;height:59px;}
#comment_new .rc {background:transparent url(Link Hình) no-repeat center bottom;height:59px;}
#subscribe_highlight .rc {background:transparent url(Link Hình) no-repeat center bottom;height:59px;}
#user_mod_10001 .rc {background:transparent url(Link Hình) no-repeat center bottom;height:59px;}
Code áp dụng chung (lấy phần này hoặc lấy phần trên, không được lấy cả 2)
.col-150 .rc,
#article_new .rc ,
#search_module .rc ,
#calendar .rc,
#folder .rc ,
#update_date .rc,
#statistic .rc ,
#friendlist_module .rc ,
#comment_new .rc ,
#subscribe_highlight .rc ,
#user_mod_10001 .rc {background:transparent url(Link Hình) no-repeat center bottom;height:59px;}
Các mẫu TOP để bạn lựa chọn : (copy và thay vào phần Link Hình)
- Các bạn có thể chọn bất cứ mẫu TOP nào mình thích, miễn sao nó hợp lý là được.
- Ở phần code dùng chung, chỉ cần sử dụng 1 link duy nhất, tất cả các module trong cột nhỏ đều được áp dụng.
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/search1.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/search2.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/search3.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/search4.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/search5.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/search6.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/statistic.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/statistic10.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/statistic11.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/statistic3.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/statistic4.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/statistic5.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/statistic6.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/statistic7.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/statistic8.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/statistic9.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/thongtin.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/time.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/update_date.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/update_date2.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/update_date3.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/update_date4.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/update_date5.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/aminal2.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/animal1.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/animal2.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/animal3.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/animal4.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/animal5.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/animal6.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/animal7.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/animal8.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/animal9.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/book.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/book2.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/calendar2.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/calendar3.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/calendar4.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/calendar5.png
Xem tiếp phần dưới ....
Được sửa bởi meocon ngày Fri Jun 05, 2009 7:09 pm; sửa lần 1.
meocon- Admin
Re: Code hình nền cho các Module
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/camera.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/camera2.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/carlendar1.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/clock.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/clock2.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/comment_new2.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/comment_new3.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/comment_new4.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/comment_new_top.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/commpass.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/download_browser_top.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/favorite.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/favorite2.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/favorite3.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder10.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder11.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder12.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder13.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder14.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder15.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder16.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder17.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder18.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder19.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder2.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder3.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder4.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder5.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder6.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder7.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder8.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder9.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/photo.png
Code chỉnh sửa
- Phần code này bắt buộc phải có
- Code này sẽ làm cho các module ở cột nhỏ phù hợp với cách thiết kế hiện tại
- Bạn đừng thay đổi bất cứ cái gì trong phần này, chỉ việc copy và Paste
.col-150 .rc_bd div.rc_bc,
.col-150 .rc_ft div,
.col-150 .hd .titlebar,
.col-150 .rc div,
.col-150 .rc_bd .rc_bc .bd {background:transparent;}
#comment_new .rc_bd div.rc_bc,
#comment_new .rc_ft div,
#comment_new .hd .titlebar,
#comment_new .rc div,
#comment_new .rc_bd .rc_bc .bd {background:transparent;}
#subscribe_highlight .rc_bd div.rc_bc,
#subscribe_highlight .rc_ft div,
#subscribe_highlight .hd .titlebar,
#subscribe_highlight .rc div,
#subscribe_highlight .rc_bd .rc_bc .bd {background:transparent;}
#subscribe_highlight .hd .titlebar .hd {height:27px;}
#article_new .rc_bd div.rc_bc,
#article_new .rc_ft div,
#article_new .hd .titlebar,
#article_new .rc div,
#article_new .rc_bd .rc_bc .bd {background:transparent;}
#search_module .rc_bd div.rc_bc,
#search_module .rc_ft div,
#search_module .hd .titlebar,
#search_module .rc div,
#search_module .rc_bd .rc_bc .bd {background:transparent;}
#calendar .rc_bd div.rc_bc,
#calendar .rc_ft div,
#calendar .rc div,
#calendar .hd .titlebar .hd ,
#calendar .rc_bd .rc_bc .bd {background:transparent;}
#folder .rc_bd div.rc_bc,
#folder .rc_ft div,
#folder .hd .titlebar,
#folder .rc div,
#folder .rc_bd .rc_bc .bd {background:transparent;}
#update_date .rc_bd div.rc_bc,
#update_date .rc_ft div,
#update_date .hd .titlebar,
#update_date .rc div,
#update_date .rc_bd .rc_bc .bd {background:transparent;}
#statistic .rc_bd div.rc_bc,
#statistic .rc_ft div,
#statistic .hd .titlebar,
#statistic .rc div,
#statistic .rc_bd .rc_bc .bd {background:transparent;}
#friendlist_module .rc_bd div.rc_bc,
#friendlist_module .rc_ft div,
#friendlist_module .hd .titlebar,
#friendlist_module .rc div,
#friendlist_module .rc_bd .rc_bc .bd {background:transparent;}
#user_mod_10003 .rc_bd div.rc_bc,
#user_mod_10003 .rc_ft div,
#user_mod_10003 .hd .titlebar,
#user_mod_10003 .rc div,
#user_mod_10003 .rc_bd .rc_bc .bd {background:transparent;}
#user_mod_10002 .rc_bd div.rc_bc,
#user_mod_10002 .rc_ft div,
#user_mod_10002 .hd .titlebar,
#user_mod_10002 .rc div,
#user_mod_10002 .rc_bd .rc_bc .bd {background:transparent;}
#user_mod_10001 .rc_bd div.rc_bc,
#user_mod_10001 .rc_ft div,
#user_mod_10001 .hd .titlebar,
#user_mod_10001 .rc div,
#user_mod_10001 .rc_bd .rc_bc .bd {background:transparent;}
#calendar .hd .titlebar .hd h2 {font-size:15px;color:#FFFFFF;}
#calendar .bd table {height:118px;background:transparent;}
#calendar .titlebar,
#calendar .titlebar .bd a:hover{color:#FFFFD0;}
#calendar .hd,
#calendar .titlebar .bd a {background:transparent;font-weight:bold;font-size:12px;color:#FF0000;}
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/camera.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/camera2.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/carlendar1.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/clock.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/clock2.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/comment_new2.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/comment_new3.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/comment_new4.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/comment_new_top.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/commpass.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/download_browser_top.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/favorite.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/favorite2.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/favorite3.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder10.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder11.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder12.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder13.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder14.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder15.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder16.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder17.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder18.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder19.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder2.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder3.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder4.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder5.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder6.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder7.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder8.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/folder9.png
Simplex Blog
https://2img.net/h/i474.photobucket.com/albums/rr106/simplexshare/Top/photo.png
Code chỉnh sửa
- Phần code này bắt buộc phải có
- Code này sẽ làm cho các module ở cột nhỏ phù hợp với cách thiết kế hiện tại
- Bạn đừng thay đổi bất cứ cái gì trong phần này, chỉ việc copy và Paste
.col-150 .rc_bd div.rc_bc,
.col-150 .rc_ft div,
.col-150 .hd .titlebar,
.col-150 .rc div,
.col-150 .rc_bd .rc_bc .bd {background:transparent;}
#comment_new .rc_bd div.rc_bc,
#comment_new .rc_ft div,
#comment_new .hd .titlebar,
#comment_new .rc div,
#comment_new .rc_bd .rc_bc .bd {background:transparent;}
#subscribe_highlight .rc_bd div.rc_bc,
#subscribe_highlight .rc_ft div,
#subscribe_highlight .hd .titlebar,
#subscribe_highlight .rc div,
#subscribe_highlight .rc_bd .rc_bc .bd {background:transparent;}
#subscribe_highlight .hd .titlebar .hd {height:27px;}
#article_new .rc_bd div.rc_bc,
#article_new .rc_ft div,
#article_new .hd .titlebar,
#article_new .rc div,
#article_new .rc_bd .rc_bc .bd {background:transparent;}
#search_module .rc_bd div.rc_bc,
#search_module .rc_ft div,
#search_module .hd .titlebar,
#search_module .rc div,
#search_module .rc_bd .rc_bc .bd {background:transparent;}
#calendar .rc_bd div.rc_bc,
#calendar .rc_ft div,
#calendar .rc div,
#calendar .hd .titlebar .hd ,
#calendar .rc_bd .rc_bc .bd {background:transparent;}
#folder .rc_bd div.rc_bc,
#folder .rc_ft div,
#folder .hd .titlebar,
#folder .rc div,
#folder .rc_bd .rc_bc .bd {background:transparent;}
#update_date .rc_bd div.rc_bc,
#update_date .rc_ft div,
#update_date .hd .titlebar,
#update_date .rc div,
#update_date .rc_bd .rc_bc .bd {background:transparent;}
#statistic .rc_bd div.rc_bc,
#statistic .rc_ft div,
#statistic .hd .titlebar,
#statistic .rc div,
#statistic .rc_bd .rc_bc .bd {background:transparent;}
#friendlist_module .rc_bd div.rc_bc,
#friendlist_module .rc_ft div,
#friendlist_module .hd .titlebar,
#friendlist_module .rc div,
#friendlist_module .rc_bd .rc_bc .bd {background:transparent;}
#user_mod_10003 .rc_bd div.rc_bc,
#user_mod_10003 .rc_ft div,
#user_mod_10003 .hd .titlebar,
#user_mod_10003 .rc div,
#user_mod_10003 .rc_bd .rc_bc .bd {background:transparent;}
#user_mod_10002 .rc_bd div.rc_bc,
#user_mod_10002 .rc_ft div,
#user_mod_10002 .hd .titlebar,
#user_mod_10002 .rc div,
#user_mod_10002 .rc_bd .rc_bc .bd {background:transparent;}
#user_mod_10001 .rc_bd div.rc_bc,
#user_mod_10001 .rc_ft div,
#user_mod_10001 .hd .titlebar,
#user_mod_10001 .rc div,
#user_mod_10001 .rc_bd .rc_bc .bd {background:transparent;}
#calendar .hd .titlebar .hd h2 {font-size:15px;color:#FFFFFF;}
#calendar .bd table {height:118px;background:transparent;}
#calendar .titlebar,
#calendar .titlebar .bd a:hover{color:#FFFFD0;}
#calendar .hd,
#calendar .titlebar .bd a {background:transparent;font-weight:bold;font-size:12px;color:#FF0000;}
meocon- Admin
Similar topics
» Hướng dẫn upload hình và cách lấy link hình
» Module tự tạo - Chèn đồng hồ
» Tạo Module Quick Comments cho blog
» Trang trí cho Yahoo 306 Plus - Kho hình nền
» Dùng CSS thay đổi hình nền trong Yahoo!360 Plus
» Module tự tạo - Chèn đồng hồ
» Tạo Module Quick Comments cho blog
» Trang trí cho Yahoo 306 Plus - Kho hình nền
» Dùng CSS thay đổi hình nền trong Yahoo!360 Plus
Trang 1 trong tổng số 1 trang
Permissions in this forum:
Bạn không có quyền trả lời bài viết
|
|
Fri Jun 07, 2013 12:41 pm by thanhtinh88
» Trường Nhật Ngữ Top Globis Khai Giảng Khóa Mới Vào Tháng 07.2012
Wed Jul 11, 2012 6:22 pm by topglobis3
» SỬA MÁY TÍNH , MÁY IN, ĐỔ MỰC MÁY IN TẠI NHÀ HỒ CHÍ MINH
Thu Mar 08, 2012 1:16 pm by tuquynh
» Khai giảng lớp luyện thi N2 và N3 tại Trung tâm Nhật Ngữ Top Globis
Thu Mar 08, 2012 1:09 pm by tuquynh
» vietpon mua sản phẩm chất lượng, giá tốt.
Mon Oct 10, 2011 9:48 am by tuquynh
» Học tiếng Nhật - Top Globis
Mon Oct 10, 2011 9:41 am by tuquynh
» hihi. TIN VUI CUA VIT BAU NHE.
Sat Oct 01, 2011 3:42 pm by meocon
» Học tiếng Nhật - Top Globis
Fri Sep 09, 2011 2:06 pm by tuquynh
» Con trai A8 đâu hết rồi ?
Wed Sep 07, 2011 2:27 am by meocon