SasuNaru Club (SNC).
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ínhGalleryLatest imagesTìm kiếmĐăng kýĐăng Nhập

Share | 
 

 CSS cho blog

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down 
Tác giảThông điệp
Naruto
Shinobi
Shinobi
Naruto

Warning :
CSS cho blog Empty0 / 1000 / 100CSS cho blog Empty

Sex : Nam Zodiac : Libra
Tổng số bài gửi : 3
Ngày tham gia : 16/09/2009
Tuổi : 28
Tiền đồng : 5313
Danh tiếng : -1

CSS cho blog Vide
Bài gửiTiêu đề: CSS cho blog   CSS cho blog I_icon_minitime2009-09-16, 21:49

Nếu blog cua bạn là blog Yahoo!360plus thì cốt css là:
1) để làm hình nền chính cho blog , ta dùng code như sau:

Code:
BODY.blog_my {BACKGROUND:url(link hình nền) #000000 fixed;}

2) hình nền bản tin nhắn:

Code:

BODY.guestbook {BACKGROUND:url(link hình) #000000 fixed;}

3) hình nền cho bản comments:

Code:
#comment_new .bd {background:#FFFFFF url(link hình);}

4) hình nền cho tiêu đề bài viết :
Code:
.mod-alist-full .main-hd{background:#FFFFFF url(link hình)fixed;}

5) hình nền entry (wallpaper) :

Code:

.mod-alist-full .main-bd{background:#FFFFFF url(link hình) fixed 50% 90%;}

6) hình nền cho cái khung có avatar:

Code:
#profile_highlight .bd{BACKGROUND:#FFFFFF url(link hình);}

7) để bỏ thêm hình vào góc trái trên module:
Code:
.col-150 .rc_bd .rc_bc .hd .titlebar .hd{text-align:right;font-size:90%;font-weight:bold;
background:url(link hình) no-repeat;}

8) Ảnh nền của bộ đếm Statistic

Code
#statistic .bd {background:#FFFFFF url(link hình);}

9) Ảnh nền của phần Thư mục (tag)
Code:
#folder .bd {background:#FFFFFF url(link hình);}
10) Ảnh nền của phần lịch:

Code:
#calendar .bd {background:#FFFFFF url(link hình);}
11)Ảnh nền của trang Profiles:

Code:
BODY.profile_view {BACKGROUND:url (link hình) #000000 fix

Nếu blog cua bạn là blog Opera thì cốt css là:

body {
background:transparent url(thay link) top center repeat-x;
margin:0;
padding:0;
font-family: arial,'trebuchet ms',helvetica,sans-serif;
font-size:13px;
line-height:145%;
text-align:center;
color:#111;
}

#wrap1 {
padding-top: 20px;
BACKGROUND: url(thay link) top center no-repeat;
}

#wrap2 {
BACKGROUND: url(thay link) bottom center no-repeat;
}

#wrap3 {
background:transparent;
border:#0089fd double;
margin:0 auto;
width:758px !important;
padding-left:10px;
padding-right:10px;
padding-bottom:100px;
}

#topbar1 {
background:#c0e6ff url(thay link) top center no-repeat;
color:#0089fd;
height:32px;
overflow:hidden;
line-height:24px;
}



Bạn hãy nhìn vào ảnh minh họa cho Skin Opera:

- Body là nền chính của trang blog. Tôi dùng Gradient Tool để tạo một ảnh nền có màu xanh nhạt dần đến trắng.

- Wrap1 là phần hiển thị banner.

- Wrap2 là phần hiển thị footer.

- Wrap3 là phần hiển thị toàn bộ nội dung của trang blog (trong khung).

- Topbar1 là phần hiển thị menu log in (Opera Powered).

Viết tiếng Việt

body {
background:#8c315b;
margin: 0;
padding: 2px 0;
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 12px;
line-height: 145%;
text-align: center;
color: #000;
}
hoặc
#top h1 {
margin: 0;
width: 100%;
overflow: hidden;
font-size: 30px;
font-family: 'trebuchet ms',arial,helvetica,sans-serif;
line-height: normal;
padding-top: 22px;
}

PD:Bạn có thể tham khảo theme của blog ở đây
Đọc xong thank dùm nha CSS cho blog 353984 CSS cho blog 353984 CSS cho blog 353984 CSS cho blog 353984 CSS cho blog 353984 CSS cho blog 353984 CSS cho blog 353984


Được sửa bởi Naruto ngày 2009-09-18, 00:49; sửa lần 1. (Reason for editing : Css)
Về Đầu Trang Go down
http://vn.myblog.yahoo.co/billcute_1710/
 

CSS cho blog

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang 
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
SasuNaru Club (SNC). :: All About Life :: Thế giới blog-
Free forum | ©phpBB | Free forum support | Báo cáo lạm dụng | Thảo luận mới nhất