Đưa Skin mới vào diễn đàn sử dụng ! Nếu quá trình sử dụng diễn đàn xảy ra lỗi, xin vui lòng liên hệ Admin để báo lỗi ! Cảm ơn !

You are not connected. Please login or register

[Javascript] Thông báo POPUP ẩn/hiện

  • Please log in to post a topic
  • huyhoang1997

    huyhoang1997
    huyhoang1997

    huyhoang1997

    Group: Moderagerator

    Hiện đang:
    Bài viết : 670
    Points : 905
    Birthday : 14/06/1997
    Thanks : 73
    Đến từ : Ninh Thuận

    Moderagerator

    Moderagerator
    Bài viết thứ :1

    Đăng vào:27/6/2016, 09:41

    Moderagerator

    Demo:

    [Javascript] Thông báo POPUP ẩn/hiện Dion_i10

    Hướng dẫn:


    1. Tạo 1 trang JS mới

    - Title: Popup message
    - Placement: Chọn vị trí bạn muốn đặt (In all the pages - tất cả các trang, In the portal - Chỉ hiện ở Portal, hoặc các bạn có thể chọn In the home page - Chỉ hiện ở home page)
    - Code:
    Code:
    $(function() {
        $('body').after('<div id="message-popup" class="hide" onclick="$(\'.hide\').toggle(\'fast\');"></div><div id="content" class="hide"><p>Nội Dung Tin Nhắn</p></div>');
    });

    2. Cho đoạn này vào CSS

    Code:

    /*-----  POPUP MESSAGE ---*/
    #message-popup {
    background: #000000;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    margin: 0 auto;
    opacity: 0.1;
    }

    #content-message {
    box-shadow: 0px 3px 3px 0px rgba(100,100,100,0.5);
    -moz-box-shadow: 0px 3px 3px 0px rgba(100,100,100,0.5);
    -webkit-box-shadow: 0px 3px 3px 0px rgba(100,100,100,0.5);
    width: 550px;
    height: 300px;
    position: fixed;
    z-index: 1000;
    padding: 10px 25px;
    left: 33%;
    top: 30%;
    border-left: 5px solid green;
    border-radius: 4px;
    background: #ffffff;
    font-size: 15px!Important;
    }

    #1 - Posted 27/6/2016, 09:41

    Đang kiểm tra dữ liệu...

    Bạn phải điền đầy đủ thông tin đăng ký.

    Số ký tự phải từ 3 trở lên
    Hãy chọn tài khoản khác
    Có thể dùng tài khoản này
    Không sử dụng địa chỉ này
    E-mail sẽ được kiểm sau
    Số ký tự phải từ 3 trở lên
    Trùng tên đăng nhập
    Chưa đúng
    Chính xác

    Free forum | ©phpBB | Free forum support | Báo cáo lạm dụng | Thảo luận mới nhất
    YOUR BANNER HERE
    728x90