[Code] Xác nhận đăng kí "pro" - Giựt

avatar

Giựt238
388
80
Punbb
Cẩn thận
Éo có đối thủ
Thành viên thân thiết
Thành viên thân thiết

Bài viết :
238
Points :
388
Like :
80
Punbb
Cẩn thận
Éo có đối thủ

Demo






Code:
http://haygame.5forum.net/register

Cách làm


Bước 1


Tạo 1 HTML :

Title * : Tùy bạn

Do you wish to use your forum header and footer ? : Không

Page content * :

Code:
<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Hệ Thống Bảo Vệ Chống Spam Bài Viết</title>
    <link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
    <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
    <script src="http://getbootstrap.com/dist/js/bootstrap.min.js"></script>
    <style type="text/css">
      body {
        margin: 10px;
        padding: 10px;
      }
     
      .box {
        display: none;
      }
     
      #reload {
        font-size: 20px;
        margin-left: 5px;
        color: #2980b9
      }
     
      .checkbox {
        padding-left: 20px;
      }
     
      .checkbox label {
        display: inline-block;
        position: relative;
        padding-left: 5px;
        font-weight: bold;
      }
     
      .checkbox label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 17px;
        height: 17px;
        left: 0;
        margin-left: -20px;
        border: 1px solid #cccccc;
        border-radius: 3px;
        background-color: #fff;
        -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      }
     
      .checkbox label::after {
        display: inline-block;
        position: absolute;
        width: 16px;
        height: 16px;
        left: 0;
        top: 0;
        margin-left: -20px;
        padding-left: 3px;
        padding-top: 1px;
        font-size: 11px;
        color: #555555;
      }
     
      .checkbox input[type="checkbox"] {
        opacity: 0;
      }
     
      .checkbox input[type="checkbox"]:focus + label::before {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
      }
     
      .checkbox input[type="checkbox"]:checked + label:after {
        font-family: FontAwesome;
        content: "";
      }
     
      .checkbox input[type="checkbox"]:disabled + label {
        opacity: 0.65;
      }
     
      .checkbox input[type="checkbox"]:disabled + label::before {
        background-color: #eeeeee;
        cursor: not-allowed;
      }
     
      .checkbox.checkbox-circle label::before {
        border-radius: 50%;
      }
     
      .checkbox.checkbox-inline {
        margin-top: 0;
      }
     
      .checkbox-primary input[type="checkbox"]:checked + label::before {
        background-color: #428bca;
        border-color: #428bca;
      }
     
      .checkbox-primary input[type="checkbox"]:checked + label::after {
        color: #fff;
      }
     
      .dvbtn {
        margin: 15px;
      }
     
      .btn {
        -moz-box-shadow: none;
        -moz-transition: .25s;
        -o-transition: .25s;
        -webkit-backface-visibility: hidden;
        -webkit-box-shadow: none;
        -webkit-transition: .25s;
        border: none;
        box-shadow: none;
        color: #FFF;
        font-size: 16.5px;
        text-decoration: none;
        text-shadow: none;
        transition: .25s;
      }
     
      #fadingBarsG {
        height: 29px;
        margin: 0 auto;
        position: relative;
        width: 240px;
      }
     
      .loading {
        position: absolute;
        top: 25%;
        left: 38%;
        background: rgba(0, 0, 0, 0.45);
        border: 1px solid rgba(197, 197, 197, 0.1);
        border-radius: 5px;
        padding: 25px;
      }
     
      .fadingBarsG {
        -moz-animation-direction: linear;
        -moz-animation-duration: 1.3s;
        -moz-animation-iteration-count: infinite;
        -moz-animation-name: bounce_fadingBarsG;
        -moz-transform: scale(.3);
        -ms-animation-direction: linear;
        -ms-animation-duration: 1.3s;
        -ms-animation-iteration-count: infinite;
        -ms-animation-name: bounce_fadingBarsG;
        -ms-transform: scale(.3);
        -o-animation-direction: linear;
        -o-animation-duration: 1.3s;
        -o-animation-iteration-count: infinite;
        -o-animation-name: bounce_fadingBarsG;
        -o-transform: scale(.3);
        -webkit-animation-direction: linear;
        -webkit-animation-duration: 1.3s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-name: bounce_fadingBarsG;
        -webkit-transform: scale(.3);
        animation-direction: linear;
        animation-duration: 1.3s;
        animation-iteration-count: infinite;
        animation-name: bounce_fadingBarsG;
        background-color: #bac4c5;
        height: 29px;
        position: absolute;
        top: 0;
        transform: scale(.3);
        width: 29px;
      }
     
      #fadingBarsG_1 {
        -moz-animation-delay: .52s;
        -ms-animation-delay: .52s;
        -o-animation-delay: .52s;
        -webkit-animation-delay: .52s;
        animation-delay: .52s;
        left: 0;
      }
     
      #fadingBarsG_2 {
        -moz-animation-delay: .65s;
        -ms-animation-delay: .65s;
        -o-animation-delay: .65s;
        -webkit-animation-delay: .65s;
        animation-delay: .65s;
        left: 30px;
      }
     
      #fadingBarsG_3 {
        -moz-animation-delay: .78s;
        -ms-animation-delay: .78s;
        -o-animation-delay: .78s;
        -webkit-animation-delay: .78s;
        animation-delay: .78s;
        left: 60px;
      }
     
      #fadingBarsG_4 {
        -moz-animation-delay: .91s;
        -ms-animation-delay: .91s;
        -o-animation-delay: .91s;
        -webkit-animation-delay: .91s;
        animation-delay: .91s;
        left: 90px;
      }
     
      #fadingBarsG_5 {
        -moz-animation-delay: 1.04s;
        -ms-animation-delay: 1.04s;
        -o-animation-delay: 1.04s;
        -webkit-animation-delay: 1.04s;
        animation-delay: 1.04s;
        left: 120px;
      }
     
      #fadingBarsG_6 {
        -moz-animation-delay: 1.17s;
        -ms-animation-delay: 1.17s;
        -o-animation-delay: 1.17s;
        -webkit-animation-delay: 1.17s;
        animation-delay: 1.17s;
        left: 150px;
      }
     
      #fadingBarsG_7 {
        -moz-animation-delay: 1.3s;
        -ms-animation-delay: 1.3s;
        -o-animation-delay: 1.3s;
        -webkit-animation-delay: 1.3s;
        animation-delay: 1.3s;
        left: 180px;
      }
     
      #fadingBarsG_8 {
        -moz-animation-delay: 1.43s;
        -ms-animation-delay: 1.43s;
        -o-animation-delay: 1.43s;
        -webkit-animation-delay: 1.43s;
        animation-delay: 1.43s;
        left: 210px;
      }
     
      @-moz-keyframes bounce_fadingBarsG {
        0% {
          -moz-transform: scale(1);
          background-color: #bac4c5;
        }
        100% {
          -moz-transform: scale(.3);
          background-color: #FFFFFF;
        }
        ;
      }
     
      @-webkit-keyframes bounce_fadingBarsG {
        0% {
          -webkit-transform: scale(1);
          background-color: #bac4c5;
        }
        100% {
          -webkit-transform: scale(.3);
          background-color: #FFFFFF;
        }
        ;
      }
     
      @-ms-keyframes bounce_fadingBarsG {
        0% {
          -ms-transform: scale(1);
          background-color: #bac4c5;
        }
        100% {
          -ms-transform: scale(.3);
          background-color: #FFFFFF;
        }
        ;
      }
     
      @-o-keyframes bounce_fadingBarsG {
        0% {
          -o-transform: scale(1);
          background-color: #bac4c5;
        }
        100% {
          -o-transform: scale(.3);
          background-color: #FFFFFF;
        }
        ;
      }
     
      @keyframes bounce_fadingBarsG {
        0% {
          transform: scale(1);
          background-color: #bac4c5;
        }
        100% {
          transform: scale(.3);
          background-color: #FFFFFF;
        }
        ;
      }
     
      @keyframes ccSpin {
        0% {
          transform: rotate(0deg)
        }
        100% {
          transform: rotate(360deg)
        }
      }
     
      @-webkit-keyframes ccSpin {
        0% {
          -webkit-transform: rotate(0deg)
        }
        100% {
          -webkit-transform: rotate(360deg)
        }
      }
     
      @-moz-keyframes ccSpin {
        0% {
          -moz-transform: rotate(0deg)
        }
        100% {
          -moz-transform: rotate(360deg)
        }
      }
     
      @-ms-keyframes ccSpin {
        0% {
          -moz-transform: rotate(0deg)
        }
        100% {
          -moz-transform: rotate(360deg)
        }
      }
     
      .animating {
        -webkit-animation: ccSpin 2s 0s linear infinite forwards;
        -moz-animation: ccSpin 2s 0s linear infinite forwards;
        -ms-animation: ccSpin 2s 0s linear infinite forwards;
        animation: ccSpin 2s 0s linear infinite forwards
      }

    </style>
  </head>

  <body>
    <div class="container">
      <div class="row">
        <div class="panel panel-default" style="box-shadow: 0 1px 5px #999;">
          <div class="panel-heading" style="font-size:16px;font-weight:bold;text-align:center">
            NỘI QUY KHI ĐĂNG KÝ VÀO DIỄN ĐÀN GAME HAY
          </div>
          <div class="panel-body">
            <ul>
              <div class="rules">
                <br>
                <div style="text-align: center;">-------------------------------------------</div>
                <br><strong>I. Nội quy thành viên&nbsp;</strong>
                <br>
                <br>-&nbsp;<span style="color: rgb(51, 51, 51); font-family: 'Segoe UI', 'Open Sans', Tahoma, Arial, sans-serif; font-weight: bold; line-height: 16px; background-color: rgb(255, 255, 255);">Tên truy cập</span><span style="font-family: 'Segoe UI', 'Open Sans', Tahoma, Arial, sans-serif; line-height: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(51, 51, 51);">&nbsp;chỉ sử dụng </span><strong><span style="color: rgb(255, 51, 51);">số, ký tự a-Z, dấu chấm và gạch dưới</span></strong>
                </span>.
                <br>- Không được lấy tên, biệt danh... của các vị lãnh tụ cách mạng, các vị lãnh đạo đảng, nhà nước, những kẻ xấu như khủng bố, phát xít ... hoặc có ý nghĩa không lành mạnh làm&nbsp;<span style="color: rgb(51, 51, 51); font-family: 'Segoe UI', 'Open Sans', Tahoma, Arial, sans-serif; font-weight: bold; line-height: 16px; background-color: rgb(255, 255, 255);">Tên truy cập</span>.&nbsp;
                <br>- Không được để chữ kí, hình đại diện hoặc thông tin cá nhân có liên quan đến các vấn đề chính trị, kinh tế và tôn giáo có thể gây bất lợi cho diễn đàn & có nội dung không lành mạnh.&nbsp;
                <br>- Nếu liên kết website không phải từ dịch vụ forumotion, tài khoản sẽ bị xóa.&nbsp;
                <br>- Nếu liên kết forumotion là diễn đàn không hoạt động hoặc không chứng minh được quyền quản trị, tài khoản sẽ bị xóa.&nbsp;
                <br>
                <br>
                <br><strong>II. Những quy định chung&nbsp;</strong>
                <br>
                <br><em>1.Lập chủ đề&nbsp;</em>
                <br>- Chủ đề phải xúc tích, nêu bật được ý cần nói.&nbsp;
                <br>- Không lập các chủ đề có nội dung sai lệch với tiêu chí hoạt động chung của chuyên mục đó.&nbsp;
                <br>- Không lặp lại một chủ đề đã có hoặc lập một chủ đề có nội dung tương tự.&nbsp;
                <br>- Không lập các chủ đề mới một cách tràn lan, các chủ đề có nhiều ảnh, hạn chế tối đa mở nhiều chủ đề, làm mọi người khó theo dõi.&nbsp;
                <br>
                <br><em>2. Về nội dung bài viết :&nbsp;</em>
                <br>- Không lạm dụng các chức năng bài viết, không để text size quá lớn.&nbsp;
                <br>- Những hành vi sau đây được gọi là câu bài: Gửi nhiều bài liền nhau bằng cách cố ý chia nhỏ nội dung một bài ra làm nhiều phần.&nbsp;
                <br>- Gửi bài phù hợp, đúng với chủ đề, không được cố tình làm loãng chủ đề bằng cách gửi những bài có nội dung không liên quan đến chủ đề của chủ đề.&nbsp;
                <br>- Tránh việc lạm dụng các <a class="vglnk" title="Link added by VigLink" href="http://www.ebay.com/sch/11700/i.html?_nkw=emoticon" rel="nofollow"><span>emoticon</span></a>.&nbsp;
                <br>- Bài viết nếu là tiếng Việt phải có dấu.&nbsp;
                <br>- Không gửi nhiều bài cùng một nội dung ở các chủ đề khác nhau.&nbsp;
                <br>- Không dùng chữ quá to, quá nhỏ hoặc lạm dụng font chữ, màu sắc.&nbsp;
                <br>- Không được gửi các bài có virus lên diễn đàn.&nbsp;
                <br>- Không viết bài vi phạm thuần phong mỹ tục, pháp luật, văn hoá Việt Nam...&nbsp;
                <br>- Không viết bài bêu xấu, miệt thị hoặc xúc phạm các thành viên khác.&nbsp;
                <br>
                <br><em>3. Qui định chung:&nbsp;</em>
                <br>- Nghiêm cấm sử dụng những từ ngữ, hình ảnh, thông tin không lành mạnh, thiếu văn hóa.&nbsp;
                <br>- Tránh những nội dung phản động về chính trị, tôn giáo. Nghiêm cấm tuyên truyền, khích động những hành vi bạo lực, tuyên truyền phản động hoặc các hành vi phá hoại.&nbsp;
                <br>- Không cãi nhau, gây mất đoàn kết diễn đàn. Nếu bất kì một thành viên nào muốn phản đối về cách làm việc của điều hành viên thì có thể gửi vào chuyên mục Góp ý về điều hành viên hoặc gửi tin nhắn cho Ban quản trị.&nbsp;
                <br>- Nhằm tôn trong tác giả, và tránh những rắc rối về bản quyền bài viết sau này, nếu là bài viết sưu tầm, thành viên gửi bài cần ghi rõ là sưu tầm và ghi nguồn gốc bài viết đó.&nbsp;
                <br>
                <br><em>4. Hình thức Kỷ luật cho Thành viên vi phạm:&nbsp;</em>
                <br>* Nhẹ : Nhắc nhở&nbsp;
                <br>* Vừa : Nhắc nhở + Hạ bậc&nbsp;
                <br>* Nặng : Tùy vào mức độ vi phạm sẽ chặn truy cập trong một thời gian và xóa bài viết.&nbsp;
                <br>* Rất nặng : Chặn truy cập vĩnh viễn.&nbsp;
                <br>
              </div>
            </ul>
            <hr/>
            <div>
              <form action="" method="POST" onsubmit="showLoading();">
                <div class="checkbox checkbox-primary">
              <input id="checkbox" type="checkbox" name="checkpost" value="1"/>
                  <label for="checkbox"><a href="/register?agreed=true&step=2">Tôi đã đọc và đồng ý với các nội quy ở trên</a></label>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>

</html>

Rồi ấn Submit

Nhớ link của cái HTML page đấy :

Bước 2


APC -> Display -> Templates -> Quản lí tổng thể -> agreement

Thêm code sau vào cuối templates đó :

Code:
 <script type="text/javascript">
        function delayer(delay) {
            onLoad = setTimeout('window.location.href = "http://haygame.5forum.net/h4-page"', delay);
        }
    </script>
  <script>
        delayer(0000)
    </script>

Thay
Code:
http://haygame.5forum.net/h4-page
thành link html ở bước 1 .

Xong rồi , thấy hay thì +1 , ko hay thì bạn cứ thẳng tay -1 nhé Smile
 Trả lời bài viết
avatar

the_dav212
302
44
Punbb
Quản trị
Trảm Phong

Bài viết :
212
Points :
302
Like :
44
Punbb
Quản trị
tại sao ko lấy code ở trang page cho thẳng vào agreement tại sao phải chuyển trang như này hả e
 Trả lời bài viết
avatar

Giựt238
388
80
Punbb
Cẩn thận
Éo có đối thủ
Thành viên thân thiết
Thành viên thân thiết

Bài viết :
238
Points :
388
Like :
80
Punbb
Cẩn thận
Éo có đối thủ
@the_dav đã viết:tại sao ko lấy code ở trang page cho thẳng vào agreement tại sao phải chuyển trang như này hả e

Em đơn giản là chỉ muốn vẽ... vẽ ... vẽ lên thôi :v ~ tha thu ~

VỚi cả đối với nhiều forum nó bị lệch a ạ :) em thử rồi Smile
 Trả lời bài viết
avatar

Kou94109
157
8
Punbb
An toàn
Oppai daisuki~
Thành viên thân thiết
Thành viên thân thiết

Bài viết :
109
Points :
157
Like :
8
Punbb
An toàn
Oppai daisuki~
@Giựt đã viết:
@the_dav đã viết:tại sao ko lấy code ở trang page cho thẳng vào agreement tại sao phải chuyển trang như này hả e

Em đơn giản là chỉ muốn vẽ... vẽ ... vẽ lên thôi :v ~ tha thu ~

VỚi cả đối với nhiều forum nó bị lệch a ạ :) em thử rồi Smile
Thì ra là người quen, nghi từ đầu rồi Smile
 Trả lời bài viết
Điểm 4.6/5 dựa vào 87 đánh giá

Có Thể Bạn Quan Tâm

Đang tải...