Demo:
- Spoiler:
- Code:
http://a1family.forumvi.com/h3-page
- Spoiler:
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="author" content="A1 friend" />
<meta name="keywords" content="Forum A1" />
<meta name="description" content="Forum A1 http://a1family.forumvi.com" />
<html dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns:fb="http://www.facebook.com/2008/fbml">
<link rel="icon" href="http://ca7.upanh.com/17.157.21531835.m4G0/kinchakudrawstringbag.png" type="image/gif">
<style>
*{
margin: 0px;
padding: 0px;
}
a,a:link,a:hover{text-decoration:none}
.buttom { width:100px;border-top: 1px solid #bdbdbd; background: #8d9296; background: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#8d9296)); background: -moz-linear-gradient(top, #dbdbdb, #8d9296); padding: 20px 40px; -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #000000; font-size: 19px; font-family: Helvetica, Arial, Sans-Serif; text-decoration: none; vertical-align: middle; } .buttom:hover { border-top-color: #c7c7c7; background: #c7c7c7; color: #000000;box-shadow: 7px 7px 7px } .buttom:active { border-top-color: #cce4ed; background: #cce4ed; }
body{
background: url('http://pianominhthanh.com/uploads/userfiles/image/Xhristmas_Merry_Christmas_1.jpg');
}
#texttyping{
width: 780px;
margin: 20px 10px 20px 100px;
font-weight: bold;
position: absolute;
top: 210px;
left: 30px;
float: left;
}
#marquee{
height: 400px;
width: 398px;
position: absolute;
top: 20px;
left: 800px;
z-index: 10;
float: left;
}
</style>
<script language="javascript">
mensaje=
'<font size="3" face="Comic Sans Ms" color="#fff">Xin chào tất cả mọi người...^^<br></font>'+' <br>'+
'<br> '+
'<font color="#fff" size="4">Lễ Giáng sinh, còn được gọi là lễ Thiên Chúa giáng sinh, Noel, Christmas hay Xmas (từ tiếng Pháp Noël, là viết tắt từ gốc Emmanuel, nghĩa là "Thiên Chúa ở cùng chúng ta") là một ngày lễ kỷ niệm ngày Chúa Giê-su thành Nazareth sinh ra đời của phần lớn người Cơ Đốc giáo. Họ tin là Giê-su được sinh tại Bethlehem thuộc tỉnh Judea của nước Do Thái(Israel), lúc bấy giờ đang dưới quyền thống trị của Đế quốc La Mã giữa năm 6 TCN và năm 6.</font> <br> '+
'<br> '+
'<font color="#fff" size="5">Nhân dịp lễ Giáng Sinh, BQT chúc các thành viên Thật Vui vẻ bên người mình yêu quý.Thân.</font> <br> '+
'<p align="left"></p>'
line=0
cursor='_'
function teclear(){
if(line==mensaje.length) cursor=''
texttyping.innerHTML=mensaje.substring(0,line)+cursor
if(line++<mensaje.length) setTimeout("teclear()",60)
}
</script>
<script type="text/javascript">
// Set the number of snowflakes (more than 30 - 40 not recommended)
var snowmax=5
// Set the colors for the snow. Add as many colors as you like
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD","#ffffff","#ffc0cb")
// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")
// **** CHANGE YOUR IMAGE HERE ****
// Set the letter that creates your snowflake (recommended: * )
var snowletter=" <img src=http://www.iconarchive.com/icons/double-j-design/xmas-stickers/64/xmas-sticker-bell-icon.png> "
// Set the speed of sinking (recommended values range from 0.3 to 2)
var sinkspeed=0.6
// Set the maximal-size of your snowflaxes
var snowmaxsize=40
// Set the minimal-size of your snowflaxes
var snowminsize=20
// Set the snowing-zone
// Set 1 for all-over-snowing, set 2 for left-side-snowing
// Set 3 for center-snowing, set 4 for right-side-snowing
var snowingzone=1
///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////
// Do not edit below this line
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera
function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}
function initsnow() {
teclear();
if (ie5 || opera) {
marginbottom = document.body.clientHeight
marginright = document.body.clientWidth
}
else if (ns6) {
marginbottom = window.innerHeight
marginright = window.innerWidth
}
var snowsizerange=snowmaxsize-snowminsize
for (i=0;i<=snowmax;i++) {
crds[i] = 0;
lftrght[i] = Math.random()*15;
x_mv[i] = 0.03 + Math.random()/10;
snow[i]=document.getElementById("s"+i)
snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
snow[i].size=randommaker(snowsizerange)+snowminsize
snow[i].style.fontSize=snow[i].size
snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
snow[i].sink=sinkspeed*snow[i].size/5
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
snow[i].style.left=snow[i].posx
snow[i].style.top=snow[i].posy
}
movesnow()
}
function movesnow() {
for (i=0;i<=snowmax;i++) {
crds[i] += x_mv[i];
snow[i].posy+=snow[i].sink
snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
snow[i].style.top=snow[i].posy
if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=0
}
}
var timer=setTimeout("movesnow()",60)
}
for (i=0;i<=snowmax;i++) {
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
window.onload=initsnow;
}
</script><div><a href="/index.htm">
<object width="1" height="1"><param name="movie" value="http://static.mp3.zing.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://mp3.zing.vn/blog?MjAxMC8xMi8xNi83L2YvInagaMEN2Y5OWQ2N2MyNDA4MjdlMzM3OTQ4MDdhM2Q5MTljZTMdUngWeBXAzfEppWeBmdlmUsICiBCZWxsfERKIE1yLkJ8MXwz" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><embed width="1" height="1" src="http://static.mp3.zing.vn/skins/mp3_main/flash/player/mp3Player_skin8.swf?xmlurl=http://mp3.zing.vn/blog?MjAxMC8xMi8xNi83L2YvInagaMEN2Y5OWQ2N2MyNDA4MjdlMzM3OTQ4MDdhM2Q5MTljZTMdUngWeBXAzfEppWeBmdlmUsICiBCZWxsfERKIE1yLkJ8MXwz" quality="high" wmode="transparent" type="application/x-shockwave-flash"></embed></object><br />></a></div><div id="marquee">
<div class="buttom">
<a href="/forum"><font color="blue" face="Comic Sans Ms" size="4"><b>
Vào Forum</b></a>
</font></div>
</div><div id="texttyping">
</div>
<a href="http://www.forumvi.com" target="_blank">forumvi.com</a>