Xem bài viết đơn
  #1  
Old 04-03-2011, 04:13 PM
NamCòi's Avatar
NamCòi is offline
KUTE
 
Tham gia ngày: Feb 2010
Đến từ: Vannamdl.net
Bài gởi: 3,051
Default Code popup trượt và tự động tắt theo thời gian quy định

Làm theo yêu cầu của topic này
Click the image to open in full size.

Chức năng như tiêu đề và có thể tắt trước thời gian quy định.
Đầu tiên bạn tải file đính kèm ở dưới về rồi up lên host ( up ở đâu cũng được )
TIếp theo bạn chèn mã ngoài này vào blog hoặc file element.php cũng được
<script type="text/javascript" src="domain.com/time.js"></script>
Sau đó mở file styles.css của skin ra thêm code này vào dưới cùng
{
    SCROLLBAR-BASE-COLOR: #CC99FF;
     SCROLLBAR-ARROW-COLOR: #CC00CC;
}

#fadeinbox{
position:absolute;
width: 530px;
left: 0;
top: -400px;
border: 2px solid black;
background-color: lightyellow;
padding: 4px;
z-index: 100;
visibility:hidden;
}
Nếu muốn cho nó hiển thị only trang chủ thì chèn code vào ô thông báo
<!-- popup thông báo -->
<DIV id="fadeinbox" style="filter:progid:DXImageTransform.Microsoft.RandomDissolve(duration=1) progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135) ; -moz-opacity:0">

<p align="right">
<a onClick="hidepopup(); return false"href='#close'"><b>[X]</b></a>
</p>

Ghi nội dung thông báo vào đây

<p align="center">
<font color="red"><i>(Cửa sổ này sẽ tắt sau 8 giấy)</i></font>
</p>
</DIV>
<!-- Kết thúc popup thông báo -->
Còn muốn hiện tất cả các trang thì thì vào file element.php nhé

-----------------------
nếu muốn tăng hay giảm thời gian tự động tắt thì mở file time.js tìm dòng
var autohidebox=["yes", 8] (hiện tại mình để là 8 giây)
các bạn thay số 8 bằng số giây muốn hiển thị
Chúc thành công
File Kèm Theo
Kiểu File : zip time.zip (1.5 KB, 199 lần tải)
Chữ ký của NamCòi
Click the image to open in full size.Click the image to open in full size.
Trả Lời Với Trích Dẫn