Go Back   Diễn Đàn Bo-Blog Việt Nam > Phụ Trợ Bo-Blog > Ứng Dụng HTML - Java - Ajax Cho Bo-blog > JavaScript



About Me
Your Avatar

 
Trả lời Gởi Ðề Tài Mới
 
Ðiều Chỉnh Kiếm Trong Bài
  #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
  #2  
Old 04-03-2011, 04:28 PM
garden.meditation's Avatar
garden.meditation garden.meditation is offline
Member
 
Tham gia ngày: Feb 2011
Đến từ: U.S.A
Bài gởi: 69
Default

Trích:
Nguyên văn bởi NamCòi View Post
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

Code êm vậy mà không biết!

Cám ơn Admin nhe!
Trả Lời Với Trích Dẫn
  #3  
Old 05-03-2011, 09:44 AM
khoainghich's Avatar
khoainghich khoainghich is offline
Member
 
Tham gia ngày: Sep 2010
Bài gởi: 30
Default Cám ơn Admin Còi

Trích:
Nguyên văn bởi NamCòi View Post
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


Cám ơn Admin Còi nhiều nhe...Thansk...
Trả Lời Với Trích Dẫn
  #4  
Old 05-03-2011, 09:54 AM
garden.meditation's Avatar
garden.meditation garden.meditation is offline
Member
 
Tham gia ngày: Feb 2011
Đến từ: U.S.A
Bài gởi: 69
Talking

Trích:
Nguyên văn bởi khoainghich View Post
Cám ơn Admin Còi nhiều nhe...Thansk...

Mình nghĩ cái này dễ thương hơn cái của Can Tho It gấp more than 100000000... lần đó bạn à!
Trả Lời Với Trích Dẫn
  #5  
Old 05-03-2011, 09:59 AM
kephongluuv's Avatar
kephongluuv kephongluuv is offline
Member
 
Tham gia ngày: Oct 2010
Bài gởi: 70
Default

Có cách nào cho nó trượt mượt hơn tí không bác Còi
Trả Lời Với Trích Dẫn
  #6  
Old 05-03-2011, 10:01 AM
garden.meditation's Avatar
garden.meditation garden.meditation is offline
Member
 
Tham gia ngày: Feb 2011
Đến từ: U.S.A
Bài gởi: 69
Default

Trích:
Nguyên văn bởi kephongluuv View Post
Có cách nào cho nó trượt mượt hơn tí không bác Còi
Là sao bạn cho mình coi demo được không!
Trả Lời Với Trích Dẫn
  #7  
Old 05-03-2011, 10:12 AM
kephongluuv's Avatar
kephongluuv kephongluuv is offline
Member
 
Tham gia ngày: Oct 2010
Bài gởi: 70
Default

Tức là khung thông báo trượt lên xuống mượt hơn í mà, ở đây nó cứng quá.
Trả Lời Với Trích Dẫn
  #8  
Old 05-03-2011, 10:27 AM
garden.meditation's Avatar
garden.meditation garden.meditation is offline
Member
 
Tham gia ngày: Feb 2011
Đến từ: U.S.A
Bài gởi: 69
Default

Trích:
Nguyên văn bởi kephongluuv View Post
Tức là khung thông báo trượt lên xuống mượt hơn í mà, ở đây nó cứng quá.
Cho coi demo di bạn mình không có làm nên không coi được~
Trả Lời Với Trích Dẫn
  #9  
Old 07-04-2011, 07:36 PM
teri.nk's Avatar
teri.nk teri.nk is offline
Member
 
Tham gia ngày: Mar 2010
Bài gởi: 60
Default

còi tích hợp nó hiện theo IP đi ... nếu dc như thế thì ngon
Trả Lời Với Trích Dẫn
  #10  
Old 07-04-2011, 07:39 PM
NamCòi's Avatar
NamCòi NamCòi is offline
KUTE
 
Tham gia ngày: Feb 2010
Đến từ: Vannamdl.net
Bài gởi: 3,051
Default

Là cho nó hiện 1 lần trên 1 ip /1ngày đó à
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
Trả lời Gởi Ðề Tài Mới

Tags
code, gian, popup, quy, tắt, tự, thời, theo, trượt, , định, động

Ðiều Chỉnh Kiếm Trong Bài
Kiếm Trong Bài:

Kiếm Chi Tiết

Chuyển đến


Múi giờ GMT. Hiện tại là 12:26 PM.
Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.
vdata

Bo-Blog Việt Nam

Bo-blog
9.9 10 13259