Bài gửi
Tiền
ThanksGet Over
Trang chủ giáng sinh mã 001
on 09/12/2012Get Over
loading...
Gọi mã 001 để đỡ nhầm sang cái khác
sưu tầm nè
Demo [You must be registered and logged in to see this link.]
Tạo HTML :
Title: Trang chủ giáng sinh mã 001
Do you wish to use your forum header and footer ? :Có
Use this page as homepage ? : Có
- Code:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Diễn đàn Feel The Beat - We - Feel - The - Beat</title>
<style type="text/css">
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
background: transparent;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
}
body {
padding: 0;
margin: 0;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
color: #00100b;
background-color: #FFFFFF;
background-image: url(http://i41.servimg.com/u/f41/17/61/77/59/2556cd11.jpg);
background-repeat: no-repeat;
background-position: center top;
}
a:link, a:visited, a:active {text-decoration: none; }
a:focus { outline: none; }
h1 {
font-size: 16px;
text-align: center;
font-weight: bold;
}
h1 span {
display: block;
font-size: 11px;
font-weight: normal;
color: #767c67;
padding-top: 10px;
}
img { border: none; }
.clear { clear: both; }
p { margin: 0px; padding: 10px 0px; }
ul { padding: 0px; margin: 0px; list-style-type: none; }
input { font-size: 12px; font-family: Tahoma; color: #00100b; }
#header {
background-image: url(http://i43.servimg.com/u/f43/17/93/44/10/topmen10.gif);
background-repeat: repeat-x;
background-position: top;
}
#wrapper {
width:720px;
margin:0 auto;
}
.top {
height: 30px;
padding-left:10px;
}
.logo { float:left; height: 29px; }
/*////////////////Top menu/////////////////////*/
.topmenu {
float:right;
padding-top: 7px;
}
.topmenu ul {
float:left;
padding:0;
margin:0;
}
.topmenu li {
float:left;
display:block;
padding-top: 0px;
padding-right: 1px;
padding-bottom: 0px;
padding-left: 1px;
}
.topmenu a:link, .topmenu a:visited, .topmenu a:active {
color:#767675;
font-family: Tahoma;
font-size: 11px;
font-style: normal;
font-weight: normal;
font-variant: normal;
}
.topmenu a:hover {
text-decoration: underline;
}
.main {
padding-top: 19px;
margin-bottom:90px;
}
.menu {padding-top: 6px; padding-left:0px; float:left;}
.menu li {float:left;}
li a.lm1 {
display: block;
width: 118px;
height: 97px;
text-indent: -9999px;
background-image: url(http://i43.servimg.com/u/f43/17/93/44/10/dienda10.gif);
background-repeat: no-repeat;
background-position: left top;
}
li a:Hover.lm1 {
background-image: url(http://i43.servimg.com/u/f43/17/93/44/10/dienda10.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
li a.lm2 {
display: block;
width: 131px;
height: 97px;
text-indent: -9999px;
background-image: url(http://i43.servimg.com/u/f43/17/93/44/10/canhac10.gif);
background-repeat: no-repeat;
background-position: left top;
}
li a:Hover.lm2 {
background-image: url(http://i43.servimg.com/u/f43/17/93/44/10/canhac10.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
li a.lm3 {
display: block;
width: 112px;
height: 97px;
text-indent: -9999px;
background-image: url(http://i43.servimg.com/u/f43/17/93/44/10/dohoa10.gif);
background-repeat: no-repeat;
background-position: left top;
}
li a:Hover.lm3 {
background-image: url(http://i43.servimg.com/u/f43/17/93/44/10/dohoa10.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
li a.lm4 {
display: block;
width: 101px;
height: 97px;
text-indent: -9999px;
background-image: url(http://i43.servimg.com/u/f43/17/93/44/10/thuthu10.gif);
background-repeat: no-repeat;
background-position: left top;
}
li a:Hover.lm4 {
background-image: url(http://i43.servimg.com/u/f43/17/93/44/10/thuthu10.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
li a.lm5 {
display: block;
width: 112px;
height: 97px;
text-indent: -9999px;
background-image: url(http://i1229.photobucket.com/albums/ee465/congmanh333/tailieu.gif);
background-repeat: no-repeat;
background-position: left top;
}
li a:Hover.lm5 {
background-image: url(http://i1229.photobucket.com/albums/ee465/congmanh333/tailieu.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
li a.lm6 {
display: block;
width: 115px;
height: 97px;
text-indent: -9999px;
background-image: url(http://i43.servimg.com/u/f43/17/93/44/10/phanme10.gif);
background-repeat: no-repeat;
background-position: left top;
}
li a:Hover.lm6 {
background-image: url(http://i43.servimg.com/u/f43/17/93/44/10/phanme10.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
.fooder {
float:left;
width:100%;
text-align: center;
padding-top: 30px;
padding-bottom:30px;
font-size: 11px;
color: #999999;
}
</style>
<object width="1" height="1"><param name="movie" value="http://static.mp3.zdn.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://mp3.zing.vn/blog?MjAxMS8wNy8xNy9jLzAvInagaMEYzBiNjYxNzQ5MThjMTBiNWQ5MTU4NWYwOWQ4MzFhM2EdUngWeBXAzfFdlIFdpmUsIC2ggWW91IEEgTWVymUsICnkgQ2hyaXN0WeBWFzfEVdUngeWF8MXwy" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><embed width="1" height="1" src="http://static.mp3.zdn.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://mp3.zing.vn/blog?MjAxMS8wNy8xNy9jLzAvInagaMEYzBiNjYxNzQ5MThjMTBiNWQ5MTU4NWYwOWQ4MzFhM2EdUngWeBXAzfFdlIFdpmUsIC2ggWW91IEEgTWVymUsICnkgQ2hyaXN0WeBWFzfEVdUngeWF8MXwy" quality="high" wmode="transparent" type="application/x-shockwave-flash"></embed></object><br />
</head>
<body><div id="header">
<div id="wrapper">
<!-- Top -->
<div class="top"><span class="style1">
<strong>
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4">
</marquee>
</strong></span>
<strong>
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4">
</marquee>
</strong>
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4"><div align="center" class="style4"><span class="style1"><img src="http://i1229.photobucket.com/albums/ee465/congmanh333/xinh/timmattroi_zps9796f6a3.gif" /> Thay mặt BQT diễn đàn xin gửi những lời chúc tốt lành nhất đến bạn cùng gia đình một mùa Giáng sinh an lành chứa đầy tình yêu thương và một năm mới may mắn, thành công.</span>
</div>
</marquee>
<div class="logo"><a href="http://4r-feelthebeat.biz/" target="_blank"></a></div>
</div>
<!-- Main -->
<div class="main" align="center"><a href="http://4r-feelthebeat.biz/" target="_blank"><img src="http://i43.servimg.com/u/f43/17/93/44/10/logo110.png" /></a></div>
<!-- Menu-->
<div class="menu">
<ul>
<li><a class="lm1" href="/forum" target="_blank">Diễn Đàn</a></li>
<li><a class="lm2" href="http://mp3.zing.vn" target="_blank">Ca Nhạc</a></li>
<li><a class="lm3" href="/forum" target="_blank">Công Nghệ Thông Tin</a></li>
<li><a class="lm4" href="/forum" target="_blank">Shop Forum</a></li>
<li><a class="lm5" href="/forum">Tài Liệu</a></li>
<li><a class="lm6" href="/forum" target="_blank">Truyện Tranh</a></li>
</ul>
</div>
</div>
</div>
</div>
<script type="text/javascript">
var snowsrc="http://i1229.photobucket.com/albums/ee465/congmanh333/snow.gif"
var no = 30;
var hidesnowtime = 0;
var snowdistance = "pageheight";
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 800, doc_height = 600;
if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("ongame.vn")!=-1)? "http://i1229.photobucket.com/albums/ee465/congmanh333/snow.gif" : snowsrc
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
}
}
}
function snowIE_NS6() { // IE and NS6 main animation function
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("snowIE_NS6()", 10);
}
function hidesnow(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}
if (ie4up||ns6up){
snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}
</script>
</body>
</html>
<a href="http://www.forumvi.com" target="_blank"></a>
No Comment.