Skin teen khá đẹp

[anhcodon]

Demo


css

Code:

.pun {
background-image: url(http://i82.servimg.com/u/f82/18/37/15/30/soc10.jpg);
border-radius: 3px;
color: #000;
line-height: 130%;
margin: 0 auto;
min-width: 700px;
padding: 5px;
width: 940px;
}
.pun .postbody {
width: 930px;
}
.pun table .tcr {
overflow: hidden;
padding: 0 0 0 .5em !important;
text-align: left;
width: 180px;
}
.pun-crumbs {
background: #E7E7E7 url(http://i37.servimg.com/u/f37/17/47/85/23/second11.png) repeat-x 0 0;
border: 1px solid #E6E6E6;
line-height: 36px;
max-height: 30px;
overflow: hidden;
text-shadow: white 0 1px 0;
border-radius: 3px;
}
a:link,a:active,a:visited {
text-decoration: none;
}
a:hover{
text-decoration: none !important;
}
li {
list-style: none;
}
/*Navbar*/
#topbar {
font-family: tahoma;
font-size: 12px;
}
#topbar #topnav {
width: 960px;
height: 32px;
margin: auto;
}
.clearfix {
display: block;
}
#topbar #topnav #topmenu {
position: absolute;
padding: 5px 10px 8px 10px;
width: 420px;
font-size: 11px;
}
#topbar #topnav ul li {
float: left;
margin-right: 10px;
}
#topbar #topnav ul li button {
height: 22px;
vertical-align: middle;
line-height: 22px;
}
a {
text-decoration: none;
color: #000;
outline: none;
}
div.atclear {
clear: both;
}
#topbar #topnav #account {
float: right;
border: 1px #ccc solid;
background: #f9f9f9;
border-top: none;
padding: 4px 0 5px 10px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
}
#topbar #topnav ul li input {
height: 22px;
border-radius: 0px;
border: 1px solid #F0F0F0;
}
.button {
cursor: pointer;
display: inline-block;
min-width: 46px;
text-align: center;
color: #444;
font-size: 11px;
font-weight: bold;
height: 27px;
padding: 0 8px;
line-height: 27px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all 0.218s;
-moz-transition: all 0.218s;
-ms-transition: all 0.218s;
-o-transition: all 0.218s;
transition: all 0.218s;
border: 1px solid #dcdcdc;
background-color: #f5f5f5;
background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));
background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
/*nav*/
#header {
width: 960px;
margin: 0 auto;
clear: both;
}
#header .nav-logo {
float: left;
width: 232px;
height: 90px;
margin: 10px 0;
}
#header .nav-logo a {
float: left;
display: block;
background: url(http://i38.servimg.com/u/f38/18/41/18/74/logo10.gif) no-repeat;
width: 100%;
height: 89px;
overflow: hidden;
text-indent: -11110px;
}
#header #topad {
width: 728px;
height: 90px;
float: left;
margin: 10px 0;
}
/*nab*/
#navbar {
width: 960px;
margin: 0 auto;
clear: both;
}
#navbar #mainnav {
clear: both;
display: block;
background: #F5054B;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
ol, ul {
list-style: none;
}
#navbar #mainnav li {
float: left;
height: 30px;
line-height: 30px;
margin-right: 1px;
text-align: center;
padding: 0 13px;
border: none;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
navbar #mainnav li.active a, #navbar #mainnav li a:hover {
color: #F2F404;
text-shadow: 0 0;
}
#navbar #mainnav li a {
font-size: 13px;
font-weight: bold;
display: block;
float: left;
color: white;
}
#navbar #categories {
border: 1px solid #F5054B;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
background-color: #fff;
background-color: rgba(255,255,255,0.8);
}
#navbar #categories ul {
height: 30px;
line-height: 30px;
overflow: hidden;
}
#navbar #categories ul li {
float: left;
height: 30px;
text-align: center;
padding: 0 6px;
}/*login uot*/
#topbar #topnav #account {
float: right;
border: 1px #ccc solid;
background: #f9f9f9;
border-top: none;
padding: 4px 0 5px 10px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
}
#topbar #topnav ul li {
float: left;
margin-right: 10px;
}
#topbar #topnav #account .favoriteinfo {
background: url(http://i39.servimg.com/u/f39/18/40/41/26/ngoisa10.png) left center no-repeat;
padding-left: 20px;
}
#topbar #topnav #account .logout-nav {
float: right;
background: url(http://i39.servimg.com/u/f39/18/40/41/26/exit10.png) no-repeat left center;
padding-left: 20px;
}
/*toan bo 4r*/
body {
background: #222 url(http://i39.servimg.com/u/f39/18/40/41/26/t-anh10.jpg) repeat ;
color: #000;
font-family: tahoma,helvetica,arial,sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
}
.main .main-head {
background: #fff url(http://kenhsinhvien.net/styles/passion/ksv/navbg3.jpg);
color: #fff;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-khtml-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
-khtml-border-top-right-radius: 5px;
border-top-right-radius: 5px;
font-size: 13px;
line-height: 20px;
font-weight: bold;
padding: 6px 10px 12px;
}
.main .main-foot {
background-color: #F5054B;
color: #dedfdf;
font-weight: 400;
padding: .7em 1.3em;
}
/*nền box*/
.pun .main-content , .pun .postbody , .pun .sig-content , .pun table.table td , #onlinelist , #stats {
background-image: url(http://i82.servimg.com/u/f82/18/37/15/30/soc10.jpg);
}
/*Kick thước ảnh*/
.postbody img{max-width:650px!important;}
/* link nghiêng */
a:hover{color:#090;text-decoration:none;font-style:italic;text-shadow:black 3px 3px 5px}
/* Trượt tiêu đề mỗi box */
a.forumtitle{-moz-transition-duration:1.5s;-webkit-transition-duration:1.5s;-o-transition-duration:1.5s}
/*Đóng khung rank*/
.rank2 { background:#00000; border-left: 1px #0099FF dotted; border-right: 1px #0099FF dotted; border-top: 1px #0099FF dotted; border-bottom: 1px #0099FF dotted; padding: 3px; margin-bottom: 2px;width: 180px; }
/*Icon trước nick*/
span[style="color:#FF0000"]:before{content: url(http://i82.servimg.com/u/f82/18/37/15/30/admin110.gif);padding-right:2px;}
span[style="color:#09E8CA"]:before{content: url(http://i82.servimg.com/u/f82/18/37/15/30/smod1010.gif);padding-right:2px;}
span[style="color:#12BD02"]:before{content: url(http://i82.servimg.com/u/f82/18/37/15/30/mod1010.gif);padding-right:2px;}
span[style="color:#C503F5"]:before{content: url(http://i82.servimg.com/u/f82/18/37/15/30/vip1010.gif);padding-right:2px;}
span[style="color:#00ACF0"]:before{content: url(http://i82.servimg.com/u/f82/18/37/15/30/member10.gif);padding-right:2px;}
/* Giới hạn kích cỡ avatar */
.user-basic-info a img {
background: white;
border: 1px solid #CBCBCB;
box-shadow: 0 0 5px rgba(0,0,0,0.2);
margin: 5px auto;
padding: 2px;
width: 135px;
height: 135px;
}
/* đóng khung trong view */
.phananh {
background-color: #ffffff;
border: 1px solid #dfdfdf;
color: #3a3a3a;
margin-top: 2px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 3px;
padding-top: 3px;
text-align: left;
width: 200px;
}
/*Avatar xoay*/
.avatarxt img {
background-color: #FFFFFF;
max-width:143px;
border-radius:5px;
margin:1px 3px 3px 1px;
padding:3px;
border:1px solid #d4d4d4;
box-shadow: 3px 3px 3px #8A8A8A;}
.avatarxt img:hover {
transition: all 3s ease;
-webkit-transition: all 3s ease;
-moz-transition: all 3s ease;
transform:rotate(360deg);
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
position:relative;
}
/*Nút thoát*/
input[type=submit], input[type=button], input[type=reset], input.submit, input.button, input.reset {
border: none;
width: 70px;
height: 25px;
overflow: visible;
background: transparent url(http://i82.servimg.com/u/f82/18/37/15/30/button11.png) no-repeat scroll left top;
padding: 5px 6px 20px;
}
/*Avatar index*/
.avs a.inx img {
  float: left;
  width: 40px;
  height: 40px;
  padding: 1px;
  border: 1px solid #DDD;
  margin: 0 5px;
  -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
  box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
  max-width: 200px;
max-height: 200px;
}
/*Code*/
.codebox {
background: #E7E6E6;
border: 1px solid #BDBDBD;
box-shadow: 0 2px 10px #D6D6D6;
margin: 3px;
max-width: 880px;
}

.codebox dt {
border-bottom: 4px solid #D64107;
font-size: 14px;
font-weight: 700;
text-shadow: 1px 1px #F3F3F3;
}

.codebox dd.cont_code, .codebox.spoiler dd {
background: #F0F0F0;
border: 1px solid #d3d3d3;
}
.codebox dd.cont_code {
max-height: 200px;
overflow: auto;
}
.suggest_box {
background: url(http://stc.laban.vn/v3/images/bg_box_suggest.jpg) repeat;
border: #1198b6 dashed 1px;
padding: 7px 7px 7px 10px;
margin-bottom: 20px;
}
.uparrowdiv {
width: 650px;
min-height: 100%;
background: #ffffff;
background-position: top right;
background-repeat: no-repeat;
border: 2px solid #6e6e6e;
-moz-border-radius: 8px;
box-shadow: 0 0 1em #b6b6b6;
-webkit-border-radius: 8px;
position: relative;
}
/*box*/
 .thuxem {margin-top: 10px;}
.thuxem a[href^="/t"] {display: block;height: 15px;overflow: hidden;}
lasperpen: .mtbox {
padding: 10px;
display: block;
width: 289px;
max-height: 450px;
overflow: hidden;
padding-bottom: 0;
}
lasperpen: table.ipbtable .forum-name a {
font-weight: 700;
}

index_body

Code:

{JAVASCRIPT}
<!--BEGIN LAST-->
<table width="100%" border="0"  cellpadding="0" cellspacig="0">
<tbody>
  <tr>
    <td width="60%" style="height:230px;border: 1px solid #ccc;background: #f7f2f7  url(http://i74.servimg.com/u/f74/16/18/15/10/134.png) repeat-y left" valign="top">
  <div style="height:12px;padding:3px;padding:0px 0px 12px 16px;border-bottom:1px solid #ccc">
    <span class="tin_tuc" style="color:#464a4f;border:1px solid #d4d4d4;padding:14px 16px 6px 16px;margin-top:-10px;background:#FFF;border-bottom:0px">Góc thư giãn</span>
    </div>
      <div style="background:#fff;height:10px"></div>
      <div style="width:100%;background:#fff">
      <div style="width:55%;margin-left:0px;height:230px;padding-left:10px;float:left;background:#fff" id="demo">
        <div style="height:205px;overflow:hidden;margin-bottom:4px">
          <span class="show_topic">
            <div style="width:55%;height:4px;margin-left:7px;background:#e1e1e8"></div>
          </span>
          <span class="show_topic" style="display:none">
            <div style="width:55%;height:4px;margin-left:7px;background:#e1e1e8"></div>
          </span>
          <span class="show_topic" style="display:none">
            <div style="width:55%;height:4px;margin-left:7px;background:#e1e1e8"></div>
          </span>
          <span class="show_topic" style="display:none">
            <div style="width:55%;height:4px;margin-left:7px;background:#e1e1e8"></div>
          </span>
          <span class="show_topic" style="display:none">
            <div style="width:55%;height:4px;margin-left:7px;background:#e1e1e8"></div>
          </span>
          </div>
        <div class="phu1" align="right">
          <span class="active" id="1" style="border-left:1px solid #ccc">1</span>
          <span id="2">2</span><span id="3">3</span><span id="4">4</span><span id="5">5</span></div>
          <script>$(".phu1 span").click(function () {$(".phu1 span").removeClass("active");$(this).addClass("active");var a = eval($(this).attr("id"));var b = a - 1;if (a == 3) {b == 0}$("#demo .show_topic").hide();$("#demo .show_topic:eq(" + b + ")").show();});</script>
            </div>
        <div style="width: 40%;float: left;height: 225px;padding-left:12px;background:#fff;padding-top:5px;display:block">
      <div class="baiviet">
                
             </div>
          <br />
             <div class="baiviet">
                  
             </div>
          <br />
          <div class="baiviet">
          
             </div>
        </div>
    </div>
              </td>
    <td width="40%" style="height:230px;/*float:right;*/border: 1px solid #ccc;background: #fff  url(http://i74.servimg.com/u/f74/16/18/15/10/134.png) repeat-y left;margin-top:5px;padding:12px;" valign="top">
    <div id="thai_tab">
        <ul id="stabs">
            <li class="active"><a href="#tab1" alt="last-mia">NEW</a>
            </li>
            <li><a href="#tab2" alt="mostrep">REP</a>
            </li>
            <li><a href="#tab3" alt="mostview">VIEW</a>
            </li>
            <li><a href="#tab4" alt="toppostter">TOP</a>
            </li>
            <li><a href="#tab5" alt="topstarter">STARTER</a>
            </li>
        </ul>
    </div>


  <div id="main-lastpost" class="mitienich">
              <!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- END giefmod_index1 -->
  </div>
 
  </td>
  </tr>
  </tbody>
</table>
<script>
  $(document).ready(function()
  {$("#stabs li").click(function()
  {$("#stabs li").removeClass('active');
  $(this).addClass("active");
  $(".tab_content").hide();
  var selected_tab=$(this).find("a").attr("href");
  $(selected_tab).fadeIn();return false})});
</script>
  <script>
$(function () {
        $.ajax({url: "/feed/?f=19",
   success: function (ta) {
    for(var i=2;i<7;i++)
    {
           var DL=$(ta).find("link:eq("+i+")").text();
       $('<a href="'+DL+'" class="ava_new"></a>').appendTo('.show_topic:eq('+(i-2)+')');
       $('<img src="'+$(".show_topic:eq("+(i-2)+") a").load(DL+".postbody .post-entry img:eq(0)")+'"/>').appendTo('.show_topic:eq('+(i-2)+') a');
   $('<br /><strong><a href="'+DL+'">'+$(ta).find("title:eq("+i+")").text()+'</a></strong>').appendTo('.show_topic:eq('+(i-2)+')');
}
}})
        })
</script>
 <script>
$(function () {
        $.ajax({url: "/feed/?f=19",
   success: function (ta) {
    for(var i=2;i<5;i++)
    {
           var DL=$(ta).find("link:eq("+i+")").text();
$('<a href="'+DL+'"></a>').appendTo('.baiviet:eq('+(i-2)+')');
       $('<img src="'+$(".baiviet:eq("+(i-2)+") a").load(DL+".postbody .post-entry img:eq(0)")+'"/><a href=').appendTo('.baiviet:eq('+(i-2)+') a');
$('<a href="'+DL+'">'+$(ta).find("title:eq("+i+")").text()+'</a>').appendTo('.baiviet:eq('+(i-2)+')');
}
}})
        })
</script>
<style>
  #thai_tab {
border-bottom: 1px solid #dedede;
padding-bottom: 2px;
margin-top: -4px;
margin-bottom: 4px;
padding-left: 5px;
}
  #stabs li {
display: inline;
list-style: block;
padding: 2px;
}
#stabs  li.active a {
border: 1px solid #d4d4d4;
background: #FFF;
padding: 3px 5px 2px;
margin-bottom: -1px;
border-bottom: 1px solid #f7f2f7;
color: #ba3814;
}
  #stabs li a {
font: bold 11px Arial;
color: #333;
border: 1px solid transparent;
padding: 4px 7px;
}
 .hidetab
  {
     display:none;
  }
 .tab_content table tbody tr td,.tab_gun td.row2 {
height: 14px;
overflow: hidden;
font: 12px Arial;
background: #fff url(http://i73.servimg.com/u/f73/17/98/19/05/page_r10.png) no-repeat left;
padding-left: 15px;
}
 .tab_content .row2,.tab_gun .row2 {
border: 0 none;
margin-left: 3px!important;
line-height: 18px!important;
border-bottom: 1px dashed #d4d4d4!important;
}
  .anthanhcuon
  {
     height:216px;
     overflow:hidden;
  }
  .anthanhcuon:hover
  {
     height:216px;
     overflow:auto;
  }
  a.tin_tuc, .tin_tuc {
font: bold 11px Arial;
display: inline-block;
padding: 0px 14px;
border-right: 1px solid #e1e1e8;
margin-top: 2px;
}
  #demo .phu1 span.active {
cursor: default;
color: #B42000;
}
  #demo .phu1 span {
color: #333;
font: bold 11px Arial;
display: inline-block;
border: 1px solid #ccc;
padding: 3px 10px;
cursor: pointer;
border-bottom: 0px;
border-left: 0px;
margin-top: -1px;
}
  a.ava_new,span.ava_new img {
width: 239px;
height: 150px;
display: inline-block;
border: 1px solid #b0b0b0;
overflow: hidden;
margin-left: 0px;
}
  .show_topic {
display: inline-block;
height: 205px;
}
  a.ava_new img,span.ava_new img {
width: 239px;
height: 150px;
}
.baiviet
{
   width:100%;
   height:62px;
   overflow:hidden;
}
.baiviet img
{
   float:left;
   width:90px;
   height:60px;
   border:1px solid #ccc;
}
.baiviet a
{
   width:40px;
   valign:top;
   padding-left:5px;
   text-align:right;
}
</style>
<!--END LAST-->
<!-- BEGIN message_admin_index -->
<div class="main">
 <!-- BEGIN message_admin_titre -->
 <div class="main-head">
 <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
 </div>
 <!-- END message_admin_titre -->

 <!-- BEGIN message_admin_txt -->
 <div id="pun-announcement">
 <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
 </div>
 <!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <div class="user_login_form main-box center">
 <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label>  
 <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label>  
 <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>  
 {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
 <!-- BEGIN switch_fb_connect -->
 <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
 <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
 <!-- END switch_fb_connect -->
 </div>
</form>
</div>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->
<div id="pun-info" class="main">
 <div class="main-content">
 <div id="stats">
 <p class="right">{TOTAL_POSTS}</p>
 <p>{TOTAL_USERS}</p>
 <p>{NEWEST_USER}</p>
 </div>
 <div id="onlinelist">
 <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
 <p class="right">
 <!-- BEGIN switch_viewonline_link -->
 <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
 <!-- END switch_viewonline_link -->
 <!-- BEGIN switch_viewonline_nolink -->
 {L_WHO_IS_ONLINE}
 <!-- END switch_viewonline_nolink -->
 </p>
 <p>{TOTAL_USERS_ONLINE}<br />
 {RECORD_USERS}

 <br />
 {LOGGED_IN_USER_LIST}

 {L_ONLINE_USERS}
 {L_CONNECTED_MEMBERS}<br />
 {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
 <div class="clear"></div>

 <p>{LEGEND} : {GROUP_LEGEND}</p>

 </div>
 <!-- BEGIN switch_chatbox_activate -->
 <div id="onlinechat">
 <p class="page-bottom">
 {TOTAL_CHATTERS_ONLINE} : 
 {CHATTERS_LIST}<br />
 <!-- BEGIN switch_chatbox_popup -->
 <div id="chatbox_popup"></div>
 <script type="text/javascript">
 insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
 </script>
 <!-- END switch_chatbox_popup -->
 </p>
 </div>
 <!-- END switch_chatbox_activate -->
 </div>
</div>
<!-- END disable_viewonline -->

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <div class="user_login_form main-box center">
 <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label>  
 <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label>  
 <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>  
 {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
 <!-- BEGIN switch_fb_connect -->
 <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
 <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
 <!-- END switch_fb_connect -->
 </div>
</form>
<!-- END switch_user_login_form_footer -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_legend -->
<ul id="pun-legend">
 <li>
 <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}
 <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}
 <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED}
 </li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
 appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
 status: true,
 cookie: true,
 xfbml: true,
 oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

index_box

Code:

<style>
#smallrum{padding: 0.4em 1em;margin: 3px 1px;
width: 540px ;font-size:0px}
#smallrum a img{vertical-align: middle; margin-right: 6px;margin-top:-10px;display:inline-block}
#smallrum a.gensmall {
display: inline-block;
text-align: left;margin:2px 0px;
width:160px;font: 13px Tahoma
}
#smallrum a.gensmall:hover {
color:#879e2b;
}
.pun .forumtitle{display:inline-block;margin-bottom:5px}
.pun .phutu2{padding-right:10px;font: 12px Arial}
.pun .phutu2 a[href*="u"]{float:left}
.pun a[href=""]:before {
content:"Chưa có bài viết";
font:12px Arial;
color:#333;
cursor: default;
}
.pun a[href=""] img {display:none}
    .pun table.table td {
background-color: #fff;
border: 1px #B0AEAE solid;
border-width: 1px;
line-height: 130%;
}
</style>
<div class="main" id="main1">
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
      <div class="main-head">
        <div class="page-title"><span class="byz"><b>{catrow.tablehead.L_FORUM}</b></span></div>
      </div>
      <div class="main-content">
        <table cellspacing="0" class="table">
                        <tbody class="statused">
  <!-- END tablehead -->

  <!-- BEGIN forumrow -->
              <tr href="{catrow.forumrow.U_VIEWFORUM}">
                  <td class="tcl" style="padding-left:30px;padding-right:20px;"><div style="min-height:40px;max-width:730px;min-width:360px">
                    <h{catrow.forumrow.LEVEL} class="hierarchy">
                      <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
                                        <div class="tooltip_info info hidden">
                    <div class="action">
                        <a href="http://skin.ace.st" target="_blank" onclick="log(this,1,4,857)" title="Đánh giá" class="rating_btn">Trang chủ</a>
                        
                        <a href="{catrow.forumrow.U_VIEWFORUM}" target="_blank" onclick="log(this,1,4,857)" title="Đánh giá" class="rating_btn">Chi tiết</a>

                        <div class="clr"></div>
                    </div>
                    <p><i>{catrow.forumrow.FORUM_DESC}</i></p>
                </div>
 <style>                  
.hidden {
display: none !important;
}
.info {
width: 250px;
height: 151px;
text-align: left;
padding: 15px 15px 15px 12px;
background: url(http://stc.laban.vn/v4/images/bg_tooltip_home_l.gif) no-repeat;
position: absolute;
top: 85px;
left: 0;
}
.action {
padding: 15px 0 15px 0;
}
.action a.remember_btn {
background-position: 0 -850px;
}
.action a {
display: block;
float: left;
background-color: #fff;
background: url(http://stc.laban.vn/v4/images/icons-1.05.gif) no-repeat;
border-radius: 20px;
border: #1198b6 solid 1px;
padding: 4px 10px 4px 28px;
margin-right: 6px;
}
.action a.rating_btn {
background-position: 0 -899px;
}
.action a {
display: block;
float: left;
background-color: #fff;
background: url(http://stc.laban.vn/v4/images/icons-1.05.gif) no-repeat;
border-radius: 20px;
border: #1198b6 solid 1px;
padding: 4px 10px 4px 28px;
margin-right: 6px;
}
a {
color: #404040;
text-decoration: none;
}
.clr {
clear: both;
}
div {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
background: transparent;
display: block;
}
</style>
                    </h{catrow.forumrow.LEVEL}>
                    <br />
                    {catrow.forumrow.FORUM_DESC}
                    
                    <div id="smallrum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}</div>
                  </td>
<td class="tcr">
                    <span>
                    <!-- BEGIN switch_topic_title -->
                      <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}" style="font:bold 12px Verdana"><img src="http://i74.servimg.com/u/f74/16/18/15/10/1106.png" style="float:left;margin-right:4px"/>{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                    <!-- END switch_topic_title -->
                    <div class="phutu2" align="right">{catrow.forumrow.USER_LAST_POST}</div>
                    </span>
                  </td>

                  <td class="tc2">{catrow.forumrow.TOPICS}</td>
                  <td class="tc3">{catrow.forumrow.POSTS}</td>
                                </tr>
  <!-- END forumrow -->

  <!-- BEGIN tablefoot -->
            </tbody>
        </table>
      </div>
  <!-- END tablefoot -->
<!-- END catrow -->
</div>

overall_footer_end

Code:

<!-- BEGIN html_validation -->
<!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">
<body>
<div>
 <div>
 <div>
 <div>
 <div>
 <div>
 <ul>
 <li>
<!-- END html_validation -->
 </li>
 </ul>
 <!-- BEGIN switch_footer_links -->
 <ul>
 <li>
 <!-- BEGIN footer_link -->
 <!-- BEGIN switch_separator --> | <!-- END switch_separator -->
 {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
 <!-- END footer_link -->
 </li>
 </ul>
 <!-- END switch_footer_links -->
 </div>
 <br />
 <p class="center">
 <strong>{ADMIN_LINK}</strong>
 </p>
 </div>
 {PROTECT_FOOTER}
 </div>
 </div>
 </div>
</div>

<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
 appId: '{switch_facebook_login.FACEBOOK_APP_ID}',
 status: true,
 cookie: true,
 xfbml: true,
 oauth: true
});
//]]>
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
 if ($('a#logout'))
 {
 var lien_redir = $('a#logout').attr('href');

 if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
 {
 document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
 }
 }
});

$(document).ready( function() {
 $('a#logout').click( function() {
 FB.logout();
 } );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
 fa_endpage();
//]]>
</script>
<script type="text/javascript" src="http://hayvl.ace.st/19168.js"></script>
<!-- BEGIN switch_user_logged_out -->
<script type="text/javascript"> jQuery(function(){ jQuery(".cont_code").text("Vui lòng đăng nhập để thấy nội dung CODE"); }); </script>
<!-- END switch_user_logged_out -->
<script type="text/javascript" src="http://vuilen.forum.st/12108.js"></script>
<center>
<font color="#00569c">Copyright © 2013 by </font><a href="http://skin.ace.st"><b><font color="red">skin.ace.st</font></b></a> - <font color="#00569c">Rip by </font><font color="red"><b>Phan Tuấn Anh</b></font>
<br/>
<a href="http://skin.ace.st"><b><font color="red">skin.ace.st </font></b></a><font color="#00569c">được xây dựng bởi tất cả các thành viên. Mọi trích dẫn yêu cầu ghi rõ nguồn gốc</font>
</center>
</body>
</html>

overall_header

Code:

<!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" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
 <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
 <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
 <meta http-equiv="content-script-type" content="text/javascript" />
 <meta http-equiv="content-style-type" content="text/css" />
 <!-- BEGIN switch_compat_meta -->
 <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
 <!-- END switch_compat_meta -->
 <!-- BEGIN switch_canonical_url -->
 <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
 <!-- END switch_canonical_url -->
 {META_FAVICO}
 {META}
 {META_FB_LIKE}
 <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
 {T_HEAD_STYLESHEET}
 {CSS}
 <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
 <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
 <script src="{JQUERY_PATH}" type="text/javascript"></script>
 <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

 <!-- BEGIN switch_fb_login -->
 <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
 <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
 <!-- END switch_fb_login -->

 <!-- BEGIN switch_ticker -->
 <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
 <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
 <!-- END switch_ticker -->

 <!-- BEGIN switch_ticker_new -->
 <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
 <script type="text/javascript">//<![CDATA[
 /* Definir le sens de direction en fonction du panneau admin */
 var tickerDirParam = "{switch_ticker.DIRECTION}";
 var slid_vert = false;
 var auto_dir = 'next';
 var h_perso = parseInt({switch_ticker.HEIGHT});

 switch( tickerDirParam )
 {
 case 'top' :
 slid_vert = true;
 break;

 case 'left':
 break;

 case 'bottom':
 slid_vert = true;
 auto_dir = 'prev';
 break;

 case 'right':
 auto_dir = 'prev';
 break;

 default:
 slid_vert = true;
 }

 $(document).ready(function() {

 var width_max = $('ul#fa_ticker_content').width();
 var width_item = Math.floor(width_max / {switch_ticker.SIZE});

 if (width_max > 0)
 {
 $('#fa_ticker_content').css('display','block');

 $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
 if ($(this).width() > width_item)
 {
 var ratio = $(this).width() / width_item;
 var new_height = Math.round($(this).height() / ratio);
 $(this).height(new_height).width(width_item);
 }
 });

 if (slid_vert)
 {
 var height_max = h_perso;

 $('ul#fa_ticker_content li').each( function () {
 if ($(this).height() > height_max)
 {
 height_max = $(this).height();
 }
 } );

 $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
 $('ul#fa_ticker_content li').height(height_max);
 }

 $('#fa_ticker_content').jcarousel({
 vertical: slid_vert,
 wrap: 'circular',
 auto: {switch_ticker.STOP_TIME},
 auto_direction: auto_dir,
 scroll: 1,
 size: {switch_ticker.SIZE},
 height_max: height_max,
 animation: {switch_ticker.SPEED}
 });
 }
 else
 {
 $('ul#fa_ticker_content li:not(:first)').css('display','none');
 $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
 }
 });
 //]]>
 </script>
 <!-- END switch_ticker_new -->

 <script type="text/javascript">
 //<![CDATA[
 $(document).ready(function(){
 <!-- BEGIN switch_enable_pm_popup -->
 pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
 if(pm != null) { pm.focus(); }
 <!-- END switch_enable_pm_popup -->
 <!-- BEGIN switch_report_popup -->
 report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
 if(report != null) { report.focus(); }
 <!-- END switch_report_popup -->
 <!-- BEGIN switch_ticker -->
 ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
 <!-- END switch_ticker -->
 });

 <!-- BEGIN switch_login_popup -->
 var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
 <!-- END switch_login_popup -->

 <!-- BEGIN switch_login_popup -->
 $(document).ready( function() {
 $(window).resize(function() {
 var windowWidth = document.documentElement.clientWidth;
 var popupWidth = $("#login_popup").width();
 var mypopup = $("#login_popup");

 $("#login_popup").css({
 "left": windowWidth/2 - popupWidth/2
 });
 });
 });
 <!-- END switch_login_popup -->
 //]]>
 </script>
 {GREETING_POPUP}
 <!-- BEGIN switch_ticker_new -->
 <style>
 .jcarousel-skin-tango .jcarousel-item {
 text-align:center;
 width: 10px;
 }

 .jcarousel-skin-tango .jcarousel-item-horizontal {
 margin-right: {switch_ticker.SPACING}px;
 }

 .jcarousel-skin-tango .jcarousel-item-vertical {
 margin-bottom: {switch_ticker.SPACING}px;
 }
 </style>
 <!-- END switch_ticker_new -->
 {HOSTING_JS}
 <!-- BEGIN google_analytics_code -->
 <script type="text/javascript">
 //<![CDATA[
 var _gaq = _gaq || [];
 _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
 _gaq.push(["_trackPageview"]);
 _gaq.push(['_trackPageLoadTime']);

 <!-- BEGIN google_analytics_code_bis -->
 _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
 _gaq.push(['b._trackPageview']);
 <!-- END google_analytics_code_bis -->

 (function() {
 var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
 ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
 var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
 })();
 //]]>
 </script>
 <!-- END google_analytics_code -->
</head>

<body>
 <!-- BEGIN hitskin_preview -->
 <div id="hitskin_preview" style="display: block;">
 <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
 <div class="content">
 <p>
 {hitskin_preview.L_THEME_SITE_PREVIEW}
 <br />
 <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
 </p>
 </div>
 </div>
 <!-- END hitskin_preview -->

 <!-- BEGIN switch_login_popup -->
 <div id="login_popup" class="module main">
 <div id="login_popup_title" class="main-head">
 <div class="h3">{SITENAME}</div>
 </div>
 <div class="main-content">
 {LOGIN_POPUP_MSG}
 <div id="login_popup_buttons">
 <form action="{S_LOGIN_ACTION}" method="get">
 <input type="submit" class="button2" value="{L_LOGIN}" />
 <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
 <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
 </form>
 </div>
 </div>
 </div>
 <!-- END switch_login_popup -->
<div id="topbar">
    <div id="topnav" class="clearfix">
        <ul id="topmenu">
            <li><a href="/">Trang chủ</a></li>
            <li><a class="popup" href="/faq">Trợ giúp</a></li>            
        <li class="likebox"></li></ul>
       <!-- BEGIN switch_user_logged_out -->
 <form action="/login" method="post" name="form_login" id="login" class="form-login">    <ul id="account">
        <li class="quicklogin-username">
          <input data-val="true" placeholder="Tên đăng nhập" id="UserName" name="username" type="text"/>
        </li>
        <li class="quicklogin-password">
          <input id="Password" data-val="true" placeholder="Mật khẩu" name="password" type="password"/>
        </li>
        <li class="quicklogin-login">
            <button type="submit" class="button">Đăng nhập</button>
          <input type="hidden" id="RememberMe" name="login" value="true"/>
        </li>
    </ul>
                  <!-- END switch_user_logged_out -->
                  <!-- BEGIN switch_user_logged_in -->
                  <ul id="account" class="authenticated">
        <li class="profile-nav">{LOGGED_AS}!</li>
        <li class="favoriteinfo"><a href="/profile?mode=editprofile">Thông Tin Cá Nhân</a></li>
        <li class="logout-nav"><a href="/login?logout=1">Đăng xuất</a></li></ul>
                  <!-- END switch_user_logged_in -->
<script type="text/javascript">document.write('<input type="hidden" name="redirect" value="' + location.href + '" />')</script>
</form>
    </div>
</div>
<div id="header" class="clearfix">
    <div class="nav-logo">
        <a href="/" title="Trang chủ">Trang chủ</a>
    </div>
<div id="topad" class="sponsored">
<center><img src="http://i75.servimg.com/u/f75/18/41/18/74/logo10.gif"/></center>
</div></div>
  <div id="navbar">
    <div id="mainnav" class="clearfix">
        <ul id="mainmenu">
            <li class="active"><a href="/">Trang chủ</a> </li>
             <li><a href="/forum" title="Tải game">Diễn Đàn</a></li>
        </ul>
    </div>
<div id="categories">
    <ul>
            <li class="catitem-game-viet"><a href="/register">Đăng ký thành viên</a></li>
    </ul>
</div>
</div>
  <br/>
<br/>
 <a id="top" name="top" accesskey="t"></a>

 <div class="minwidth_IE">
 <div class="layout_IE">
 <div class="container_IE">
 <div class="pun">
 <div id="pun-head">
 </div>

 <!-- BEGIN switch_ticker_new -->
 <div id="fa_ticker_block" style="padding-top:4px;">
 <div class="module main">
 <div class="main-content clearfix">
 <div id="fa_ticker_container">
 <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">
 <!-- BEGIN ticker_row -->
 <li>{switch_ticker.ticker_row.ELEMENT}</li>
 <!-- END ticker_row -->
 </ul>
 </div>
 </div>
 </div>
 </div>
 <!-- END switch_ticker_new -->

 <!-- BEGIN switch_ticker -->
 <div id="fa_ticker_block" style="padding-top:4px;">
 <div class="module main">
 <div class="main-content clearfix">
 <div id="fa_ticker_container">
 <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
 <div class="fa_ticker_content">
 <!-- BEGIN ticker_row -->
 <div>{switch_ticker.ticker_row.ELEMENT}</div>
 <!-- END ticker_row -->
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 <!-- END switch_ticker -->

 <div id="page-body">
 <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
 <div id="outer-wrapper">
 <div id="wrapper">
 <div id="container">
 <div id="content">
 <div id="main">
 <div id="main-content">

<!-- BEGIN html_validation -->
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
</body>
</html>
<!-- END html_validation -->