Cách căn giữa nền trên Tumblr

Để căn giữa hình nền trong chủ đề blog Tumblr của bạn, hãy chỉnh sửa một dòng mã CSS đơn giản trong trang mã HTML của chủ đề blog. Cân nhắc sử dụng hình nền lấp đầy không gian nền mà không lặp lại hoặc "lát gạch". Theo mặc định, tính năng hình nền trong hình nền lát gạch chủ đề Tumblr Redux mặc định. Bạn có thể vô hiệu hóa việc xếp gạch và căn giữa hình nền bằng cách chỉnh sửa cùng một câu lệnh CSS. Lưu ý rằng bạn có thể căn giữa hình ảnh theo cả chiều dọc và chiều ngang.

Mở Tumblr, sau đó nhấp vào mũi tên bên cạnh tên blog của bạn để xem danh sách tất cả các blog của bạn. Nhấp vào blog để chỉnh sửa trong hộp thoại bật lên. Để chỉnh sửa chủ đề blog chính của bạn, hãy chuyển sang bước tiếp theo.

Nhấp vào tab “Tùy chỉnh” để mở chủ đề đã chọn ở chế độ Chỉnh sửa.

Nhấp vào biểu tượng “Tải lên” trong phần Hình nền của bảng Tùy chỉnh, sau đó duyệt đến và nhấp vào hình nền. Nhấp vào "Mở" để tải lên hình ảnh.

Nhấp vào liên kết "Chỉnh sửa HTML" để mở trình chỉnh sửa chủ đề.

Nhấn “Ctrl-F” để mở công cụ Tìm và Thay thế. Nhập "nền", không có dấu ngoặc kép, vào hộp nhập liệu. Nhấp vào mũi tên xuống để tìm các dòng mã sau:

body {background: {color: Background} url ('{image: Background}') lặp lại cố định trên cùng bên trái;

Thay đổi các giá trị thuộc tính Nền của "lặp lại cố định trên cùng bên trái" thành "không lặp lại chính giữa." Ví dụ đầu tiên của "center" căn giữa hình ảnh theo chiều dọc. Ví dụ thứ hai căn giữa hình ảnh theo chiều ngang. Đừng quên dấu chấm phẩy ở cuối câu lệnh.

Nhấp vào nút “Cập nhật Xem trước” để xem hình nền trong cửa sổ Xem trước.

Nhấp vào “Lưu” để lưu các chỉnh sửa mã, sau đó nhấp vào biểu tượng Thoát để đóng trình chỉnh sửa và quay lại trang chính của blog của bạn.

Lời khuyên

Bạn có thể sử dụng viết tắt mã cho dòng “không lặp lại chính giữa” nếu bạn định căn giữa hình nền của mình theo cả chiều ngang và chiều dọc. Nếu một giá trị "trung tâm" bị bỏ qua, giá trị của "trung tâm" được ngụ ý. Bạn có thể chỉ cần sử dụng “trung tâm không lặp lại” để căn giữa hình ảnh theo cả chiều dọc và chiều ngang.

Dòng "không lặp lại ở giữa trên cùng" căn giữa hình ảnh theo chiều ngang và căn chỉnh hình ảnh với đầu trang.