Một thay đổi thiết kế web nhỏ nhưng có tác động lớn

Khi tôi khởi chạy một trang web mới, tôi muốn thêm một số loại tính năng vào blog để làm nổi bật trang web mới. Tuy nhiên, tôi không muốn làm cho nó quá rõ ràng hoặc lấy đi khỏi blog của chính nó.

Câu trả lời rất nhỏ, nhưng có tác động rất lớn ... thêm một hình ảnh mới nhỏ vào liên kết trong menu điều hướng. (nhấp qua đăng để xem nó hoạt động). Tôi đã tự chạy với liên kết trong vài ngày và không có lưu lượng truy cập. Tôi đã thêm hình ảnh và bây giờ 8.5% lưu lượng ra ngoài đang đi qua liên kết đó!

Thay vì thực sự nhúng hình ảnh vào HTML, tôi đã sử dụng CSS để có thể sử dụng nó trên các tính năng mới khác trong tương lai. CSS trông như thế này:

span.new {background: url (/mytheme/new.png) không lặp lại trên cùng bên phải; đệm: 0px 18px 0px 0px; }

Nền cố định hình ảnh ở đầu bên phải của văn bản và ngăn nó lặp lại. Phần đệm đẩy ra khoảng 18 pixel qua văn bản để hình ảnh của bạn ở chế độ xem rõ ràng. Để nhúng nó vào trang bây giờ thật dễ dàng, tôi chỉ cần sử dụng thẻ span xung quanh văn bản của mình:

Nhận xét

Đôi khi không mất nhiều thời gian để hướng độc giả của bạn theo một hướng mới!

3 Comments

  1. 1

    Mẹo tuyệt vời! Thật đơn giản và quá tốt… Đó là những thứ làm tăng giá trị cho một blog: những mẹo đơn giản, hay, hữu ích… Cảm ơn!

  2. 2
  3. 3

Bạn nghĩ gì?

Trang web này sử dụng Akismet để giảm spam. Tìm hiểu cách xử lý dữ liệu nhận xét của bạn.