๑«¬«๑ Chào mừng bạn đến với Diễn Đàn ☼ Who Am I ™ ๑«¬«๑
» Nếu đây là lần đầu tiên bạn tham gia diễn đàn, xin mời bạn xem phần Hướng Dẫn để biết cách dùng diễn đàn.
» Để có thể tham gia thảo luận, các bạn phải đăng ký làm thành viên, Click Vào Đây Để Đăng Ký.


[HD] Trang chủ Tết Quý Tị 2013Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down
Tue Jan 15, 2013 5:53 am
Cuộc sống không bao giờ công bằng, điều duy nhất bạn có thể làm là thích ứng với cuộc sống
avatar
AnkNgok94
Chức vụAdmin

Admin



Hiện đang:



Profile AnkNgok94
Posts : 306
Tiền xu : 27760
Thanks : 4
Birthday : 18/01/1994
Join date : 08/01/2013
Đến từ : TP.HCM
Sở thích : Du Lịch, khám phá thế giới
Trạng thái : Cuộc sống không bao giờ công bằng, điều duy nhất bạn có thể làm là thích ứng với cuộc sống


Bài gửiTiêu đề: [HD] Trang chủ Tết Quý Tị 2013
http://arimiku.websitescamp.com

Cuộc sống không bao giờ công bằng, điều duy nhất bạn có thể làm là thích ứng với cuộc sống
Tiêu đề: [HD] Trang chủ Tết Quý Tị 2013

Demo: http://whoami.lifeme.net/h51-page
Code:
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>

<title>...::Mr.Goo ^^!::...</title>
<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://khanhpro.com/2013//images/bg_green.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"> 
            <a href="#"><img src="http://i16.servimg.com/u/f16/16/18/15/10/who-am11.jpg" alt="Logo" /></a>     
        </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>
          <center>
            <font style="FONT-WEIGHT: 700; FONT-SIZE: 9pt" face="Tahoma">    </font><strong><font face="Tahoma" color="#000000" size="7"> <br />
            </a><a onclick="this.style.behavior='url(#default#homepage)'; this.setHomePage('http://whoami.lifeme.net');" href="/"><font color="#000000" size=6>[Trang Chủ]</font></a></font><font style="FONT-WEIGHT: 700" face="Tahoma" color="#000000" size="6"></font><font size="5"></font><font color="#000000"> </font><font style="FONT-WEIGHT: 700" face="Tahoma" color="#000000" size="5">    </font><a target="_self" onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage('http://whoami.lifeme.net');" href="/forum"><font style="FONT-WEIGHT: 700" face="Tahoma" color="#6f1517" size="6">[Diễn Đàn]</font></a><font size="5"></font><font color="#000000"> </font> <br />
            <br />
            <font style="FONT-WEIGHT: 700" face="Tahoma" color="#ff6600" size="5">    </font><a target="_self" onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage('/forum);" href="/h50-page"><font style="FONT-WEIGHT: 700" face="Tahoma" color="#6f1517" size="6">[ Shop
        ]</font></a><font color="#000000"> </font><font style="FONT-WEIGHT: 700" face="Tahoma" color="#ff6600" size="5"> <a target="_self" onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage('/forum');" href="/memberlist"><font style="FONT-WEIGHT: 700" face="Tahoma" color="#6f1517" size="6">[Danh 
        Sách Thành Viên]</font></a><font color="#000000"> </a>  </font> </font> <font color="#000000">  <a target="_self" onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage('http://whoami.lifeme.net');" href="/f13-forum"><font style="FONT-WEIGHT: 700" face="Tahoma" color="#6f1517" size="6">[Đọc
        Truyện Ma]</font></a>  </font><br />
            <font color="#000000" face="Tahoma" size="4">
        <a/>
</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-37579285-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</html>
<a href="http://www.forumvi.com" target="_blank">forumvi.com</a>
Tài Sản của AnkNgok94
Ngôi nhà nhỏ
Thú Cưng:




Loading


Bạn Cảm Thấy Bài Viết Mình Hay Hãy Click Vào Ủng Hộ Nhá. Hoặc Click Vào Nếu Bài Viết Chưa Tốt !

Share

[HD] Trang chủ Tết Quý Tị 2013

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang
Trang 1 trong tổng số 1 trang
Trả Lời Nhanh
Yêu Cầu Viết Tiếng Việt Có Dấu
Điều Hành Bài Viết
Permissions in this forum:Bạn không có quyền trả lời bài viết
(¯`• Who •°¯)¤(¯`• Am •°¯)¤(¯`• I •°¯) :: Forumotion :: Trang chủ đẹp-
Đầu trang
Giữa trang
Cuối trang


Welcome †ø Forum ☼ Who Am I ™
Chúc Các Bạn Online Vui Vẻ Và Nhiều Niềm Vui Nhá
Skin ☼ Who Am I™ Designer HaiTech94


Múi giờ GMT + 7. Hôm nay: Sat Sep 23, 2017 1:45 am