IndexCalendarGalleryTrợ giúpTìm kiếmThành viênNhó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


Warning :
0 / 1000 / 100

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

Bài gửiTiêu đề: CSS cho blog   2009-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


Đượ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
Xem lý lịch thành viên 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-
Forumotion.com | © phpBB | Free forum support | Liên hệ | Report an abuse | Free blog