Việc chuyển giao diện sang nền trắng đen là không bắt buộc, tuy nhiên nếu bạn tưởng nhớ hoặc hoặc để tang một nhân vật quan trọng đối với đất nước hoặc đình, bạn có thể dùng đoạn code dưới đây. Code này cũng gần giống với chuyển giao diện về Dark Mode, nhưng thay vì nền tối thì giao diện web sẽ chuyển sang nền xám, chữ trắng. Nội dung của Website sẽ không thay đổi, chỉ thay đổi màu sắc của theme.
Code chuyển theme Website sang nền trắng đen
Đổi nền trắng đen cho WordPress
Nếu bạn dùng WordPress, hãy truy cập vào Menu -> Apperance -> Customize -> Custom CSS vào copy đoạn code CSS này vào, sau đó save lại:
html {filter: grayscale(100%);}
Nếu bạn dùng Theme có chức năng tinh chỉnh CSS, thì vào Menu chỉnh CSS của theme đó nhé. Sau đó bạn truy cập vào trang chủ website của bạn để thấy xem sự thay đổi màu sắc giao diện của Website
Code này mình sưu tầm trên Facebook
Đổi nền trắng đen cho Blogspot
Blogspot là nền tảng tạo blog miễn phí của Google, bạn cũng có thể đổi nền trắng đen để tưởng nhớ hoặc Quốc tang bằng chỉnh chỉnh CSS cho theme của Website.
Bước 1: Truy cập vào bảng điều khiển Blogspot của bạn.
Bước 2: Chọn “Theme” từ menu bên trái.
Bước 3: Nhấp vào dấu mũi tên bên cạnh chữ “Customize”
Bước 4: “Edit HTML” (tùy vào giao diện blogspot của bạn).
Bước 5: Phía dưới thẻ <head>, copy đoạn code này và save lại để hoàn tất chuyển Code chuyển giao diện Website sang nền trắng đen để tưởng nhớ hoặc để Quốc tang:
html {
filter: grayscale(100%);
}
Đây là mẫu ví dụ đổi theme trắng đen cho Blogspot:
Đổi nền trắng đen cho Website code tay
Tương tự như blogspot, bạn thêm đoạn css vào phía dưới thẻ <head> có thể dùng đoạn code mẫu dưới đây:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Website</title>
<style>
html {
filter: grayscale(100%);
}
</style>
</head>
<body>
<h1>Welcome to AnonyViet</h1>
<p>Chuyển nền trắng đen cho website.</p>
</body>
</html>
Code chuyển giao diện website sang nền trắng đen là một cách đơn giản và hiệu quả để thể hiện sự tôn trọng và tưởng nhớ trong những thời điểm tang thương. Với những hướng dẫn chi tiết trong bài viết này, bạn có thể dễ dàng thực hiện điều này trên website của mình.
Câu hỏi thường gặp
Làm thế nào để chuyển giao diện website sang chế độ trắng đen trên WordPress?
Trên WordPress, bạn truy cập Menu -> Appearance -> Customize -> Custom CSS và thêm đoạn code html { filter: grayscale(100%); } vào. Lưu lại thay đổi để áp dụng.
Tôi có thể áp dụng hiệu ứng trắng đen cho website Blogspot như thế nào?
Với Blogspot, truy cập bảng điều khiển, chọn “Theme”, nhấp vào “Customize”, tìm “Edit HTML” và thêm html { filter: grayscale(100%); } phía dưới thẻ <head>. Lưu lại để hoàn tất.
Nếu website của tôi được code tay, tôi cần làm gì để chuyển sang chế độ trắng đen?
Thêm đoạn code html { filter: grayscale(100%); } vào phần <style> trong phần <head> của mã nguồn HTML website.
