Thế Giới Online
Thế Giới Online
Thế Giới Online
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.



 
Trang ChínhTìm kiếmLatest imagesĐăng kýĐăng Nhập
Thông Điệp Yêu ThươngLove Telling Tình yêu mang đến nhiều niềm vui nhưng nó thường mang lại đau khổ, tình yêu chỉ tuyệt vời khi bạn dành cho ai xứng đáng lãnh nhận. Bạn hãy dành thời gian để chọn cho mình người phù hợp nhất.

Share | 
 

 làm đẹp blog 360 plus bằng mã CSS

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down 
làm đẹp blog 360 plus bằng mã CSS EmptyTue Aug 24, 2010 9:26 amBài gửiTiêu đề: làm đẹp blog 360 plus bằng mã CSS
..::PK_No1::..
.::Member::.
..::PK_No1::..

.::Member::.

Ngày Vào Ngày Vào : 26/07/2010
Đến từ Đến từ : Đïa.…Ngµ¢.
Được Cảm Ơn Được Cảm Ơn : 3
Số bài gửi Số bài gửi : 58
Điểm Điểm : 143
Quốc Tịch Quốc Tịch : 32
làm đẹp blog 360 plus bằng mã CSS Vide



Để dùng mã 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ự 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(link ảnh here) no-repeat right bottom;}
.rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(link ảnh here) 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(link ảnh here) repeat-y right top;}
.rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd {background:transparent url(link ảnh here) repeat-y 0% 50%;}
.rc_ft div, #subscribe_highlight .rc_ft div, #mod-tagged-frd-article .rc_ft div {background:transparent url(link ảnh here) no-repeat right top;}
.rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {background:transparent url(link ảnh here) 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(link ảnh here) no-repeat left bottom;}
#blast .rc_ft div {background:transparent url(link ảnh here) 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;}


Code chèn hình thay nút trang chủ



Code:

div.backhomtbtn a.backtomyblog {background:url(link ảnh here) no-repeat;height:98px;}

98 la` chiều cao của hinh` (tùy chỉnh chiều cao theo kích thước chiều cao của hỳnh mà ta có thể chỷnh)
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á
làm đẹp blog 360 plus bằng mã CSS HomeButton-4làm đẹp blog 360 plus bằng mã CSS Home-2làm đẹp blog 360 plus bằng mã CSS Homebutton-8làm đẹp blog 360 plus bằng mã CSS Homebutton-3làm đẹp blog 360 plus bằng mã CSS Coollogo_com_138633247làm đẹp blog 360 plus bằng mã CSS Homebutton-11làm đẹp blog 360 plus bằng mã CSS 2056353szq3m8ce3elàm đẹp blog 360 plus bằng mã CSS 1405394m8vyazom89
làm đẹp blog 360 plus bằng mã CSS 1126471e3d1ohayvplàm đẹp blog 360 plus bằng mã CSS 120961s2179e4qhilàm đẹp blog 360 plus bằng mã CSS 1145067nkf9kzsnwzlàm đẹp blog 360 plus bằng mã CSS 1418199nha7tporvllàm đẹp blog 360 plus bằng mã CSS 1263808mufsl45hellàm đẹp blog 360 plus bằng mã CSS 710891n3pce9afkalàm đẹp blog 360 plus bằng mã CSS 130làm đẹp blog 360 plus bằng mã CSS Xsgs_12001làm đẹp blog 360 plus bằng mã CSS 1549489jjywbfomgglàm đẹp blog 360 plus bằng mã CSS 071806_2060367238_ghvorwsx
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)


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 ko 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, không 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 thiên về một background lớn bao quát toàn blog, và thiên 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, không 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 không 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ể không cầ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à ko 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 không 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ó đã 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;}
Về Đầu Trang Go down
làm đẹp blog 360 plus bằng mã CSS EmptyThu Aug 26, 2010 5:29 amBài gửiTiêu đề: Re: làm đẹp blog 360 plus bằng mã CSS
nh0x_sh3lly00
.::Member::.
nh0x_sh3lly00

.::Member::.

Ngày Vào Ngày Vào : 22/08/2010
Đến từ Đến từ : tp.pleiku
Được Cảm Ơn Được Cảm Ơn : 2
Số bài gửi Số bài gửi : 14
Điểm Điểm : 20
Quốc Tịch Quốc Tịch : 29
làm đẹp blog 360 plus bằng mã CSS Vide



woa hay woa' thanks......!!
Về Đầu Trang Go down
 

làm đẹp blog 360 plus bằng mã CSS

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang 
 Follow me at TwitterMaxF Movies FeedburnerRss  Add to Digg Add to Technorati Add to Delicious Add to Reddit Add to Yahoo Add to Google Add to Facebook Add to Twitter Add to FriendfeedAdd to Stumbleupon Add to Blinklist Add to Live Add to Slashdot Buzz Up  
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
Thế Giới Online :: Thủ Thuật Máy Tính ,Internet :: Thế Giới Blog - Plus :: Kỹ Thuật Làm Blog - Thủ Thuật Blog-
làm đẹp blog 360 plus bằng mã CSS 3L0.12169715_66654_1
làm đẹp blog 360 plus bằng mã CSS Logocz0
làm đẹp blog 360 plus bằng mã CSS Gocnhinvietng9
làm đẹp blog 360 plus bằng mã CSS Logokh4
làm đẹp blog 360 plus bằng mã CSS Logocaugiat
làm đẹp blog 360 plus bằng mã CSS Sanchoituoiteenew4
làm đẹp blog 360 plus bằng mã CSS 41921250295855
 


Diễn đàn được phát triển bởi tất cả các thành viên.
Ban Quản trị không chịu trách nhiệm về nội dung thành viên đăng tải.
Ban Điều Hành Diễn Đàn Trang Vinh
Powered by vBulletin® Version 4.0.5
Nhóm Phát Triễn Diễn Đàn trungvinh Online
Hỗ Trợ Kỹ Thuật : Trang Vinh


Lưu Trữ - Trở Lên Trên
Free forum | ©phpBB | Free forum support | Báo cáo lạm dụng | Thảo luận mới nhất