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ínhLatest imagesTìm kiếmĐăng kýĐăng Nhập
Tìm key
Nhập phần mềm ..
Latest topics
» SỬA MÁY TÍNH , MÁY IN, ĐỔ MỰC MÁY IN TẠI NHÀ HỒ CHÍ MINH
code cho blog 360 Icon_minitimeby tuquynh 25/2/2012, 11:09 am

» Khai giảng lớp luyện thi N2 và N3 tại Trung tâm Nhật Ngữ Top Globis
code cho blog 360 Icon_minitimeby tuquynh 25/2/2012, 11:04 am

» Phần mêm thiết kế hóa đơn rồi tự in
code cho blog 360 Icon_minitimeby mem1000 11/10/2011, 10:33 am

» vietpon mua sản phẩm chất lượng, giá tốt.
code cho blog 360 Icon_minitimeby tuquynh 30/9/2011, 4:44 pm

» Học tiếng Nhật - Top Globis
code cho blog 360 Icon_minitimeby tuquynh 30/9/2011, 4:29 pm

» Xilisoft Video Converter Ultimate 6 0 7 0707 Full Version
code cho blog 360 Icon_minitimeby mem1000 31/8/2011, 11:11 am

» Sửa anh online
code cho blog 360 Icon_minitimeby mem1000 30/8/2011, 11:18 am

» Bách phát bách trúng
code cho blog 360 Icon_minitimeby lequyetthanh 25/8/2011, 10:29 pm

Liên kết
Kết quả sổ xố Tỉ giá ngoại tệ Xem thời tiết hôm nay Kho luận văn
Top posters
Admin (636)
code cho blog 360 Poll_leftcode cho blog 360 Voting_bar2code cho blog 360 Poll_right 
gacon (185)
code cho blog 360 Poll_leftcode cho blog 360 Voting_bar2code cho blog 360 Poll_right 
meocon (147)
code cho blog 360 Poll_leftcode cho blog 360 Voting_bar2code cho blog 360 Poll_right 
mem1000 (144)
code cho blog 360 Poll_leftcode cho blog 360 Voting_bar2code cho blog 360 Poll_right 
lequyetthanh (72)
code cho blog 360 Poll_leftcode cho blog 360 Voting_bar2code cho blog 360 Poll_right 
lady9x (41)
code cho blog 360 Poll_leftcode cho blog 360 Voting_bar2code cho blog 360 Poll_right 
jackychun (38)
code cho blog 360 Poll_leftcode cho blog 360 Voting_bar2code cho blog 360 Poll_right 
hum`kondethuong (27)
code cho blog 360 Poll_leftcode cho blog 360 Voting_bar2code cho blog 360 Poll_right 
tuquynh (12)
code cho blog 360 Poll_leftcode cho blog 360 Voting_bar2code cho blog 360 Poll_right 
tranvandoan (9)
code cho blog 360 Poll_leftcode cho blog 360 Voting_bar2code cho blog 360 Poll_right 
Keywords
trình 2011 kiếm 2010

 

 code cho blog 360

Go down 
2 posters
Tác giảThông điệp
mem1000
Thành viên tích cực cấp II
Thành viên tích cực cấp II
mem1000


Tổng số bài gửi : 144
Điểm viết bài là : 26794
Join date : 08/06/2010
Đến từ : Việt Nam

code cho blog 360 Empty
Bài gửiTiêu đề: code cho blog 360   code cho blog 360 Icon_minitime18/6/2010, 7:41 pm

Themes cho blog của bạn bao gồm themes
cho toàn blog, themes cho từng module, themes cho tiêu đề ... và nó như
khuôn mặt của blog, đóng góp rất lớn cho vẻ đẹp của blog, vì thế, đừng
quên mà chăm sóc cho sắc đẹp quá mình.
Sau đây là một số code tạo themes blog tiểu biểu và thông dụng nhất


I. Themes cho toàn trang


themes cho toàn bộ trang màn hình blog của bạn, có thể dùng ảnh động
hoặc ảnh kích cỡ nhỏ để rp, tùy theo các sáng tạo của bạn, hoặc là một
hình lớn, bao trùm cả blog


Code:
BODY.blog_my {BACKGROUND:url(Link ảnh) #mã màu fixed;}

Fixed
là để themes đứng yên, không bị cuốn theo khi các bạn di chuyển, bỏ đi
hay không là tùy các bạn, hoặc là thay bằng repeat để lặp lại hình (do
một số blogger nói), nhưng mình thấy không cần thiết vì nếu hình ảnh
của bạn bé hơn độ phân giải bạn đang dùng nó sẽ tự repeat


II. Themes gồm top và bottom

Themes
này có thể được bổ trợ cùng với themes trên, vì nó chỉ dùng cho khoảng
cách xa nhất giữa phần đầu cột module bên trái sang đầu kia của cột
module bên phải của bạn


Code cho phần top
#head {background:transparent url(link ảnh) no-repeat center top;height:Apx;}

Code cho phần bottom
#bd {background:transparent url(link ảnh) no-repeat center bottom;}

III. Themes cho các module

Ở phần này, các bạn có thể lựa chọn giữa 2 cách làm là chèn themes cho module hoặc là thiết kế module theo ý bạn

1. Chèn themes cho module:

Ảnh nền cho module bài mới
Code: #article_new .rc_bd .rc_bc .bd {background:transparent url(Link Ảnh);}

Ảnh nền cho module profiles (nick name)
Code: #profile_highlight .rc_bd .rc_bc .bd {background:transparent url(Link Ảnh);}

Ảnh nền cho module tìm kiếm
Code: #search_module .rc_bd .rc_bc .bd {background:transparent url(Link Ảnh);}

Ảnh nền cho module cập nhật ngày
Code: #update_date .rc_bd .rc_bc .bd {background:transparent url(Link Ảnh);}

Ảnh nền cho module friendlist
Code nền tiêu đề: #friendlist_module .rc_bd .rc_bc .hd .titlebar .hd{background:transparent url(Link Ảnh);}
Code nền module: #friendlist_module .rc_bd .rc_bc .bd {background:transparent url(Link Ảnh);}

Ảnh nền cho bảng tin nhắn
Code: BODY.guestbook {BACKGROUND:url(link ảnh) #000000 fixed;}

Ảnh nền cho module thống kêCode: #statistic .bd {background:#FFFFFF url(link ảnh);}

Ảnh nền cho module commentCode: #comment_new .bd {background:#FFFFFF url(link ảnh);}

Ảnh nền cho module thư mục riêng
Code: #folder .bd {background:#FFFFFF url(link ảnh);}

Ảnh nền cho module lịch
Code: #calendar .bd {background:#FFFFFF url(link ảnh);}

Ảnh nền cho trang profiles
Code: BODY.profile_view {BACKGROUND:url (link ảnh) #000000 fixed;}

Ảnh nền cho blog yêu thích
Code: #subscribe_highlight .bd {background:#FFFFFF url(link ảnh);}

Ảnh nền cho các module tự tạo
Code: #user_mod_1000X .bd {background:#FFFFFF url(link ảnh);}

X: là số thứ tự của module


2. Thiết kế module
Các cách thiết kế thông dụng là chia thành 3 hoặc 4 phần
Sau đây mình sẽ hướng dẫn các bạn sử dụng code chia thành 3 phần

  • Phần trên
  • Phần giữa
  • Phần cuối
Code cho phần trên

.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;}



Code cho phần giữa

.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;}

Code cho phần cuối

.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;}

[size=21]IV. Themes cho footer của blog

Chú ý:
Phần này là phần nâng cao, ai thích đọc thì cứ đọc
[/size]

Có lẽ sẽ có nhiều bạn hỏi footer là cái gì ?
Trả lời rằng footer là cái hình dưới cùng của mỗi blog và ko có nhiều người để ý đến nó




Đoạn Code sau sẽ làm ẩn đi các đưcode cho blog 360 Trans_dotờng link + dòng chữ bản quyền, cái này không cần thiết lắm


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;}





Còn đây là code để chèn background cho footer

Code:

#footer{background:transparent url(Link hình) no-repeat center;border-top:0px;height:Apx;}


A: chiều cao của background
Bạn thay “Link” bằng link ảnh background mà bạn muốn thay…..






V. Ảnh nền cho module chính phụ

Phần
này cũng là nền cho các module chính phụ nhưng là code đã rút ngắn,
thuận tiện cho những ai làm nền cho module chính phụ bằng một hình ảnh
giống nhau


Code cho module chính:
.col-600 .rc_bd .rc_bc .bd {background:transparent url(Link ảnh);}
Code cho module phụ:
.col-150 .rc_bd .rc_bc .bd {background:transparent url(Link ảnh);}
Code cho nền tiêu đề module chính:
.col-150 .rc_bd .rc_bc .hd .titlebar .hd,.col-150 .rc_bd .rc_bc .hd .titlebar {background:transparent url(Link ảnh);}
Code cho nền tiêu đề module phụ:
.col-150 .rc_bd .rc_bc .hd .titlebar .hd,.col-150 .rc_bd .rc_bc .hd .titlebar {background:transparent url(Link ảnh);}

VI. Ảnh nền cho module tự tạo

Với module tự tạo, bạn có thể up ảnh trực tiếp vào module đó, hoặc sử dụng code sau:

Code cho nền tiêu đề:
#user_mod_1000X .rc_bd .rc_bc .hd .titlebar .hd,#user_mod_1000X.rc_bd .rc_bc .hd .titlebar{background:transparent;}

Code cho nền module:
#user_mod_1000X .rc_bd .rc_bc .bd {background:transparent;}

X: Các bạn thay bằng số thứ tự của các module đó
Về Đầu Trang Go down
Admin
Admin
Admin


Tổng số bài gửi : 636
Điểm viết bài là : 29851
Join date : 13/05/2010
Age : 43
Đến từ : Việt Nam

code cho blog 360 Empty
Bài gửiTiêu đề: Re: code cho blog 360   code cho blog 360 Icon_minitime18/6/2010, 10:48 pm


[You must be registered and logged in to see this link.]







summary_noimg = 300;
summary_img = 200;
img_thumb_height = 110;
img_thumb_width = 150;


//=1) {
imgtag = '[img]'+img[0].src+'[/img]';
summ = summary_img;
}

var summary = imgtag + '' + removeHtmlTag(div.innerHTML,summ) + '
';
div.innerHTML = summary;
}

//]]>

Làm trong suốt tất cả các modun:

Vào Thiết kế--->Theme---->Chế độ tự chỉnh sửa nó sẽ hiện lên một cái bảng tên là Sửa Dàn Trang như thế này

code cho blog 360 Capture5-12-2008-123206PM

Thì
ở phần modun chính và modun phụ chỗ dòng thứ 2 ( thực ra là màu nền
tiêu đề) và dòng thứ 4 ( thực ra là màu nền nội dung) bạn để trống như
bức hình trên thế là xong. Bậy giờ tất cả các modun của bạn đã trở nên
trong suốt rồi đấy.

Điều chỉnh độ trong suốt của modun chính (phần có chứa các bài viết ) :

Ấn vào Thiết Kế nhưng không chọn mà di chuyển xuống dưới chỗ modun chính rồi clik vào chữ sửa nó sẽ hiện ra cửa sổ như thế này:

code cho blog 360 1trongsuot


cái thanh điều chỉnh độ trong suốt phía dưới, ở đó bạn kéo càng về 0
thì độ trong suốt nó càng lớn.Lưu ý là cách này sẽ làm trong suốt cả
màu nền và chữ luôn nên bạn cần điều chỉnh độ trong cho phù hợp.

Làm trong suốt đường viền các modun:

Bạn copy đoạn mã Css dưới đây rồi dán vào phần mã Css ở dưới khung Sửa dàn trang của bạn:

Mã:
/* lam trong suot vien modun */
.rc
div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc
div{background:transparent url(http://nktpro.com/360plus/rc_ne.png)
no-repeat right bottom;}
.rc, #subscribe_highlight .rc,
#mod-tagged-frd-article .rc {background:transparent
url(http://nktpro.com/360plus/rc_nw.png) 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(http://nktpro.com/360plus/rc_e.png) repeat-y right top;}
.rc_bd,
#subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd
{background:transparent url(http://nktpro.com/360plus/rc_w.png)
repeat-y 0% 50%;}
.rc_ft div, #subscribe_highlight .rc_ft div,
#mod-tagged-frd-article .rc_ft div {background:transparent
url(http://nktpro.com/360plus/rc_se.png) no-repeat right top;}
.rc_ft,
#subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft
{background:transparent url(http://nktpro.com/360plus/rc_sw.png)
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(http://nktpro.com/360plus/blast-sw.png) no-repeat left bottom;}
#blast .rc_ft div {background:transparent url(http://nktpro.com/360plus/blast-se.png) no-repeat right bottom;}


Tùy biến modun phụ (modun 2 bên):

Đây là đoạn code giúp bạn có thể chèn ảnh nền vào các modun phụ :

Mã:
/* nền header module */
.col-150 .rc_bd .rc_bc .hd .titlebar .hd,
.col-150 .rc_bd .rc_bc .hd .titlebar
{background:transparent url( link file anh);}
.col-150 .rc_bd .rc_bc .hd .titlebar .hd h2, .col-150 .rc_bd .rc_bc .hd .titlebar .hd a
{color:#4E4E4E;}
.col-150 .hd .titlebar .hd a:hover
{text-decoration:underline;

/* nền content module */
.col-150 .rc_bd .rc_bc .bd /* JW */
{background:transparent url( link file anh);color:#FFFFFF;}


Chỉnh sửa Theme chính:

Bạn
copy đoạn mã Css dưới đây rồi dán vào phần mã Css phía dưới khung Sửa
dàn trang của bạn rồi thay màu nền và Link file ảnh thế là xong :

Mã:
/*CSS-Powered by Asakura*/

#blast A, #blast A:hover{
COLOR: #;
}
body{
background:/*Màu background*/;}

#doc2, #doc{
background:/*Màu background*/ url( Link file anh cua top theme ) no-repeat center top;}

#bd{
background:transparent url( Link file anh cua bottom theme ) no-repeat center bottom;}
/*The end- Asakura*/


Làm cho chữ ở phía bên phải ảnh:
code cho blog 360 Capture5-12-2008-13536PM

Để
làm được như vậy thì bạn bật chế độ Html trong khi viết (Chế độ này
được mặc định ở các modun) và dán đoạn code dưới này vào rồi thay link
file ảnh của bạn thế là xong!

Mã:
style="border: 0pt none ; background-color: transparent; clear: left;
float: left;" href=" link file anh ">style="border: 0pt none ; width: 227px; height: 351px;">


Về Đầu Trang Go down
https://kenh18.forumvi.net
 
code cho blog 360
Về Đầu Trang 
Trang 1 trong tổng số 1 trang
 Similar topics
-
» code theme blog 360
» Code làm trong suốt blog toàn tập
» Cách làm Quick Comments cho blog(theo kiểu blog 360)
» Anh cho blog
» Cách làm nền cho blog 360 plus

Permissions in this forum:Bạn không có quyền trả lời bài viết
 :: CÔNG NGHỆ THÔNG TIN :: Phần cứng - Phần mềm - Tài liệu hướng dẫn - Crack-
Chuyển đến 
https://kenh18.forumvi.net
Free forum | ©phpBB | Free forum support | Báo cáo lạm dụng | Thảo luận mới nhất