<!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" />
<title>Giáng Sinh 2011 -
www.www.www.www.www.ks9c.org</title><!--[if IE 6]>
<script src="http://talatomato.info/xmas/pngfix.js"></script>
<script>
DD_belatedPNG.fix('img');
</script>
<![endif]-->
</head>
<body>
<div id="header">
<div id="wrapper">
<!-- Top -->
<div class="top">
<div class="logo"><img src="http://talatomato.info/xmas/images/toplogo.gif" /></div>
<div class="topmenu">
<ul>
<li><a href="/profile.forum?mode=register" target="_blank">Đăng ký</a></li>
<li style="color:#888888">|</li>
<li><a href="/profile.forum?mode=sendpassword" target="_blank">Quên mật khẩu</a></li>
</ul>
</div>
</div>
<!-- Main -->
<div class="main" align="center">
<!-- login form -->
<form action="/login.forum?redirect=/portal.htm" method="post" id="signin">
<table cellpadding="0" cellspacing="4" border="0">
<tr>
<td class="smallfont" style="white-space: nowrap;">
<label>Đăng nhập :</label> </td>
<td><input id="username" class="post" name="username" size="20" type="text" value="Tên tài khoản" onfocus="if (this.value == 'Tên tài khoản') this.value = '';" /></td>
</td>
<td class="smallfont" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />Ghi nhớ?</label></td>
</tr>
<tr>
<td class="smallfont"> <label>Mật Khẩu :</label> </td>
<td> <input id="pass" name="password" class="keyboardInput" style="width:100px" size="20" type="password" /></td>
<td> <input type="submit" value="Đăng nhập" name="login" id="login"/>
</td>
</tr>
</table>
</form>
<!-- / login form -->
</div>
<!-- Menu-->
<div class="menu">
<ul>
<li><a class="lm1" href="http://www.www.www.www.ks9c.org/forum-f12/">giới thiệu</a></li>
<li><a class="lm2" href="http://www.www.www.www.ks9c.org/forum-f3/">hướng dẫn</a></li>
<li><a class="lm3" href="http://share.goonline.vn/?id=1">Tải game</a></li>
<li><a class="lm4" href="/forum-f24/">sự kiện</a></li>
<li><a class="lm5" href="#" onClick="alert('Đây rùi còn j`@.@!');return false">trang chủ</a></li>
<li><a class="lm6" href="/forum.htm" target="_blank">diễn đàn</a></li>
</ul>
</div>
<div class="fooder">
</div>
</div>
</div>
<script type="text/javascript">
var snowsrc="images/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)? "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>
<script language="javascript" type="text/javascript" charset="utf-8" src="http://cfviet.googlecode.com/files/banphimaoCFiet.js"></script>
<style type="text/css">#keyboardInputMaster {
position:absolute;
border-top:2px solid #eeeeee;
border-right:2px solid #6e6e6e;
border-bottom:2px solid #6e6e6e;
border-left:2px solid #eeeeee;
color:#000000;
background-color:#dddddd;
text-align:left;
z-index:1000000;
width:auto;
margin:0px;
font:normal 11px Arial,sans-serif;
line-height:1;
}
#keyboardInputMaster * {
color:#000000;
background:transparent;
font:normal 11px Arial,sans-serif;
margin:0px;
padding:0px;
border:0px none;
outline:0px;
vertical-align:baseline;
}
#keyboardInputMaster thead tr th {
text-align:left;
padding:3px 5px 2px 4px;
background-color:inherit;
}
#keyboardInputMaster thead tr th select {
margin-right:5px;
border:1px inset #888888;
background-color:#f6f6f6;
}
#keyboardInputMaster thead tr th label input {
width:12px;
height:12px;
margin-right:5px;
vertical-align:middle;
}
#keyboardInputMaster thead tr td {
text-align:right;
vertical-align:middle;
padding:3px 4px 2px 5px;
}
#keyboardInputMaster thead tr td span {
padding:1px 4px;
font-weight:bold;
border-top:1px solid #e5e5e5;
border-right:1px solid #5d5d5d;
border-bottom:1px solid #5d5d5d;
border-left:1px solid #e5e5e5;
background-color:#cccccc;
cursor:pointer;
}
#keyboardInputMaster tbody tr td {
text-align:left;
padding:0px 4px 3px 4px;
}
#keyboardInputMaster tbody tr td div {
text-align:center;
position:relative;
height:0px;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout {
height:auto;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table {
height:20px;
white-space:nowrap;
width:100%;
border-collapse:separate;
border-spacing:0px;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table.keyboardInputCenter {
width:auto;
margin:0px auto;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td {
vertical-align:middle;
padding:0px 5px;
white-space:pre;
font-family:'Lucida Console',monospace;
border-top:1px solid #e5e5e5;
border-right:1px solid #5d5d5d;
border-bottom:1px solid #5d5d5d;
border-left:1px solid #e5e5e5;
background-color:#eeeeee;
cursor:default;
min-width:0.75em;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.last {
width:99%;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.space {
padding:0px 45px;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.alive {
background-color:#ccccdd;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.target {
background-color:#ddddcc;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.hover {
border-top:1px solid #d5d5d5;
border-right:1px solid #555555;
border-bottom:1px solid #555555;
border-left:1px solid #d5d5d5;
background-color:#cccccc;
}
#keyboardInputMaster thead tr td span.pressed,
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.pressed,
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.dead {
border-top:1px solid #555555;
border-right:1px solid #d5d5d5;
border-bottom:1px solid #d5d5d5;
border-left:1px solid #555555;
background-color:#cccccc;
}
#keyboardInputMaster tbody tr td div var {
position:absolute;
bottom:0px;
right:0px;
font-weight:bold;
font-style:italic;
color:#444444;
}
.keyboardInputInitiator {
margin-left:3px;
vertical-align:middle;
cursor:pointer;
}
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(https://i.servimg.com/u/f67/14/67/90/38/bg10.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(https://s1211.photobucket.com/albums/cc433/baivong/giangsinh/topmenu.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: 190px;
margin-bottom:135px;
}
.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(https://s1211.photobucket.com/albums/cc433/baivong/giangsinh/gioithieu.gif);
background-repeat: no-repeat;
background-position: left top;
}
li a:Hover.lm1 {
background-image: url(https://s1211.photobucket.com/albums/cc433/baivong/giangsinh/gioithieu.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
li a.lm2 {
display: block;
width: 131px;
height: 97px;
text-indent: -9999px;
background-image: url(https://s1211.photobucket.com/albums/cc433/baivong/giangsinh/huongdan.gif);
background-repeat: no-repeat;
background-position: left top;
}
li a:Hover.lm2 {
background-image: url(https://s1211.photobucket.com/albums/cc433/baivong/giangsinh/huongdan.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
li a.lm3 {
display: block;
width: 112px;
height: 97px;
text-indent: -9999px;
background-image: url(https://s1211.photobucket.com/albums/cc433/baivong/giangsinh/taigame.gif);
background-repeat: no-repeat;
background-position: left top;
}
li a:Hover.lm3 {
background-image: url(https://s1211.photobucket.com/albums/cc433/baivong/giangsinh/taigame.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
li a.lm4 {
display: block;
width: 101px;
height: 97px;
text-indent: -9999px;
background-image: url(https://s1211.photobucket.com/albums/cc433/baivong/giangsinh/sukien.gif);
background-repeat: no-repeat;
background-position: left top;
}
li a:Hover.lm4 {
background-image: url(https://s1211.photobucket.com/albums/cc433/baivong/giangsinh/sukien.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
li a.lm5 {
display: block;
width: 112px;
height: 97px;
text-indent: -9999px;
background-image: url(https://s1211.photobucket.com/albums/cc433/baivong/giangsinh/trangchu.gif);
background-repeat: no-repeat;
background-position: left top;
}
li a:Hover.lm5 {
background-image: url(https://s1211.photobucket.com/albums/cc433/baivong/giangsinh/trangchu.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
li a.lm6 {
display: block;
width: 115px;
height: 97px;
text-indent: -9999px;
background-image: url(https://s1211.photobucket.com/albums/cc433/baivong/giangsinh/diendan.gif);
background-repeat: no-repeat;
background-position: left top;
}
li a:Hover.lm6 {
background-image: url(https://s1211.photobucket.com/albums/cc433/baivong/giangsinh/diendan.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>