Hiệu ứng hoạt hình ở đầu trang
Thực ra, mình đã muốn làm hiệu ứng hoạt hình ở phần đầu trang từ rất lâu rồi. Tuy nhiên, do không tìm được hiệu ứng phù hợp cộng với việc thiếu kiến thức về mã code nên đã trì hoãn khá lâu. Hôm nay rảnh rỗi, mình quyết định dành thời gian nghiên cứu thử xem sao. So với những thứ khác thì cái này khá đơn giản vì có sẵn mẫu từ anh Yến. Ban đầu khi có ý tưởng, mình đã hỏi anh ấy nhưng lúc đó chưa hiểu rõ cách phối hợp giữa CSS và JS nên đành bỏ qua. Sau khi điều chỉnh một chút CSS, mình đã gắn hiệu ứng lên trang web. Kết quả thì cũng bình thường thôi, có hay không có cũng chẳng ảnh hưởng quá nhiều, may mắn là không làm chậm tốc độ tải trang. Mình vốn định tạo một thanh màu sắc đa dạng22win casino nhưng thấy nó không hài hòa với tông màu chủ đạo của blog (đen, xám, đỏ, trắng). Thêm màu nữa sẽ trông rối rắm và kém thẩm mỹ. Nói chung, đây là một thay đổi nhỏ và không quá phức tạp.
Nút tìm kiếm
Sau khi hoàn thành hiệu ứng hoạt hình ở đầu trang, trong lúc lướt các liên kết bạn bè, mình nhận thấy rất nhiều blog đều có nút hoặc khung tìm kiếm nội bộ. Điều này gợi ý cho mình ý tưởng thêm một nút tìm kiếm vào blog của mình. Thực tế, ngay từ lần đầu sử dụng chủ đề này, mình đã xóa khung tìm kiếm mặc định vì cảm thấy nó chiếm quá nhiều không gian. Do đó, mình phải quay lại bản lưu trữ cũ để tìm hiểu thêm. Sau khi phân tích kỹ khung tìm kiếm mặc định của chủ đề, mình nhận ra rằng dù đặt ở đâu, nó cũng không đẹp mắt và không đồng nhất với thiết kế tổng thể. Vì vậy, mình bắt đầu tìm kiếm tài nguyên bên ngoài.
Đầu tiên, mình kiểm tra kiểu nút tìm kiếm trên Blog Thiết Kế Nhật Ký, nghĩ rằng nếu hai chủ đề tương tự thì chắc chắn sẽ tương thích. Sau khi chỉnh sửa CSS, cuối cùng nút tìm kiếm đã xuất hiện trên trang chủ. Nhưng vấn đề phát sinh khi nhấn vào: cửa sổ tìm kiếm quá nhỏ, chỉ đủ chỗ hiển thị khoảng hai chữ và không thể đóng lại, chỉ có thể refresh trang mới trở lại trạng thái ban đầu. Thất vọng, mình quyết định từ bỏ phương án này.
Tiếp tục tìm kiếm trên toàn mạng internet, nhưng với một chủ đề đặc biệt như thế này, thật khó để tìm được nguồn tài nguyên phù hợp. Sau hai lần khôi phục trang web bị lỗi, mình quyết định dừng lại và tiếp tục lướt các liên kết bạn bè, đọc bài viết, để lại vài lời bình luận. Lúc này, mình nhớ đến một số blog của bạn đọc đã để lại bình luận dưới bài viết của mình mà chưa ghé thăm. Trong lúc duyệt qua, mình vô tình truy cập vào blog 404, và ngạc nhiên khi thấy chủ đề của họ giống hệt Blog Thiết Kế Nhật Ký. Thử nghiệm nút tìm kiếm của họ, thật kỳ diệu, khi nhấn vào nút, màn hình chuyển sang trắng hoàn toàn, chính giữa là ô tìm kiếm, góc trên bên phải là nút đóng. Mình phấn khởi vô cùng và quyết định thử lần nữa, dù trước đó đã khôi phục trang hai lần. Lần này may mắn hơn, mọi thứ hoạt động gần như hoàn hảo, ngoại trừ một chút khuyết điểm nhỏ: khi chuyển sang giao diện tìm kiếm, nút đóng ở góc trên biến12 cổng game đổi thưởng uy tín mất. Đây thực sự là một tình huống đáng tiếc vì mọi thứ đã suôn sẻ tới mức này.
Sau khi hỏi han khắp nơi nhưng không có giải pháp, mình đành áp dụng phương pháp loại trừ thủ công, từng bước một kiểm tra và cuối cùng đã giải quyết được 95% vấn đề. Phần còn lại 5%1133win Uy Tín Không gặp khó khăn trong việc thích ứng với giao diện di động, không tìm được cách phủ toàn màn hình nên đành tạm thời ẩn nút tìm kiếm trên thiết bị di động, chờ ngày nghiên cứu thêm.
Hy vọng những chia sẻ này sẽ hữu ích cho ai đang muốn tùy chỉnh blog của mình!