Trang chủ > Thủ thuật blog > Chèn hình nền cho từng thành phần của blog

Chèn hình nền cho từng thành phần của blog


Các bạn có muốn tạo một hình nền thật đẹp cho blog của mình không.Nghĩ đến tưởng chừng là khó lắm phải không.Nhưng thực ra nó không khó lắm đâu,bạn chỉ cần tốn một ít thời gian là có thể làm được ngay.Với bài viết nay tôi sẽ giới thiệu cho các bạn cách chèn hình nền cho blog.Các bạn muốn thử không?Đây là cách chèn.

Các bạn lam quen với các thành phần blog

1.Thành phần Header

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

2.Thành phần Main

#main-wrapper {
width: 410px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

3.Thành phần Sidebar

#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

4.Thành phần Footer

#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

Đây là doạn code để chèn vào các thành phần trên:

background-image:url(http://www.vidu.com/hinh.jpg);

Trong đó http://www.vidu.com/hinh.jpg là liên kết đến hình nền. Như vậy muốn chèn vào header, bạn sẽ chèn như sau:

#header-wrapper {
width:660px;
background-image:url(http://www.vidu.com/hinh.jpg);
margin:0 auto 10px;
border:1px solid $bordercolor;
}

Các thành phần còn lại (main ,footer,sidebar…)các bạn chèn như trên.
Chúc các bạn thành công


Advertisements
Chuyên mục:Thủ thuật blog
  1. Không có bình luận
  1. No trackbacks yet.

Trả lời

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Đăng xuất /  Thay đổi )

Google photo

Bạn đang bình luận bằng tài khoản Google Đăng xuất /  Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Đăng xuất /  Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Đăng xuất /  Thay đổi )

Connecting to %s

%d bloggers like this: