Bài gửi
Tiền
ThanksAdmin
![[Trang chủ] Tết 2013 Edit lại 1 chút Empty](https://2img.net/i/empty.gif)
[Trang chủ] Tết 2013 Edit lại 1 chút
on 27/01/2013Admin
loading...
[You must be registered and logged in to see this link.]
- Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<title>Mừng xuân 2013 - Hotrofm.com</title>
<link rel="SHORTCUT ICON" href="http://i45.servimg.com/u/f45/14/65/61/19/logo210.png">
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
</head>
<meta name="rating" content="All"/>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/green.css" media="screen" />
<link rel="stylesheet" type="text/css" href="scripts/styleshwitcher.css" media="screen" />
<script type="text/javascript" src="http://mrlee26.forumvi.com/12084.js"></script>
<script type="text/javascript" src="scripts/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="scripts/custom.js"></script>
<script type="text/javascript" src="scripts/bar.js"></script>
<script type="text/javascript" src="scripts/jquery.form.js"></script>
<script type="text/javascript" src="scripts/cufon-yui.js"></script>
<script type="text/javascript" src="scripts/yanone-kaffeesatz-light.cufonfonts.js"></script>
<script type="text/javascript">
Cufon.replace('#styleSwitcher span') ('h2') ('h3') ('#pb1') ('.p1') ('li.title') ('label') ('.text1');
</script>
<script type="text/javascript" src="scripts/colorpicker.js"></script>
<script type="text/javascript" src="scripts/jquery_002.js"></script>
<script type="text/javascript" src="scripts/cssLoader.js"></script>
</head>
<!-- ******************************************************** --><div id="divTopLeft" style="position:absolute;">
<!-- Start - chay quang cao ben trai --->
<img src="http://khanhpro.com/2013/images/left.png" border="0"/>
<!-- End - Ket thuc quang cao trai --->
</div>
<div id="divTopRight" style="position:absolute;">
<!-- Start - put your content here --->
<img src="http://khanhpro.com/2013/images/right.png" border="0"/>
<!-- End - put your content here --->
</div>
<style type="text/css">
body
{
background: #f4f4f4 url(http://www.hdwallpapers.in/wallpapers/fireworks-1680x1050.jpg) top center repeat-y fixed;}
#ribbon .header
{
background: url(http://khanhpro.com/2013//images/header_green.png) no-repeat;}
/*----------------------------------------------*/
/* Ribbon */
/*----------------------------------------------*/
#ribbon
{
background: url(http://khanhpro.com/2013//images/ribbon_green.png) center no-repeat;}
/*----------------------------------------------*/
/* Countdown*/
/*----------------------------------------------*/
#countdown li.days, li.hours, li.minutes, li.seconds
{
background: url(http://khanhpro.com/2013//images/bg_clock_green.jpg) no-repeat;
color: #919977;}
/*----------------------------------------------*/
/* Progress Bar */
/*----------------------------------------------*/
.progressbar
{
background: url(http://khanhpro.com/2013//images/bar_green.gif) repeat-x;}
/*----------------------------------------------*/
/* Notify */
/*----------------------------------------------*/
#form
{
background-color: #c0c8a4;}
#form .submit {
background: url(http://khanhpro.com/2013//images/button_green.png) left no-repeat;
background-position: 0px 0px;}
#form .submit:hover {
border: 0;
background-position: 0px -38px;}
/*----------------------------------------------*/
/* Icons */
/*----------------------------------------------*/
</style>
<style type="text/css">
body, html { height: 100%; }
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 {
margin: 0;
margin-left:auto;
margin-right:auto;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
list-style: none;
list-style-image: none;
}
#main
{
padding: 0;
position: relative;
margin: 0 auto;
width: 100%;}
#wrapper
{
position: relative;
width: 839px;
height: 580px;
padding: 0;
margin: 0 auto;}
h3
{
font-size: 21px;
padding-bottom: 3px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
color:#807f7f;}
h2
{
font-size: 24px;
font-weight: bold;
text-align: center;
color:#FFF;}
.fr
{
float: right;}
.fl
{
float: left;}
/*----------------------------------------------*/
/* Logo */
/*----------------------------------------------*/
#wrapper .logo
{
position: relative;
text-align:center;
margin: 0 auto;}
#wrapper .logo a, .logo img
{
margin: 0 auto;
text-align:center;
color:#fff;
text-decoration:none;}
/*----------------------------------------------*/
/* Box */
/*----------------------------------------------*/
#box
{
background: url(http://khanhpro.com/2013/images/bg_box.jpg) repeat;
position: relative;
width: 693px;
border: #FFF solid 3px;
height: 450px;
margin: 0 auto;
margin-top: 25px;
z-index: 1;}
#shadow
{
position: absolute;
margin: 0 auto;
display: inline;
background: url(http://khanhpro.com/2013/images/shadow.png) no-repeat;
top: 3px;
right: -45px;
width: 777px;
height: 491px;
z-index: 0;}
/*----------------------------------------------*/
/* Ribbon */
/*----------------------------------------------*/
#ribbon
{
position: absolute;
width: 839px;
height: 69px;
text-align: center;
top: 13px;
left: -72px;
margin: 0 auto;
z-index: 9999;}
/*----------------------------------------------*/
/* Text Header */
/*----------------------------------------------*/
#cauchuc {
position: relative;
z-index: 50;
text-align:left;
}
.centerdiv {
margin: 0 auto;
width: 980px;
text-align: left;
}
#ribbon .header
{
position: relative;
margin: 0 auto;
text-align: center;
width: 435px;
height: 34px;
top: 15px;
z-index: 9999;}
/*----------------------------------------------*/
/* Countdown */
/*----------------------------------------------*/
#countdown
{
position: relative;
margin: 0 auto;
text-align: center;
width: 498px;
height: 120px;
padding: 90px 0 10px 0;
z-index: 999;}
.days, .hours, .minutes, .seconds
{
background: url(http://khanhpro.com/2013/images/frame.png) no-repeat top center;
float: left;
width: 114px;
height: 114px;
text-align: center;
position:relative;
padding: 0 5px 0 5px;}
.days img, .hours img, .minutes img, .seconds img
{
margin: -2px;
margin-top: 20px;}
#countdown .title1
{
position: absolute;
bottom: 13px;
left: 0px;
right: 0px;
margin: 0 auto;}
#countdown .title
{
position: absolute;
bottom: 17px;
left: 0px;
right: 0px;
margin: 0 auto;}
/*----------------------------------------------*/
/* Separator */
/*----------------------------------------------*/
#box .separator
{
position: relative;
text-align: center;
margin: 0 auto;
height: 2px;
width: 570px;
background: url(http://khanhpro.com/2013/images/sep.png) repeat-x;}
/*----------------------------------------------*/
/* Progress */
/*----------------------------------------------*/
#progress
{
position: relative;
text-align:center;
margin: 0 auto;
padding: 110px 0 0 0;
height: 110px;
z-index: 999;}
.progressbar
{
background-position: bottom;
margin:0 auto;
padding: 0px 0 1px 0;
text-align:center;
width:518px;
height: 45px; }
#progress .p1
{
font-family: Tahoma;
font-size: 21px;
color: #615f5f;
padding: 7px 0 0 5px;}
#pb1_pbText
{
position:absolute;
display:block;
right: 105px;
font-size:21px;
font-family: Tahoma, Arial;
font-weight:normal;
white; color: #fff;
text-shadow: white 0px 0px 11px;
padding:13px 0 0 0;}
/*----------------------------------------------*/
/* Notify */
/*----------------------------------------------*/
#notify
{
padding-top: 20px;
font-size: 12px;
position: relative;
width: 480px;
height: 130px;
margin: 0 auto;
text-align: center;
color: #CCCCCC;
z-index: 9999;}
#form
{
position: relative;
margin-top: 10px;
padding: 5px;
width: 468px;
height: 38px;
z-index: 9999;
-moz-border-radius:3px;
-webkit-border-radius:3px;}
#form .email
{
background:url(http://khanhpro.com/2013/images/bg_input.png) left no-repeat;
font: 12px Tahoma, Geneva, sans-serif;
font-weight: bold;
text-align: center;
text-transform: uppercase;
border:0;
margin: 1px 0 0 0;
width: 370px;
height: 35px;
color: #787777;
outline: none;
float: left;}
#form .submit {
position: absolute;
border: 0;
outline: none;
right: 5px;
margin: 0 auto;
width: 98px;
height: 38px;
opacity: 1;
float: left;}
#notify .submessage
{
position: absolute;
font-family: Tahoma;
width: 400px;
padding: 0px 5px 5px 0;
color: #76a05a;
top: 9px;
text-shadow: #fff 0px 1px 1px;
display: none;}
#notify .loader
{
position: absolute;
width: 400px;
text-align: center;
top: 9px;
padding: 0px 10px 0px 0;
margin: auto 0;
display: none;}
#notify .text1
{
font-family: Arial;
text-transform: uppercase;
text-shadow: #fff 0px 1px 0px;
font-size: 14px;
line-height: 1.2em;
color:#ffffff;}
#warning p
{
position: absolute;
right: 120px;
text-align:center;
padding: 0;
margin: 0 auto;
color: #be6363;
text-shadow: #fff 0px 1px 1px;}
/*----------------------------------------------*/
/* Icons*/
/*----------------------------------------------*/
#icons
{
position: relative;
margin: 0 auto;
text-align: center;
padding: 20px 0 40px 0;
z-index: 9999;}
/*----------------------------------------------*/
/* Contact Form*/
/*----------------------------------------------*/
#contact
{
text-align: left;
width: 420px;
margin: auto 0;
left: 133px;
bottom: 14px;
height: 350px;
position: absolute;
display: none;
z-index: 9999;
}
#contact .close
{
background: url(http://khanhpro.com/2013/images/close.png) no-repeat;
position:absolute;
right: 30px;
top: -7px;
width:32px;
height:32px;
z-index: 9999;}
#contact .shadow
{
background: url(http://khanhpro.com/2013/images/contact_shadow.png) no-repeat !important;
top: -10px;
left: 0px;
width: 420px;
height: 327px;
position: absolute;
z-index: 0;}
#contact h1
{
text-align:center;
font-size:23px;
text-shadow:0 1px 0 #ede8d9; }
#form_wrap.hide:after, #d.hide:before
{
display:none;}
#contact form
{
background:#dedede url(http://khanhpro.com/2013/images/bg_contact.jpg) repeat !important;
position:relative;
overflow:hidden;
width:318px;
margin:0px auto;
padding:20px;
border: 3px solid #fff;
}
#form_wrap form
{
height:300px;}
#form_wrap label
{
float: left;
padding-top: 10px;
font-size: 14px;
color: #747474;
text-transform: uppercase;
text-shadow: 0px 1px 0px #fff;}
#contact input[type=text], #contact textarea
{
font: 12px normal uppercase helvetica, arial, serif;
position: relative;
color: #7c7873;
background: #e1e1e1;
width: 215px;
height: 27px;
line-height: 27px;
margin: 5px 0 5px 0;
padding: 0 10px;
outline: none;
border:1px solid #f8f8f8;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: inset 0px 0px 1px #717171;
-webkit-box-shadow: inset 0px 0px 1px #ababab;
box-shadow: inset 0px 0px 1px #b3b3b3;}
#contact textarea
{
height: 90px;
padding-top: 1px;}
#contact textarea:focus, #contact input[type=text]:focus
{
background:rgba(220,220,220,.35);}
#form_wrap .button
{
background: url(http://khanhpro.com/2013/images/send.png) no-repeat;
border: none;
position:relative;
margin: 5px 10px;
font-size:12px;
text-shadow: 0 1px 0 #fff;
width: 66px;
height: 25px;
float: right;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
#form_wrap .button:hover
{
opacity: .85;}
#form_wrap .sep
{
background: url(http://khanhpro.com/2013/images/sep.png) repeat-x;
padding: 5px 0 5px 0;
width: 100%;
height: 2px;}
.formstatusok
{
margin-top: 15px;
color: #5b8f3e;
text-align: center;}
.sent_img
{
margin-top: 5px;
background:url(http://khanhpro.com/2013/images/email-sent.jpg) no-repeat;
width: 92px;
height: 82px;
position: absolute;
right: 140px;
text-align: center;}
.bar
{
background:url(http://khanhpro.com/2013/images/loading.gif) no-repeat center;
margin: 7px 10px;
height: 16px;
width: 16px;
float: right;
right: 45px;
position: absolute;
display: none;
z-index: 9999;}
</style>
<script type="text/javascript">
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function JSFX_FloatDiv(id, sx, sy)
{
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
var px = document.layers ? "" : "px";
window[id + "_obj"] = el;
if(d.layers)el.style=el;
el.cx = el.sx = sx;el.cy = el.sy = sy;
el.sP=function(x,y){this.style.left=x+px;this.style.top=y+px;};
el.floatIt=function()
{
var pX, pY;
pX = (this.sx >= 0) ? 0 : ns ? innerWidth :
document.documentElement && document.documentElement.clientWidth ?
document.documentElement.clientWidth : document.body.clientWidth;
pY = ns ? pageYOffset : document.documentElement && document.documentElement.scrollTop ?
document.documentElement.scrollTop : document.body.scrollTop;
if(this.sy<0)
pY += ns ? innerHeight : document.documentElement && document.documentElement.clientHeight ?
document.documentElement.clientHeight : document.body.clientHeight;
this.cx += (pX + this.sx - this.cx)/8;this.cy += (pY + this.sy - this.cy)/8;
this.sP(this.cx, this.cy);
setTimeout(this.id + "_obj.floatIt()", 50);
}
return el;
}
JSFX_FloatDiv("divTopLeft", 0,300).floatIt();
JSFX_FloatDiv("divTopRight", -200,300).floatIt();
</script>
<body onload="getTime()"><div id="main"><div class="centerdiv" style="position:relative;z-index:50"><div id="cauchuc">
<img src="http://khanhpro.com/2013/images/cauchuc2.png" style="float:right;" />
<img src="http://khanhpro.com/2013/images/cauchuc1.png" style="float:left;" />
</div>
</div>
<div id="wrapper">
<div class="logo">
<br>
<br>
</div>
<div id="box">
<div id="ribbon">
<div class="header"></div>
</div>
<div id="countdown">
<div class="days">
<img height="40" src="http://khanhpro.com/2013/images/0c.png" alt="" width="23" name="x" />
<img height="40" src="http://khanhpro.com/2013/images/0c.png" alt="" width="23" name="a" />
<img height="40" src="http://khanhpro.com/2013/images/0c.png" alt="" width="23" name="b" />
<img src="http://khanhpro.com/2013/images/days.png" width="35" height="17" class="title1" alt="" />
</div>
<div class="hours">
<img height="40" src="http://khanhpro.com/2013/images/0c.png" alt="" width="23" name="y" />
<img height="40" src="http://khanhpro.com/2013/images/0c.png" alt="" width="23" name="z" />
<img src="http://khanhpro.com/2013/images/hours.png" width="39" height="13" class="title" alt="" />
</div>
<div class="minutes">
<img height="40" src="http://khanhpro.com/2013/images/0c.png" alt="" width="23" name="d" />
<img height="40" src="http://khanhpro.com/2013/images/0c.png" alt="" width="23" name="e" />
<img src="http://khanhpro.com/2013/images/minutes.png" width="53" height="13" class="title" alt="" />
</div>
<div class="seconds">
<img height="40" src="http://khanhpro.com/2013/images/0c.png" alt="" width="23" name="g" />
<img height="40" src="http://khanhpro.com/2013/images/0c.png" alt="" width="23" name="h" />
<img src="http://khanhpro.com/2013/images/seconds.png" width="53" height="13" class="title" alt="" />
</div>
</div>
<div class="separator"></div>
<br>
<img src="http://khanhpro.com/2013/images/tet.png"/><br><br>
<div class="separator"></div>
<br>
<center>
<form name="firewall">
<input type=button name="OK" value="Vào diễn đàn" onclick="parent.location='/forum'">
<input type=button name="OK" value="Quay lại trang trước" onclick="parent.location='javascript:history.back(1);'">
</form>
<br>
<font color="white" size="3"><b> Cảm ơn bạn đã truy cập và ủng hộ Hotrofm.com !!!</b></font></a></center>
</div>
<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?Yi85ZC9iOWRhZDgwYjE4ZDEwMThlOTg5M2NiZDI5YTZlMTBkYS5cUIbaBmUsICDN8TmUsICO5YSBYdmUsICOiWeBiDGoGl8TmUsICOieSBUmUsICdUngG6r25nfDF8MQ" /><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?Yi85ZC9iOWRhZDgwYjE4ZDEwMThlOTg5M2NiZDI5YTZlMTBkYS5cUIbaBmUsICDN8TmUsICO5YSBYdmUsICOiWeBiDGoGl8TmUsICOieSBUmUsICdUngG6r25nfDF8MQ" quality="high" wmode="transparent" type="application/x-shockwave-flash"></embed></object>
</body>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-15386174-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</html>
<style type="text/css">
#style4{position: fixed;right:-400px;top: 40px; z-index: -9999;}
#style5{position: fixed;left:-400px;top: 40px; z-index: -9999;}
#style6{position: fixed;left:0px;top: 0px; z-index: -99;}
</style>
<div id='style4'><object data="http://thptxuanloc.edu.vn/uploads/phaohoa.swf" height="700" type="application/x-shockwave-flash" width="1400"> <param name="movie" value=""/> <param name="quality" value="high"/> <param name="wmode" value="transparent"/> </object></div>
<div id='style5'><object data="http://thptxuanloc.edu.vn/uploads/phaohoa.swf" height="700" type="application/x-shockwave-flash" width="1400"> <param name="movie" value=""/> <param name="quality" value="high"/> <param name="wmode" value="transparent"/></object></div>
<a href="http://www.forumvi.com" target="_blank"></a>
