[Hướng dẫn] Mã CSS làm theme cho 360 plus! :D

nguyen_linh87_xda · 11/10/09

Để dùng ngựa CSS bạn hãy click vào "Thiết Kế", chọn "Theme", chọn chế độ tự chỉnh sửa, kéo xuống dòng "CSS". Sau đó copy những đoạn CSS mà bạn thích sau đây vào đó, thay "link ảnh" bằng link của hình bạn muốn dùng để làm nền.

Ảnh nền toàn blog bất động:
BODY.blog_my {BACKGROUND:url(link ảnh here) #000000 fixed;}

Ảnh nền Top - Bottom như 360 cũ:
#blast A, #blast A:hover{
COLOR: #;
}
body{
background:/*Màu background*/;}

#doc2, #doc{
background:/*Màu background*/ url( Link ảnh Top) no-repeat center top;}

#bd{
background:transparent url( Link ảnh Bottom) no-repeat center bottom;}

Chèn hình nền cho cái module thông tin cá nhân (module chứa avatar):
#profile_highlight_module .rc_bd .rc_bc {background:url(link ảnh here) #653e16 top right repeat;}

Chèn hình nền cho module fiendlist:
#friendlist_module .rc_bd {background:url(link ảnh here) #653e16 top right repeat;}

Chèn hình nền cho module Bài Mới:
#article_new .rc_bd .rc_bc {background:url(link ảnh here) #653e16 top right repeat;}

Chèn hình nền cho module Thư Mục Riêng:
#folder .rc_bd .rc_bc {background:url(link ảnh here) #653e16 top right repeat;}

Chèn hình nền cho module Comment mới:
#comment_new .rc_bd .rc_bc {background:url(link ảnh here) #653e16 top right repeat;}

Chèn hình nền cho module Thống Kê của plus
#statistic .rc_bd .rc_bc {background:url(link ảnh here) #653e16 top right repeat;}

Chèn hình nền cho module Blog yêu thích
#subscribe_highlight .rc_bd .rc_bc {background:url(link ảnh here) #653e16 top right repeat;}

Chèn hình nền cho module tự tạo, gồm 10 module từ 10001 => 10010, thay số tương ứng với module tự làm ra (tạo) mà bạn muốn thay nền:
#user_mod_10001 .rc_bd .rc_bc{background:url(link ảnh here) #653e16 top right repeat;}

Chèn hình nền cho module Lịch
#calendar .rc_bd .rc_bc {background:url(link ảnh here) #653e16 top right repeat;}

Đoạn code này làm cho hình trái tim xuất hiện khi chuột rê vào các link trên blog:
a:hover
{text-decoration:none;
color:#D570EE;
text-decoration:none;
font-weight:bold;
background-image:url(Link ảnh here);}
Chọn 1 trong các mẫu ưng ý dưới đây mà bạn thích để thêm vào "Link ảnh here", khi rê chuột vào sẽ hiện hình đó:

Làm đường viền các module trong suốt:
.rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div{background:transparent url(

You must be registered for see links

) no-repeat right bottom;}
.rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(

You must be registered for see links

) no-repeat left bottom;}
.rc_bd div.rc_bc, #subscribe_highlight .rc_bd div.rc_bc, #mod-tagged-frd-article .rc_bd div.rc_bc{background:transparent url(

You must be registered for see links

) repeat-y right top;}
.rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd {background:transparent url(

You must be registered for see links

) repeat-y 0% 50%;}
.rc_ft div, #subscribe_highlight .rc_ft div, #mod-tagged-frd-article .rc_ft div {background:transparent url(

You must be registered for see links

) no-repeat right top;}
.rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {background:transparent url(

You must be registered for see links

) no-repeat left top;}
.rc_bc .bd, #subscribe_highlight .rc_bc .bd, #mod-tagged-frd-article .rc_bc .bd {background-color:transparent;background-image:url(http://nktpro.com/360plus/transparent_bg.png);}
#blast .rc_ft {background:transparent url(

You must be registered for see links

) no-repeat left bottom;}
#blast .rc_ft div {background:transparent url(

You must be registered for see links

) no-repeat right bottom;}

Chèn hình nền cho tựa đề Entry:
.mod-alist-full .main-hd{background:#FFFFFF url(link ảnh here)}

Chèn hình nền cho nội dung Entry:
.mod-alist-full .main-bd{background:#FFFFFF url(link ảnh here)}

Thay hình nền cho tất cả các tựa đề module:
#article_list_module .rc_bd .rc_bc .hd, .hd .titlebar .hd, #friendlist_module .hd, .mod-relatives .titlebar, .col-150 .rc_bd .rc_bc .hd .titlebar .hd, .col-150 .rc_bd .rc_bc .hd .titlebar {
background:transparent url(Link ảnh here) repeat;
}

Thay hình nền cho tất cả các nội dung của module phụ (các module nhỏ, module con):
.col-150 .rc_bd .rc_bc .bd /* JW */
{background:transparent url(Link ảnh here);color:#FFFFFF;}

You must be registered for see links

Code:
div.backhomtbtn a.backtomyblog {background:url(Thay link bên dưới Vào đây) no-repeat;height:98px;}
98 la` chiều cao của hinh`
Tùy mỗi hình mà bạn chọn ấn định kích thước Height cho phù hợp nhá
Còn đây là một số mẫu sưu tầm được bạn nào thích thì xài nhá

bạn bất thích thì có thể đưa hình khác vào cũng được nếu như muốn

cách lấy link : chuột phải chọn properties -> coppy adress -> pase vào css
cách lấy chiều cao : chuột phải chọn properties -> side ( vd : 40x50px -> chiều cao :50)

nhock_tap_jeu_em · 11/10/09

I. Code làm trong suốt nền và tiêu đề các module chính và module phụ

1. Đoạn code sau sẽ làm trong suốt nền cho các module chính và phụ ở blog bạn
Code:
.col-150 .rc_bd .rc_bc .bd {background:transparent;}
.col-600 .rc_bd .rc_bc .bd {background:transparent;}
.row-920 .rc_bd .rc_bc .bd {background:transparent;}

Chú thích: thông số 150 là cho module nhỏ, 600 là module chính to (ví dụ như mục bài viết của bạn), và 920 là module to nhất trong blog bạn, nếu bạn không muốn module nào trong suốt thì bỏ cái dòng làm trong suốt của module đó đi.

2. Còn đây là code làm nền tiêu đề module trong suốt
Code:
.col-150 .rc_bd .rc_bc .hd .titlebar .hd,.col-150 .rc_bd .rc_bc .hd .titlebar{background:transparent;}
.col-600 .rc_bd .rc_bc .hd .titlebar .hd,.col-600 .rc_bd .rc_bc .hd .titlebar{background:transparent;}
.row-920 .rc_bd .rc_bc .hd .titlebar .hd,.row-920 .rc_bd .rc_bc .hd .titlebar{background:transparent;}

II. Đối với module tự tạo

1. Code làm trong suốt nền tiêu đề:
Code:
#user_mod_1000X .rc_bd .rc_bc .hd .titlebar .hd,#user_mod_1000X .rc_bd .rc_bc .hd .titlebar{background:transparent;}

2. Code làm trong suốt nền module:
Code:
#user_mod_1000X .rc_bd .rc_bc .bd {background:transparent;}

III. Code làm trong suốt một số module khác

1. Module tâm trạng
Code:
#mod_lifeline div.bd, #mod_lifeline div.rc_bc {background:transparent!important;}

2. Module friendlist
Code:
#friendlist_module .rc_bd .rc_bc .hd .titlebar .hd{background:transparent;}

3. Làm trong suốt blast
Code:
#blast .rc_bc .bd{background:transparent;}
#blast .rc_ft, #blast .rc_ft div{background:transparent no-repeat left top;} #blast .rc div {background:transparent ;}
#blast .rc {background:transparent ;}
#blast .rc_bd div.rc_bc {background:transparent ;}
#blast .rc_bd {background:transparent ;}
#blast .rc_ft {background:transparent ;}
#blast .rc_ft div {background:transparent ;}

4. Làm trong module tên blog
Code:
#blog_title .bd{background:transparent}

5. Làm trong suốt tổng số trang (dưới entry, bất biết phải gọi là module gì)
Code:
.mod-alist-summary .pagination, .mod-alist-full .pagination{background:transparent}

6. Làm trong suốt nền cmm (khung bình luận của bài viết)
Code:
.cmt-mod-alist #comments-listing .extend-hd, .cmt-mod-alist #comments-listing .extend-bd .alist-comment {background:none;}
.alist-comment #comment_container *, .cmt-mod-alist #comments-listing , .cmt-mod-alist #comments-listing .alist-comment {background:none;}

Chú thích: Code này chỉ nên sử dụng khi blog bạn trời về một background lớn bao quát toàn blog, và trời về sử dụng trong suốt các module

7. Làm trong suốt viền các module
Code:
#friend-list .rc div, #friendlist_module .rc div, .rc div,.col-150 .rc div {background:transparent ;}
#friend-list .rc, #friendlist_module .rc, .rc,.col-150 .rc {background:transparent ;}
#friend-list .rc_bd div.rc_bc, #friendlist_module .rc_bd div.rc_bc, .rc_bd div.rc_bc,.col-150 .rc_bd {background:transparent ;}
#friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd,.col-150 .rc_bd div.rc_bc {background:transparent ;}
#friend-list .rc_ft div, #friendlist_module .rc_ft div, .rc_ft div, .col-150 .rc_ft div {background:transparent ;}
#friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, .col-150 .rc_ft {background:transparent ;}

Chắc là đủ rồi nhỉ !
Chú ý ngoài các cách trên, bất nhất thiết bạn phải làm trong suốt cho toàn bộ module trong blog bạn, thay vào đó các bạn chỉ cần làm trong suốt một số module cần thiết, nó cũng bất kém phần độc đáo đâu

IV. Cách làm trong suốt nâng cao
Phần này các bạn có thể bất nên phải đọc

1. Làm trong suốt phần đầu trang của blog, một số người gọi là black box
Thường thì cái này làm trong suốt cũng được và không làm trong suốt cũng được, như mình là cứ để nguyên thôi
Code:
#blog_masshead .rc{background:transparent;} #blog_masshead .rc div{background:transparent;} #blog_masshead .rc_bd{background:transparent;} #blog_masshead .rc_bc{background:transparent;} #blog_masshead .rc_ft{background:transparent;} #blog_masshead .rc_ft div{background:transparent;} #blog_masshead .bd{background:transparent;} #blog_masshead{background:transparent}

2. Làm trong suốt footer của blog
Là phần dưới cùng của blog, có ghi bản quyền, các bạn có thể làm trong suốt nó nếu các bạn bất thích
Code:
#footer .ft .provider p, #footer .ft .info p, #footer .ft .rights p, #footer .ft .privacy p, #footer .ft .disclaimer p, #footer .ft .provider h4, #footer a, .rights, #footer {font-size:0px;color:transparent;}

Đến đây lại có một tình huống đặt ra, đó là nó vừa trong suốt, nhưng vẫn còn những đường kẻ trắng nhỏ, và vẫn còn các chữ bản quyền, nếu bạn muốn mất nốt nó đi thì dùng code này
Code:
#footer{background:transparent;}

Hướng dẫn dùng hình ảnh thay thế cho tên các modun

Trước khi bắt đầu mình lưu ý các bạn là: Hình thay thế phải có chiều dài (width) nhỏ hơn hay bằng 140 px nhe ^^ chiều cao (height) thì muốn dùng hình cao bao nhiu cung oke

.
Sau khi thay link hình xong các bạn nhớ thay chiều cao cho hình luôn nha (Chữ X đó ^^ )
Thay thế hình ảnh cho tên của:

1. Modun bài mới nhất:

#article_new .rc_bd .rc_bc .hd .titlebar .hd h2, #article_new .rc_bd .rc_bc .hd .titlebar .hd a {
background:transparent url(Linh hình) no-repeat scroll center bottom;

height: X px;
color:transparent;}

2. Modun bài viết:

.mod-alist-searchbox form strong {
color:transparent;}
.mod-alist-searchbox form {
background:transparent url(Link hình) no-repeat scroll center center;
height: X px;}

3. Modun bình luận mới nhất:

#comment_new .hd .titlebar .hd { background:transparent url(Link hình) no-repeat scroll center center;
height: X px;}

.mod-comment-new .rc_bd .rc_bc .hd .titlebar .hd h2, .mod-comment-new .rc_bd .rc_bc .hd .titlebar .hd a
{color:transparent;}

4. Modun thư mục riêng:

#folder h2 { background:transparent url(Link hình) no-repeat scroll center bottom;
height: X px;}
#folder .rc_bd .rc_bc .hd .titlebar .hd h2, #folder .rc_bd .rc_bc .hd .titlebar .hd a {
color:transparent;}

5. Modun bình luận nhanh:

#guestbook_entries h2 { background:transparent url(Link hình) no-repeat scroll center bottom;
height: X px;}
#guestbook_entries .rc_bd .rc_bc .hd .titlebar .hd h2, #guestbook_entries .rc_bd .rc_bc .hd .titlebar .hd a {color:transparent;}

6. Modun thống kê:

#statistic h2 {

background:transparent url(Link hình) no-repeat scroll center bottom;

height: X px;}
#statistic .rc_bd .rc_bc .hd .titlebar .hd h2, #statistic .rc_bd .rc_bc .hd .titlebar .hd a {
color:transparent;}

7. Modun danh sách bạn bè:

#friendlist_module .rc_bd .rc_bc .hd .titlebar .hd h2, #friendlist_module .rc_bd .rc_bc .hd .titlebar .hd a {color:transparent;}

#friendlist_module h2 {
background:transparent url(Lik hình) no-repeat scroll center bottom;
height: X px;}

8. Modun tự tạo:

#user_mod_1000Y .rc_bd .rc_bc .hd .titlebar .hd h2, #user_mod_1000Y .rc_bd .rc_bc .hd .titlebar .hd a { color:transparent;}
#user_mod_1000Y h2 {
background:transparent url(Link hình) no-repeat scroll center bottom;
height: X px;}

ji_yool_93 · 11/10/09

/* Code làm top và bottom như blog 360*/
Mã:
#blast A, #blast A:hover{
COLOR: #;
}
body{
background:/*Màu background*/;}
#doc2, #doc{
background:/*Màu background*/
url(link file ảnh của top theme ) no-repeat center top;}
#bd{
background:transparent
url(link file ảnh của bottom theme ) no-repeat center bottom;}

c. Theme nền cố định (1 hình duy nhất):
Nền theme sẽ khác (a.) 1 chút, nó nằm cố định và bất set
liền tiếp nhau:
Copy đọan code dưới đây và ô “CSS”:
(link ảnh nền: chèn link ảnh nền mà bạn vừa up lên web)
Mã:
/* hình nền cho toàn blog */
BODY.blog_my {BACKGROUND:url(link ảnh) #000000 fixed;}
//Thông số fixed là để làm nền đứng yên bất chuyển
động theo thanh cuộn rất hợp với nền dạng partern. Nếu
không thích bạn có thể loại bỏ thông số này!

Chọn “Lưu”, hay nhấn F5 để load Blog 1 hay 2 lần,
blog sẽ hiển thị Theme.
d. Bố trí lại màu sắc của các module cho hợp lý:
1 phần nằm ở khiếu thẩm mỹ của mỗi bạn :
Màu nền module phụ và nền của tiêu đề các module phụ
(phần nằm 2 bên, trong các ô dàn bên cạnh: tùy vào cách
bạn chọn dàn trang) lẫn nền module và nền tiêu đề các
module chính (phần ở giữa) : Vẫn sẽ là 1 màu background
đơn điệu.
Tùy theo theme chèn vào, các bạn chỉnh sửa lại 1 số màu
sắc và phân định rõ phần nào sẽ set màu, phần nào để
trong suốt (trước khi nhảy vào làm trong suốt nền trả toàn).
Bạn có thể hiệu chỉnh riêng Module : “Thiết kế”-->“Bài
viết mới”: chỉnh độ mờ nhạt, nền màu phù hợp với chữ viết.
2> BACKGROUND CHUNG CHO CÁC MODULE:
(Chèn code vào khung "CSS")

a. Module chính (phần module ở giữa):
** Màu nền Module chính: Chèn đoạn code dưới đây
vào ô “CSS”:

+ Ảnh nền là trong suốt:
Mã:
.col-600 .rc_bd .rc_bc .bd {background:transparent;}

+ Ảnh nền là 1 background bất kỳ (Thay link ảnh nền
bằg URl tới ảnh)

Mã:
.col-600 .rc_bd .rc_bc .bd {background:transparent
url(Link ảnh nền);}
** Màu nền tiêu đề các module chính:
+ Ảnh nền trong suốt:
Mã:
.col-600 .rc_bd .rc_bc .hd .titlebar .hd,.col-600 .rc_bd
.rc_bc .hd .titlebar{background:transparent;}
+ Ảnh nền là 1 background bất kỳ (Thay link ảnh nền
bằg URl tới ảnh):
Mã:
.col-600 .rc_bd .rc_bc .hd .titlebar .hd,.col-600
.rc_bd .rc_bc .hd .titlebar{background:transparent
url(Link ảnh tiêu đề);}
b. Module phụ (phần module ở bên cạnh):
** Màu nền Module phụ: Chèn đoạn code dưới đây
vào ô “CSS”:

+ Ảnh nền trong suốt:
Mã:
.col-150 .rc_bd .rc_bc .bd {background:transparent;}
+ Ảnh nền là 1 background bất kỳ (Thay link ảnh nền
bằg URl tới ảnh):
Mã:
.col-150 .rc_bd .rc_bc .bd {background:transparent
url(Link ảnh nền);}
** Màu nền tiêu đề các module phụ:
+ Ảnh nền trong suốt:
Mã:
.col-150 .rc_bd .rc_bc .hd .titlebar .hd,
.col-150 .rc_bd .rc_bc .hd .titlebar
{background:transparent;}
+ Ảnh nền là 1 background bất kỳ (Thay link ảnh nền
bằg URl tới ảnh):
Mã:
.col-150 .rc_bd .rc_bc .hd .titlebar .hd,
.col-150 .rc_bd .rc_bc .hd .titlebar
{background:transparent url(Link ảnh tiêu đề);}
c. Module tự làm ra (tạo) (phần module do bạn vào
"thiết kế" thêm vào):
Module tự làm ra (tạo) sẽ có số hiệu từ 10001-10010. Tuỳ
Module số bao nhiêu mà blogger sẽ thay “X” này
bằng số thích hợp. (Nhấn vào "Thiết kế" sẽ biết
module đó là số bao nhiêu)
Mã:
#user_mod_1000X .rc_bd .rc_bc .hd
.titlebar .hd{background:transparent;}
#user_mod_1000X .rc_bd
.rc_bc .bd {background:transparent;}
3> BACKGROUND RIÊNG CHO TỪNG MODULE:
**Notes: nếu muốn làm trong suốt nền các module
tòan bộ cần fải để code màu thành transparent, và
chọn hình nền trong suốt!
a. Ảnh nền theme của phần blog:
Nếu để ảnh tràn toàn blog nên đặt là fixed như sau:
Mã:
BODY.blog_my {BACKGROUND:
url(link hình) #000000 fixed;}
b. Ảnh nền Bảng tin nhắn:
Mã:
BODY.guestbook {BACKGROUND:
url(link hình) #000000 fixed;}
c. Ảnh nền của bộ đếm Statistic:
(Có thể thay bằng ảnh động, bạn nhớ kích thước của ảnh
ko nên lớn quá 30 pixels):
Mã:
#statistic .bd {background:#FFFFFF url(link hình);}
d. Ảnh nền của phần comments:
(Nên dùng ảnh màu thật nhạt, ảnh tĩnh đuôi jpg nếu không sẽ
che hết chữ):
Mã:
#comment_new .bd {background:#FFFFFF
url(link hình);}
d. Ảnh nền của phần Thư mục (tag):
Có thể dùng ảnh dài, bởi tag càng nhiều nó sẽ càng dài ra:
Mã:
#folder .bd {background:#FFFFFF url(link hình);}
e. Ảnh nền của phần lịch (cố định kích cỡ):
Mã:
#calendar .bd {background:#FFFFFF url( link hình);}
f. Ảnh nền của trang Profiles:
Mã:
BODY.profile_view {BACKGROUND:
url (link hình) #000000 fixed;}
g. Ảnh nền trong mỗi Entry:
Mã:
.mod-alist-full .main-bd{background:#FFFFFF
url(link hình)}
h. Ảnh nền của tiêu đề mỗi Entry:
Mã:
.mod-alist-full .main-hd{background:#FFFFFF
url(link hình)}
i. Chèn hình nền vào module tự tạo:
(Riêng phần này: Chèn code trực tiếp vào module đó)

( Link hình link tới 1 trang khác)
Mã:

(Link hình bất link tới trang khác)
Mã:

j. Ảnh nền phần tâm trạng:
Mã:
#mod_lifeline .rc_bd .rc_bc .bd {background:
url(link hình) left top;}
4> 1 SỐ THỦ THUẬT KHÁC:
Lưu ý: Tất các code này đều chèn trực tiếp vào :
"Thiết kế"--> "Theme"--> "Tự chỉnh sửa theme"
--> Khung "CSS"

a. Canh phải tiêu đề:

Mã:
/* canh phải tiêu đề module */
.hd .titlebar .hd h2{
text-align:right;}
Mục đích canh phải các tiêu đề là để thêm các icon vào
bên trái mỗi module, khi đó tiêu đề sẽ bất bị chồng
lên icon.
Thật ra canh phải tiêu đề trả toàn tất cả các module
cũng không hẳn là cách hay, vì tiêu đề của mỗi module
có độ dài ngắn khác nhau, cho nên với module có tiêu
đề ngắn nhìn không được hay lắm.
các bạn có thể tùy vào từng module mà canh phải
hay canh giữa cho phù hợp, cùng thời có thể tùy
chỉnh vị trí của ảnh nền cho phù hợp hơn nữa bằng
cách thay đổi giá trị của 2 tham số phía sau url của ảnh:
VD:

Mã:
background:transparent url(link hình)
no-repeat XY;text-align:{left/right/center};
X là chiều thằng đứng, Y là chiều ngang tính
theo đơn vị pixel.
Như bình thường tất cả người thường để X Y là
"left top" để căn vào góc trên bên trái.
Chẳng hạn giờ Ruby muốn icon chèn vào lùi vào
trong (dịch sang bên phải) 5 pixels thì code là:
Mã:
background:transparent url(link hình) no-repeat 5px top;
Nếu bạn chèn icon vào thẻ h2 còn background
của title bar chèn vào class .hd thì 2 cái này trả
toàn có thể sử dụng cùng thời, chỉ có điều là độ
trong suốt của background sẽ tăng lên một chút tùy
vào độ opacity của 2 ảnh icon và background.

b. Thêm icon cho mỗi module: vị trí phía bên trái:
/* icon các module */
Mã:

/* bảng thống kê */
#statistic h2{
background:transparent
url(http://hanamibuu.com/thongke.png) no-repeat left top;}
Mã:
/* Bài mới đăng */
#article_new h2{
background:transparent
url(http://hanamibuu.com/baimoi.png) no-repeat left top;}

Mã:
/* Ảnh trong blog */
#photo_highlight h2{
background:transparent
url(http://hanamibuu.com/photo.png) no-repeat left top;}
.mod-comment-new .titlebar .hd h2{
background:transparent
url(http://hanamibuu.com/coment.png) no-repeat left top;}
Mã:

/* Thư mục riêng */
#folder h2{
background:transparent
url(http://hanamibuu.com/folder.png) no-repeat left top;}
Mã:
/* Cập nhật ngày */
#update_date h2{
background:transparent
url(http://hanamibuu.com/capnhat.png) no-repeat left top;}
Mã:
/* RSS */
#rss_output .bd a{
height:25px;background:transparent
url(http://hanamibuu.com/rss.png) no-repeat left top;}
Mã:
/* Tìm kiếm */
#search_module h2{
background:transparent
url(http://hanamibuu.com/timkiem.png) no-repeat left top;}
Mã:
/* Bình luận mới nhất */
#comment_new .bd ul li {background:transparent
url(link ảnh) no-repeat left top;}
Mã:
/* Thư mục riêng */
#folder .bd ul li {background:transparent
url(link ảnh) no-repeat left top;}
Các link ảnh các bạn có thể thay đổi bằng cái icon khác.
Khuyên dùng định dạng .png với nền trong suốt cho
đẹp (kích thước chuẩn là 26x26 hay 13x13, chọn ảnh động thì càng đẹp^^)
c. Thay đổi con trỏ trên blog theo ý mình:

Mã:
body{cursor: x;}
a:hover{cursor: y;}
Trong đó x là tuỳ chọn cho con trỏ trên toàn bộ blog
của bạn, y là con trỏ hiển thị khi đặt lên một liên kết,
dưới đây là danh sách con trỏ được hỗ trợ:

pointer

You must be registered for see links

crosshair

You must be registered for see links

n-resize

You must be registered for see links

w-resize

You must be registered for see links

ne-resize

You must be registered for see links

nw-resize

You must be registered for see links

move

You must be registered for see links

wait

You must be registered for see links

Giúp

You must be registered for see links

d. Code chèn hình động khi rê chuột vào các link:

/* Đoạn code này làm cho hình trái tim xuất hiện khi chuột rê vào các link trên toàn blog*/
Mã:
a:hover
{text-decoration:none;
color:#D570EE;
text-decoration:none;
font-weight:bold;
background-image:url(link ảnh);}
e. Chỉnh độ dài của 1 module tự làm ra (tạo) thì bạn vào
CSS gõ đoạn code tương tự như sau:
Mã:
#user_mod_1000X .rc_bd .rc_bc .bd {height:Ypx;}
Trong đó X là số thứ tự của module, từ 1 đến 10, còn
Y là chiều dài của module tính theo đơn vị pixel.

f. Màu nền phần chữ trong blast: #000000: là giá trị màu chữ đen
Mã:
#blast A, #blast A:hover{
COLOR:#000000;}

g. Code làm trong suốt viền các module

Mã:
.rc div, #subscribe_highlight .rc div,
#mod-tagged-frd-article
.rc div{background:transparent
url(

You must be registered for see links

)
no-repeat right bottom;}
.rc, #subscribe_highlight .rc,
#mod-tagged-frd-article .rc {background:transparent
url(

You must be registered for see links

) no-repeat left bottom;}
.rc_bd div.rc_bc, #subscribe_highlight .rc_bd div.rc_bc,
#mod-tagged-frd-article .rc_bd
div.rc_bc{background:transparent
url(

You must be registered for see links

) repeat-y right top;}
.rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article
.rc_bd {background:transparent
url(

You must be registered for see links

) repeat-y 0% 50%;}
.rc_ft div, #subscribe_highlight .rc_ft div,
#mod-tagged-frd-article .rc_ft div {background:transparent
url(

You must be registered for see links

) no-repeat right top;}
.rc_ft, #subscribe_highlight .rc_ft,
#mod-tagged-frd-article .rc_ft {background:transparent
url(

You must be registered for see links

) no-repeat left top;}
.rc_bc .bd, #subscribe_highlight .rc_bc .bd,
#mod-tagged-frd-article .rc_bc .bd {background-color:transparent;
background-image:
url(

You must be registered for see links

);}
#blast .rc_ft {background:transparent
url(

You must be registered for see links

) no-repeat left bottom;}
#blast .rc_ft div {background:transparent
url(

You must be registered for see links

) no-repeat right bottom;}

h. Khung bài viết dành cho Blog:
Phần này chèn trực tiếp vào entry (đánh dấu vào ô HTML)

Mã:

background="Linh ảnh nền"
border="1">

"nội dung entry "

Code để thay nền thanh tiêu đề của các module

.col-150 .rc_bd .rc_bc .hd .titlebar .hd, .col-150 .rc_bd .rc_bc .hd .titlebar, .col-600 .rc_bd .rc_bc .hd .titlebar .hd, .col-600 .rc_bd .rc_bc .hd .titlebar, .row-920 .rc_bd .rc_bc .hd .titlebar .hd, .row-920 .rc_bd .rc_bc .hd .titlebar {background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Titlebar/1.png) repeat-x left top;}

các bạn có thể thay link đó bằng các hình thanh tiêu đề khác :

You must be registered for see links

Code làm cùng hồ cho 360plus

Nếu thích thì hãy xem cách làm như sau nhé :

- Đầu tiên vào trang

You must be registered for see links

- Sau đó Click vào Gallery . Tại đây có khá nhìu thể loại cùng hồ rất đẹp, tha hồ lựa chọn nhé

- Sau khi vừa ưng ý mẫu cùng hồ nào, bạn click vào View HTML fía dưới cùng hồ nhé

- 1 Popup hiện ra, Bạn click vào Accept nhé.
- Bạn chọn múi giờ là GT + 7 ( múi giờ Việt Nam )
- Và Copy đoạn Code bên dưới .
- Sau đó làm ra (tạo) 1 Module mới ở Blog bạn, rồi Paste đoạn Code đó vào là xong

Trang trí Blast

1_Đầu tiên là code làm trong suốt nền cho Blast :
Code:

#blast .rc div {background:transparent;}
#blast .rc {background:transparent;}
#blast .rc_bd div.rc_bc {background:transparent ;}
#blast .rc_bd {background:transparent ;}
#blast .rc_ft {background:transparent ;}
#blast .rc_ft div {background:transparent ;}
#blast .rc_bc .bd{background-color:transparent}

_Nếu bạn vừa sử dụng code này trong bài 4Làm Trong Suốt Blog Hoàn Toàn Và làm Mất Đường Viền Thì Vô Đây rồi thì thôi nếu chưa thì bỏ vào css nhá
2_làm trong suốt các đường viền quanh Blast:

Nếu bạn nào có dùng Code Border cho blog, thì sẽ bị dính vài nét border ( đường viền ) vào Blast, Code sau có thể làm mất các đường viền phiền toái này :

Code:

#blast .rc div {background:transparent;}
#blast .rc {background:transparent;}
#blast .rc_bd div.rc_bc {background:transparent ;}
#blast .rc_bd {background:transparent ;}
#blast .rc_ft {background:transparent ;}
#blast .rc_ft div {background:transparent ;}

3_Tiếp theo là Code thay nền cho blast

Code :

#blast .rc_bc .bd{background-color:transparent;background-image:url(Link Ảnh);}

4_Thay đổi font chữ ,màu sắc Kich Thước chữ cho câu Blast

Phần này chắc có nhiều u thắc mắc lắm nhở .Vì vậy Hôm nay viết về code cho phần blast này mình cũng cung cấp sẵn thay dổi chữ cho phần này .và bây giờ là code

a_Đối với chữ Blast không chèn Link : Code:

#blast .rc_bc .bd {font-weight:bold;font-style:italic;color:#mã_màu;font-size:110%;}

b_Đối với chữ Blast có chèn link :

Code:

#blast .rc_bc .bd a{font-weight:bold;font-style:italic;color:#mã_màu;font-size:110%;}

Phần font-size:110% là thay đổi cỡ chữ bạn có thể thay lại có thể là 100% or 120% cỡ chữ mà bạn thích

5_Thay đổi viền và hình nền cho Blast

Code;

#blast .rc_bc .bd{background-color:transparent;background-image:url(Link hình);}

#blast .rc_ft, #blast .rc_ft div{background:transparent no-repeat left top;}

#blast .rc div {background:transparent url(Link hình) no-repeat right top;}

#blast .rc {background:transparent url(Link hình) no-repeat left top;}

#blast .rc_bd div.rc_bc {background:transparent url(Link hình) repeat-y right top;}

#blast .rc_bd {background:transparent url(Link hình) repeat-y ;}

#blast .rc_ft {background:transparent url(Link hình) no-repeat left top;}

#blast .rc_ft div {background:transparent url(Link hình) no-repeat right top;}

6_Thay đổi chiều cao của Blast

Code :

#blast .bd {height:556px

Vậy là xong riêng phần cho Blast rồi nhá

vui lòng đọc kĩ bài viết rồi thay đổi dùm nhé

1 số hình cho blast đây:

Nguồn :sưu tầm

katty_blog · 11/10/09

woa, Thank bạn nhìu nhìu nhìu thiệt nhìu .... mới dọn wa plus, mù tịt lun, làm dc òy nhưng mà còn cái trong suốt blast hình như hok dc

Darek · 11/10/09

bạn cho mình xjn code chat r0om chèn vào mo-dun tự làm ra (tạo) được ko. thanks trc'

mình làm mãi nó chả hiện lên. chỉ thấy mỗi cái mặt cười yh!

mainhomotnguoi_1992 · 11/10/09

chèn hình nền vào module mà không cho cỡ size của nó à

Clintwood · 11/10/09

Thank bạn mình có thể làm blog rồi

ngalovexuan · 11/10/09

còn làm themes tuyết rơi thì seo??????

baohuy72 · 11/10/09

Trích:

takhung

You must be registered for see links

còn làm themes tuyết rơi thì seo??????

Bạn chèn code này vào:

Hiệu ứng tuyết rơi

#head{background:transparent url(

You must be registered for see links

) center bottom;}

#bd{background:transparent url(

You must be registered for see links

) center bottom;}

Torrey · 11/10/09

ôi thanks tình yêu nha ^^

yenbai_net · 11/10/09

bạn ơi vậy còn nếu muốn làm hình nền themes của mình vào cuối màn hình như :

You must be registered for see links

phải làm sao

meo_khung_1201 · 11/10/09

bạn ui ! tui mún có tia chớp ở module chứa avarta thì làm sao ???? Thanks bạn trứoc lun, bài hay ghê, blog tui làm gần xong hết lun

lazer_lazy1209 · 11/10/09

pài hay wo'. dọn wa lpus chả biết làm je` gặp bài nì bổ ít thật

You must be registered for see links

nguyen.bbi98 · 11/10/09

bạn ui!!! mình mún làm module avarta có tia sét mà ảnh động thì lấy ỡ đâu ????????

Rheged · 11/10/09

mình vừa update thêm một số thũ thuật
bạn nào mún biết thêm rõ hơn thì

You must be registered for see links

Alvan · 11/10/09

link có virus

voungvan · 11/10/09

bạn cho hỏi làm sao để có thể dịch chuyển từng tên tiêu đề như bạn nói vậy?

t1nhy3ul4gj91 · 11/10/09

thAnk nhỳu cập nhật nhanh

anewday_2u · 11/10/09

bạn 0y bạn giúp mình chút được không,cái này mình mới dùng lên bất hiểu gi cả,KFC cai nay` wa",ở phần css đấy bạn,mình chẳng biết cái gì là đầu tiên cả,cái gì trước cái gì sau minh bất rõ nua~,ma` ban chi la` hjnk` nen` roi` #f00000 dey la` mau` den ma`,sao ma` hien dc chu,ban co the hướng dẫn cho mik` tan tink` ty" dc hok.thank

mr_nh0k_kut3.bibi · 11/10/09

Trích:

namket

You must be registered for see links

link có virus

link đó là blog mình không hề có virus vì vậy đừng spam nhảm nhé
Thân !

Tạo bởi	Tiêu đề	Blog	Lượt trả lời	Ngày
F	Hướng dẫn tạo mã QR nhanh trên Chrome!	Thủ thuật tin học	0	23/9/14
B	Hướng dẫn tự in mã vạch từ excel bằng Seagull Bartender 7.75	Giới thiệu phần mềm hay theo yêu cầu	0	10/8/14
T	Hướng dẫn hack mã thẻ điện thoại mạng Viettel cực kỳ đơn giản	InterNet	25	7/1/13
C	Xin hướng dẫn cài mã WIfi cho modem	InterNet	9	13/12/12
L	Hướng Dẫn Nhận Mã Bạch Kim Lệnh + Kis Vbons Miễn Phí	Game online	0	12/12/12
T	hướng dẫn lắp bộ fát sóng wifi (đặt mật mã)	Hỏi đáp Tin học	1	14/6/10
B	[Hướng dẫn] Dùng getdataback để sao lưu và cứu dữ liệu từ thư mục đã được mã hóa	Thủ thuật tin học	0	7/12/09
P	[Hướng dẫn] Giải mã Password vào BIOS ???!!!	Hỏi đáp Tin học	6	5/11/09
D	hướng dẫn sử dụng phần mềm plaxis tính toán thiết kế công trình trên nền đất yếu	Khoa học kỹ thuật	0	7/3/24
D	Chọn lọc và hướng dẫn giải bài tập di truyền học	Nông Lâm Thủy sản	0	19/2/24

New Member

New Member

New Member

New Member

New Member

New Member

New Member

New Member

New Member

New Member

New Member

New Member

New Member

New Member

New Member

New Member

New Member

New Member

New Member

New Member

Các chủ đề có liên quan khác