Google

Thứ Hai, 17 tháng 9, 2007

Tạo hình nền trong blogger


Trong bài này kevil sẽ hướng dẫn các bạn cách để tạo một hình nền trong blogger

Trước hết các bạn cần phải đăng nhập vào tài khoàn của mình đã

Lúc này sẽ hiện lên bảng điều khiển, Click chọn Trình bày ----> Chỉnh sửa HTML


các bạn hãy kiếm dòng sau


Trích:
body{
Điều kiện là bạn phải có sẵn hình nền đã được up lên host

Bạn hãy đổi

Trích:
background:#123;
thành


Trích:
background-image:url("tên URL của bạn");

Ngoài ra bạn cũng có thể tuỳ biến thêm một số câu lệnh:


Hình ảnh lặp

Theo mặc định, hình nền của bạn sẽ bị lặp lại tùy thuộc vào kích cở hình cũng như cách bố trí trang và ký tự có trên blog của bạn. Nếu hình ảnh bạn dùng có kích thước nhỏ, cần lặp lại để phủ đầy trang thì quả là tuyệt. Còn ảnh kích thước lớn, không muốn lặp lại thì sao? Bạn chỉ việc thêm đoạn mã này phía dưới dòng liên kết đến ảnh.


Trích:
background-repeat: no-repeat;
Vị trí hình nền

Nếu bạn cần điều chỉnh vị trí hình nền hãy sử dụng đoạn mã này bên dưới các đoạn mã trên.

background-position: Y X;

Hãy tưởng tượng hệ tọa độ OXY, trong đó:

Y: trục tung, canh dọc.
X: trục hoành, canh ngang.

Giá trị của nó là:

Y: top, center, bottom (đầu, giữa, cuối)
X: left, center, right (trái, giữa, phải)


Ví dụ:

Trích:
Bạn muốn hình nền nằm phía dưới, góc trái: background-position: bottom left;
Bạn muốn hình nền canh giữa trên: background-position: center center;
CỐ ĐỊNH HÌNH NỀN

Để cố định hình nền bạn đặt dòng sau phía dưới đoạn mã liên kết đến ảnh.




Trích:
background-attachment: fixed;
Chúc các bạn sẽ tạo được hình nền theo ý muốn. Thân

No comments yet

 
Copyright by Kevil © 2007