Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (77.26 KB, 2 trang )
Tạo banner quảng cáo trượt dọc 2 bên (Với việc ẩn hiện
tùy vào độ phân giải của màn hình)
Chúng ta đã khá quen với banner trượt quảng cáo trượt dọc ở 2 bên của 1 site nào đó. đa phần
các banner này được thiết kế nằm sát 2 mép (trái & phải) của 1 website nào đó, và nó luôn
trượt theo khi ta di chuyển chuột. Ở bài hướng dẫn này mình sẽ giới thiệu 1 cách hiển thị
khác, đó là banner quảng cáo sẽ nằm ở 2 mép trái và phải của màn hình hiển thị, và việc hiển
thị của nó sẽ phụ thuộc vào chế độ xem của màn hình.
Xem demo : LIVE DEMO
(lưu ý : nếu bạn không thấy banner quảng cáo thì zoom nhỏ lại (Ctrl -) banner sẽ hiển thị, nếu
muốn test không hiển thị thì zoom lớn lên (Ctrl +))
Hình ảnh minh họa :
☼ Các bước thực hiện :
1. Vào bố cục
2. Vào chỉnh sửa code HTML
3. Chèn đoạn code bên dưới vào trước thẻ đóng </head>
<style type="text/css">
.slideads1 {text-align:left}
.slideads2 {text-align:right}
</style>
4. Save template.
5. Tạo 1 widget HTML/javascript và dán code bên dưới vào:
<div id="divAdLeft" style="position: absolute; width: 110px; float: left; left: 0pt; top:
0.00000103038px;">
<div class="slideads1">
<a href=" src="link banner 1" border="0"></a>
</div>
</div>
<div id="divAdRight" style="position: absolute; width: 120px; float: right; left: 989px; top:
0.00000100252px;">
<td class="slideads2">
<a href=" target="_blank"><img src="link banner 2"