Tạo Banner quảng cáo với hiệu ứng trượt dọc 2 bên
Banner quảng cáo trượt dọc 2 bên trang web là hình thức quảng cáo rất phổ biến hiện nay trên các Forum\Website lớn. Không những giúp tận dụng “đất”, nó còn dễ dàng gây được sự chú ý của người đọc với hiệu ứng trượt theo khi trang được cuộn lên\xuống. Phiên bản 3 này sẽ khắc phục được những lỗi mà phiên bản 2 gặp phải trước đây mình đã giới thiệu cho các bạn.
- Banner ban đầu sát với lề trên của trình duyệt, không còn hiện tượng banner bị che khuất bởi lề trên hoặc dưới của trình duyệt web.
- Độ tương tác tốt hơn, chuyển động mượt mà hơn khi bạn cuộn xuống cuối hoặc lên trên đầu blog.
- Khi kích thước trình duyệt có chiều ngang nhỏ hơn 1024px, banner tự động biến mất để tránh đè lên hoặc che khuất các thành phần khác của blog của bạn tránh gây ức chế cho người đọc.
- Khi kích thước trình duyệt có chiều ngang lớn hơn 1024px, banner sẽ tự động canh lề & giữ khoảng cách với mép 2 bên trình duyệt để tránh gây ra khoảng trống vô nghĩa.
2- Chèn vào đoạn code bên dưới vào trước
| |
Trong đó:
- Màu xanh: là link ảnh banner hiển thị 2 bên của trình duyệt, bạn hãy thay đổi thành link ảnh của bạn nha.
- Màu đỏ: là link liên kết tới trang quảng cáo, đây là phần sẽ được chuyển hướng tới khi độc giả bấm vào liên kết quảng cáo của bạn.
Chúc thành công!
Nguồn:thcsnguyentriphuong-hoavang.edu.vn Copy link