Demo Online : http://sale52.forumvi.com/h4-page
Trang Chủ Tết 2015 Được Edit Lại Một Số Sau Đây :
1. Câu Đối Chúc Tết 2 Bên
2. Banner Giữa Trang Chủ
3. Pháo Hoa
4. Có Tiếng Pháo Hoa Đi Kèm
5. Nhạc Happy New Year
Title * : Trang Chủ Tết 2015
Do you wish to use your forum header and footer ? Có
Use this page as homepage ? Có
- Code:
<title>Mừng Xuân 2015 - Sala52.Forumvi.Com</title><link rel="SHORTCUT ICON" href="http://i49.servimg.com/u/f49/17/19/76/14/stats10.gif" /><meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<center>
<embed type="application/x-shockwave-flash" src="http://congdd.vn/flash/banner_top.swf" style="width: 995px; height: 6px;" id="vidPlayer" name="vidPlayer" quality="high" wmode="transparent" />
</center><meta name="Generator" content="KioBooks" /><meta name="Author" content="mrhamchoi" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta http-equiv="Pragma" content="no-cache" /><meta http-equiv="Expires" content="-1" /><meta http-equiv="Cache-Control" content="no-cache" /><style>body{
padding:0;
margin:0;
font-size:12px;
color:#000;
font-family:Arial;
background:url('http://i57.servimg.com/u/f57/17/54/90/90/bg10.jpg');
}
img{
border:0;
}
a,a:link,a:visited{
color:#fff;
text-decoration:none;
}
a:hover{
color:yellow;
}
.clear{
clear:both;
}
#container{
width:100%;
text-align:center;
}
#header-top{
width:1000px;
height:455px;
background:url('http://i57.servimg.com/u/f57/17/54/90/90/header10.png') no-repeat scroll center top;
}
#header-bottom{
width:1000px;
height:455px;
background:url('http://i1380.photobucket.com/albums/ah194/huypc52/002_zpsbd81e874.png') no-repeat scroll center bottom;
}
.flashheader{
width:1000px;
height:455px;
}
#menu{
width:1000px;
height:28px;
background:url('http://i1380.photobucket.com/albums/ah194/huypc52/001_zpsd0c9b84f.png') no-repeat scroll center top;
}
.link1 a{
float:left;
margin-left:180px;
width:175px;
line-height:28px;
text-align:center;
color:#ffffff;
font-weight:bold;
}
.link2 a, .link3 a{
float:left;
margin-left:5px;
width:75px;
line-height:28px;
text-align:center;
color:#ffffff;
font-weight:bold;
}
.link4 a{
float:left;
margin-left:5px;
width:175px;
line-height:28px;
text-align:center;
color:#ffffff;
font-weight:bold;
}
.link1 a:hover, .link2 a:hover, .link3 a:hover, .link4 a:hover{
color:#FFFF00;
}
.space{
width:125px;
height:28px;
float:left
}
#footer{
width:1000px;
height:100px;
background:url('http://i57.servimg.com/u/f57/17/54/90/90/footer11.png') no-repeat scroll center top;
}
#barfixed{
position:fixed;
bottom:0;
width:100%;
font-weight:bold;
color:#FFFFFF;
font-size:13px;
background:url('http://i57.servimg.com/u/f57/17/54/90/90/fixedb10.png') repeat-x scroll center bottom;
}
#newsticker {
background: transparent;
clear: both;
height: 17px;
left: auto;
margin: auto;
overflow: hidden;
position: relative;
}
#marquee {
float: left;
overflow: visible;
position: relative;
right: 0px;
white-space: nowrap;
width: auto;
}</style><script>
var pictureSrc ="http://i59.servimg.com/u/f59/19/03/14/52/sinhvi10.png"; //the location of the snowflakes
var pictureWidth = 30; //the width of the snowflakes
var pictureHeight = 30; //the height of the snowflakes
var numFlakes = 5; //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>
<div id="container" style="margin: auto; min-width: 650px; width: 950px;">
<div id="header-top">
<div id="header-bottom">
<div style="position: absolute; left: 0px; top: 0px; z-index: -1; min-width: 100%; width: auto;">
</div>
</div>
<div id="menu">
<div class="link1">
<a href="/forum">Vào Diễn Đàn</a>
</div>
<div class="link2">
<a href="/f2-forum">Góp Ý</a>
</div>
<div class="space">
</div>
<div class="link3">
<a href="/contact">Liên Hệ</a>
</div>
<div class="link4">
<a href="/t2-topic">Tuyễn Người Điều Hành</a>
</div>
</div>
<div id="footer">
</div>
</div>
<div id="barfixed">
<table style="border: 0px none ; width: 100%;" cellpadding="0" cellspacing="0">
<tbody>
<tr valign="bottom">
<td align="right">
<div style="position: absolute; right: 0px; bottom: 0px; z-index: 1; width: 250px;">
<div style="position: fixed; top: 0px; left: 0px;">
<img style="width: 160px; height: 600px;" src="http://i59.servimg.com/u/f59/19/03/14/52/bnk4ys10.png" type="application/x-shockwave-flash" allowscriptaccess="always" menu="false" wmode="transparent" flashvars="username=BQTC" />
</div>
<div style="position: fixed; top: 0px; right: 0px;">
<img style="width: 160px; height: 600px;" src="http://i59.servimg.com/u/f59/19/03/14/52/rkcvlg10.png" type="application/x-shockwave-flash" allowscriptaccess="always" menu="false" wmode="transparent" flashvars="username=BQTC" />
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div><script type="text/javascript" src="ngoisao/ticker.js"></script><script language="javascript">
//********** Copyright a6ltt.forum.st **********\\
ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
ie4 = (document.all && !document.getElementById)? true : false;
ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var txtA=new Array();
text=text.split('');
var x1=0;
var y1=-1000;
var t='';
for(i=1;i<=text.length;i++){
t+=(ns4)? '<layer name="txt'+i+'" top="-100" left="0" width="'+txtw+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
t+=beghtml+text[i-1]+endhtml;
t+=(ns4)? '</layer>' : '</div>';
}
document.write(t);
function moveid(id,x,y){
if(ns4)id.moveTo(x,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}
function animate(evt){
x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
}
function getidleft(id){
if(ns4)return id.left;
else return parseInt(id.style.left);
}
function getidtop(id){
if(ns4)return id.top;
else return parseInt(id.style.top);
}
function getwindowwidth(){
if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
else return window.innerWidth+pageXOffset;
}
function movetxts(){
for(i=text.length;i>1;i=i-1){
if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
moveid(txtA[i-1],0,-1000);
moveid(txtA[i],0,-1000);
}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
}
moveid(txtA[1],x1,y1);
}
window.onload=function()
{
for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
if(ns4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=animate;
setInterval('movetxts()',delay);
}
</script>
<div align="center">
<span style="top: 0px; left: 0px; position: absolute; width: 900px; height: 430px; z-index:1"><embed style="width: 650px; height: 250px;" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://download.sucaitianxia.com/flash/touming/yanhua/6.swf" type="application/x-shockwave-flash" wmode="transparent" menu="false" quality="high" /></span><span style="top: 50px; left: 500px; position: absolute; width: 700px; height: 330px; z-index:1"><embed style="width: 650px; height: 250px;" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://download.sucaitianxia.com/flash/touming/yanhua/6.swf" type="application/x-shockwave-flash" wmode="transparent" menu="false" quality="high" /></span>
</div><a href="http://www.forumvi.com" target="_blank"></a>
</div><object style="width: 1px; height: 1px;"><param id="movie" value="http://www.nhaccuatui.com/m/WwaehzZ8yV" /><param id="quality" value="high" /><param id="wmode" value="transparent" /><param id="allowscriptaccess" value="always" /><param id="flashvars" value="autostart=true" /><embed style="width: 1px; height: 1px;" src="http://www.nhaccuatui.com/m/WwaehzZ8yV" flashvars="target=blank&autostart=true" allowscriptaccess="always" quality="high" wmode="transparent" type="application/x-shockwave-flash" /></object>
<object width="1" height="1"> <param name="movie" value="http://www.nhaccuatui.com/m/uCxytx9BioUS" /> <param name="quality" value="high" /> <param name="wmode" value="transparent" /> <param name="allowscriptaccess" value="always" /> <param name="allowfullscreen" value="true"/> <param name="flashvars" value="autostart=true" /> <embed src="http://www.nhaccuatui.com/m/uCxytx9BioUS" flashvars="target=blank&autostart=true" allowscriptaccess="always" allowfullscreen="true" quality="high" wmode="transparent" type="application/x-shockwave-flash" width="1" height="1"></embed></object>