scrabsoftware | 0902.835.110 tư vấn miễn phí
  • Thiết kế website cho ca sĩ
    Thiết kế website cho ca ...
    Thiết kế website cho ca sĩ, nhạc sĩ ? Bạn là 1 ca sĩ chuyên nghiệp? Bạn muốn lập một website để PR thương hiệu ...
  • Thiết kế website cho nội thất, trang trí nội thất
    Thiết kế website cho nội ...
    Thiết kế website cho nội thất, trang trí nội thất? Là gói website dành cho lĩnh vực nội thất với những yêu cầu riêng biệt ...
  • Thiết kế website dạng điện máy, điện lạnh, điện tử...
    Thiết kế website dạng điện ...
    Thiết kế website dạng điện máy, điện lạnh, điện tử...Là một gói website tổng hợp và bao gồm các nghiệp vụ riêng biệt cho lĩnh ...
  • Thiết kế website giáo dục
    Thiết kế website giáo dục
    Kiến thức luôn là nền tảng cho mọi quyết định sáng suốt của con người. Ở SCRAB với tinh thần ham học hỏi và sự nố ...
  • Website thương mại điện tử
    Website thương mại điện tử
    Trong kỷ nguyên của côngnghệ thông tin hiện nay, việc mua bán sản phẩm không còn đơn thuần là rachợ hay đến siêu thị. Xu ...
  • Thiết kế website du lịch
    Thiết kế website du lịch
    Với kinh nghiệm qua nhiều website du lịch SCRAB thấu hiểu tầm quan trọng của website du lịch trong lĩnh vực này. Vàcam kết cung ...
  • Website khách sạn, nhà hàng
    Website khách sạn, nhà hàng
    Làm thế nào để khi khách hàng truy cập vào website của bạn, họ bị thuyết phục và đưa ra quyết định đặt phòng ngay? ...
  • Website Quảng cáo, rao vặt
    Website Quảng cáo, rao vặt
    Cung cấp một  giải pháp hoàn chỉnh đểngười có nhu cầu và người cung cấp nhu cầu có thể gặp nhau. doanh nghiệpvà người tiêu ...
  • Website Sàn GD Bất động sản
    Website Sàn GD Bất động ...
    Những giá trị mà giải pháp SCRAB mang lại cho Bạn: Giao diện đẹp, sáng tạo với bố cục hợp lý giúp người truy cập ...
  • Website Tòa soạn báo trực tuyến
    Website Tòa soạn báo trực ...
    Ngày nay với sự phát triển mạnh mẽ của Internet đã tạo ra sự bùng nổthông tin trên toàn thế giới! Thông tin ngày nay không ...

Ngày 08/07/2012

CSS PopUp – Hiện POPUP đẹp hơn, dễ dàng hơn…

Lượt xem: 13142


CSS Popup là đoạn code dùng hiển thị POPUP lên website mà có thể vượt qua được rào chặn POPUP của trình duyệt do nó hiển thị trên cùng 1 trang chứ không hiển thị trên trang mới. Trước khi đọc bài viết này SCRAB biết rằng ít nhất bạn phải 1 lần đóng POPUP đăng ký tham gia trên SCRAB . Đó chỉnh là CSS PopUp mà NhanWeb sẽ nói với bạn. Điểm cải tiến ở đây so với 1 số PopUp khác đó là CSS PopUp của NhanWeb chỉ hiện 1 lần duy nhất cho 1 phiên online. Nghĩa là bạn không bao giờ gặp lại nó nữa nên sẽ không phiền hà gì đến bạn…. trừ khi bạn clear cookie 

 

Làm CSS PopUP

Đầu tiên, các bạn download đoạn javascript CSSPopUp này về (nhấp chuột phải, save target as…).

Chèn đoạn code sau vào header:

 
<script type="text/javascript" src="path_to/csspopup.js"></script>

Việc tiếp theo, chúng ta cần thiết kế cái popup của mình. Đây là đoạn code SCRAB đang dùng cho cái Popup của mình, bao gồm:

 

1. CSS:


 
<style>
#blanket {
   background-color:#111;
   opacity: 0.65;
   position:absolute;
   z-index: 9001;
   width:100%;
}
#popUpDiv {
    position:absolute;
    background-color:#eeeeee;
    width:520px;
    height:1300px;
    z-index: 9002;
}
</style>

2. HTML


 
<div id="blanket" style="display: none;"></div>
    <div id="popUpDiv" style="display: none;">
        <a href="#" onclick="popup('popUpDiv')">Click Me To Close</a>
        <iframe scrolling="no" title="Không Ngừng Bước Tới - Club Journey - Không Ngừng Vươn Xa - Đến Seoul xem Maroon 5"  src="http://www.khongngungbuoctoi.com/register_for_embed.php?chanel=Ping4" width="520" height="1300" frameborder="0">
      <p>Your browser does not support iframes.</p>
</iframe>
    </div>

Đoạn HTML này SCRAB đặt ở body (chỗ nào trong body cũng được, không quan trọng), còn đoạn CSS ở trên SCRAB quyết định đặt nó vào Header.

Ở thẻ body, để nó tự gọi cái PopUp mỗi khi mở trang, NhanWeb thêm vào :


 
<body onload="popup('popUpDiv');">

Nếu bạn thích sử dụng cho các liên kết thì bạn sử dụng thuộc tính onlick=”popup(‘popUpDiv’);” nhé 

Chỉ đơn giản vậy thôi chúng ta sẽ có 1 PopUp đỉnh không cần chỉnh.

 

■ Bình luận:

Tin liên quan

Hỗ trợ trực tuyến


ken.0110 Kỹ thuật

Mr Thiện: 0989 916 495

 


ken.0110 Tư vấn thiết kế

Mr.Ken:  0902 835 110