Code chuyển giao diện Website sang nền trắng đen để tưởng nhớ hoặc để Quốc tang

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.

📢 Tham gia kênh Telegram của AnonyViet

👉 Vào Telegram AnonyViet

Cập nhật bài mới, tools hay và thủ thuật IT nhanh nhất

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:

Các bài viết liên quan

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.