Quên mật khẩu?

Ẩn quảng cáo - Esc
 » Thủ Thuật Tổng Hợp » Thủ Thuật Dành Cho Forum » Về HTML (HTML) Tang Chủ Tết Nhỏ Gọn

Thích bài này? Bài trướcBài sau

Admin

Mon Jan 27, 2014 6:40 pm

#1
  • Admin

Admin



Administrator
https://vngame-vip.forumvi.com
Administrator
Gia nhập : 12/09/2013
Tổng số bài gửi : 999
Đồng vàng : 27486
Cảm ơn : 4056
(HTML) Tang Chủ Tết Nhỏ Gọn Empty (HTML) Tang Chủ Tết Nhỏ Gọn

Code
Code:
<style type="text/css" id="caudoi">
.caudoi {
  zoom:1;
  width: 160px;
  height: 522px;
  position: fixed;
  top:0;
}
.trai{left:0;background: url(http://c3zone.forumj.net/users/2315/72/47/45/album/l10.png)}
.phai{right:0;background:url(http://c3zone.forumj.net/users/2315/72/47/45/album/r10.png)}
</style>
<div class="caudoi trai"></div>
<div class="caudoi phai"></div>




<script>
var pictureSrc ="https://giacngo.vn/home/images/hoamai.gif"; //the location of the snowflakes
var pictureWidth = 30; //the width of the snowflakes
var pictureHeight = 30; //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>
<!--Begin khung đón tến nguyên đán--><div style="background-image:url('http://admin.indongnam.com.vn/Common/Editor/Img/kien%20thuc%20thiet%20ke/mau%20sac%20trong%20thiet%20ke%20website/thiet-ke-y-nghia-mau-sac-3.jpg');">
  <script type="text/javascript" src="http://codeforumotion.googlecode.com/files/FMvar.js"></script>
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<tr>
    <td class="tcat">Happy New Year 2014</td>
</tr>
<tr><div style="background-image:url('http://admin.indongnam.com.vn/Common/Editor/Img/kien%20thuc%20thiet%20ke/mau%20sac%20trong%20thiet%20ke%20website/thiet-ke-y-nghia-mau-sac-3.jpg');">
<td class="alt1">
  <center>
  <div id="pun-announcement"> <b class="rtop"> <b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b> </b> <h5> <center> <font color="blue" size="4"><b>Kính Chúc <font color="red"><span class="USERNAME"></span></font> ! Năm Mới An Khang Thịnh Vượng..!!</b></font> <br /><br />
    <table width="100%" border="0">
    <tr>
      <td>
        <div align="left">
          <img src="http://www.babywolfvn.com/wp-content/uploads/2012/02/hoa-mai.jpg" width="200" height="70"/>
        </div>
      </td>
      <td>
        <center>
          <img src="http://photo.elsoar.com/wp-content/images/Happy-New-Year-2014-1.jpg" width="500" height="100"/>
        </center>
      </td>
      <td>
        <div align="right">
          <img src="http://thunglunghoahong.com/Uploads/News/06072006/Love_Forever/2076155910-hoa-dao.jpg" width="200" height="70"/>
        </div>
      </td>
      </tr>
    </table>
    <br/>
    <br/>
  <center><marquee behavior="alternate"><font color="#ea00ff" size="3"> (¯`'• Giáp Ngọ 2014,•*¤*•,¸.¸,•*Happy New Year 2014 .•'´¯) </font> </marquee> </center>
      <table width="100%" border="0">
        <tr>
          <td align="right">
            <img src="http://i17.servimg.com/u/f17/17/59/85/75/chure10.png" width="0" height="0"/>
          </td>
          <td align="center">
      <script language="javascript"
src="http://ducthong.com/tet.js">

        </script>
   
          </td>
          <td align="center">
        <img src="http://dattenchocon.shoptretho.com.vn/wp-content/uploads/2013/07/ngua-2014-tc-copy.jpg" width="500" height="150"/>
          </td>
        </tr>
    </table>
    <br />
    <i>Năm mới là thời gian của gia đình, của hạnh phúc, của những lời chúc phúc. Hãy dành tặng cho người thân và bạn bè những lời chúc đặc biệt nhất. Những lời chúc hay, dí dỏm và độc đáo sẽ làm cho người được chúc cảm thấy vui vẻ hơn, thoải mái hơn và ấm áp hơn khi mùa xuân về!</i>
    <br />
    <br />
    <br />
<iframe width="400" height="80" src=http://mp3.zing.vn/embed/song/ZWZDW9OZ?autostart=true" frameborder="0" allowfullscreen="true"></iframe>
  <center>
    <marquee direction="left">
      <font size="3" color="green"><i>Chúc Bạn có
       
        12 tháng phú quý,365 ngày phát tài,8760 giờ sung túc, 525600 phút thành công,31536000 giây vạn sự như ý…
        </i>
        </font>
       
      </marquee>
    </center>
    </b>
    </b>
    </div>
        </center>
</td>
    </tr>
</table>
<!--End khung đón tết nguyên đán-->
Do you wish to use your forum header and footer ? Or Yes
Trả lời chủ đề này

Điện thoại: 050077777777777777 - Email: trihaivippro258@gmail.com - Yahoo: trihaivip_258@yahoo.com - Bảng báo giá