share skin lagusta http://vnashow21.forumvi.com/

sài đi sẽ thấy khác ( khác gần như khác hết )
đây là phiên bản tớ rip khác với cái của bư share
skin rip by TOm người dùng vui lòng ko xóa tên người rip
người copy bài vui lòng ghi nguồn http://vn-answer.123.st/
CSS

Code:

.main .main-head, .main .main-foot {
background-image: url(http://i.imgur.com/3mBvC.png);
height: 22px;
}
.pun table .tcl{width:90%;}span.upperframe {
padding: 0;
display: block;
background: url(http://demo.dzinerstudio.com/smf2/Themes/lagusta_20/images/theme/main_block.png) 0 -90px no-repeat;
padding-left: 20px;
}
.clear {
clear: both;
}#bgt {
background: white;
padding: 10px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
}.wrapper {
margin: 0 auto;
width: 980px;
}body {
background: url(http://demo.dzinerstudio.com/smf2/Themes/lagusta_20/images/custom/body_bg.png);
font: 13px/150% "Helvetica Neue", Arial, sans-serif;
margin: 0;
padding: 0;
}/* laGusta Styles */

a { outline: none;}
span, p, form { margin: 0; padding: 0;}
#topbar { background: url(http://demo.dzinerstudio.com/smf2/Themes/lagusta_20/images/custom/top_overlay.png) 0 0 repeat-x; line-height: 20px; padding: 10px 0; overflow: hidden; font-size: 90%;}
#toplinks { float: right;}
#toplinks ul { float: left; margin: 0; padding: 0;}
#toplinks ul li { float: left;  padding: 0 10px; list-style: none;}
#toplinks ul li a { font-weight: bold; color: #ccc;}
#toplinks a.rss_icon { background: url(http://demo.dzinerstudio.com/smf2/Themes/lagusta_20/images/custom/rss_icon.png) no-repeat; height: 20px; width: 20px; display: block;}
#modlinks, #modlinks a { color: #f3f707;}

#toolbar { background: #222 url(http://demo.dzinerstudio.com/smf2/Themes/lagusta_20/images/custom/toolbar.png) repeat-x; height: 60px;}
#topnav, #topnav ul { margin: 0; padding: 0; z-index: 999;}
#topnav li { float: left; margin: 0; padding: 0; position: relative; list-style: none;}
#topnav li a { display: block; line-height: 60px; padding: 0 15px; color: #787878; text-decoration: none; }
#topnav li a.active { background: url(http://demo.dzinerstudio.com/smf2/Themes/lagusta_20/images/custom/active.png) 50% 100% no-repeat; font-weight: bold;}
#topnav li a.active, #topnav li a:hover { color: #fff;}
#topnav li:hover > a { color: #fff;}
#topnav li ul { position: absolute; width: 200px; top: -999em; left: auto; padding: 5px 0; background: #242424; border: 1px solid #333; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.6); -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.6);}
#topnav li ul ul { margin: 0;}
#topnav li li { width: 200px; height: auto; padding: 0; margin: 0;}
#topnav li li a { display: block; width: 170px; margin: 0 5px; padding: 0 10px; height: auto; float: none; line-height:30px; font-size: 90%;}
#topnav li li a:hover, #topnav ul li:hover > a { background: #333; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none;}
#topnav li:hover ul { left: 0; top: 60px;}
#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li:hover ul ul ul ul { top: -999em; left: auto;}
#topnav li li:hover ul, #topnav li li li:hover ul, #topnav li li li li:hover ul { left: 200px; top: 0;}
#button_login, #button_logout, #button_register { display: none;}

#mainbody { background: url(http://demo.dzinerstudio.com/smf2/Themes/lagusta_20/images/custom/body_overlay.png) repeat-x;}
#header { padding: 35px 0;}
h1 a { display: block; width: 360px; height: 60px; background: url(http://demo.dzinerstudio.com/smf2/Themes/lagusta_20/images/custom/logo.png) no-repeat; text-indent: -9999px;}
#content { background: #4d4d4d; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#main_content_top { background: #e5e5e5 url(http://demo.dzinerstudio.com/smf2/Themes/lagusta_20/images/custom/main_content_top.png) repeat-x; height: 60px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-left-radius: 5px; text-shadow: 0 1px 0 #fff;}
#main_content { background: #ffffff; padding: 10px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;}

#memb_login { float: left; margin-top: 12px; padding-left: 20px; width: 500px;}
#memb_login ul, #memb_login li { float: left; list-style: none; margin: 0; padding: 0;}
#memb_login a { color: #888; font-size: 12px; text-decoration: none; line-height: 20px;}
#memb_login .login_icon { background: url(http://demo.dzinerstudio.com/smf2/Themes/lagusta_20/images/custom/login_icon.png) 0 50% no-repeat;}
#memb_login .signup_icon { background: url(http://demo.dzinerstudio.com/smf2/Themes/lagusta_20/images/custom/signup_icon.png) 0 50% no-repeat; margin-left: 50px;}
#memb_login .login_icon span, #memb_login .signup_icon span { padding: 0 0 0 40px; display: block;}
#memb_login .uppertext, #memb_login .memb_greeting { font-size: 16px; color: #323436; text-transform: uppercase; display: block;}
#memb_login a:hover { color: #454545;}
#memb_login .memb_avatar { float: left; margin: 2px 15px 0 0;}
#memb_login img.avatar { width: 32px; height: 32px;}
#memb_login .pm_count { color: #c03b00;}
#memb_login .loggedin li { padding-right: 15px;}
#memb_login a.logout { color: #383838; font-weight: bold;}

#search { float: right; background: url(http://demo.dzinerstudio.com/smf2/Themes/lagusta_20/images/custom/search.png) 0 0 no-repeat; width: 245px; height: 65px; position: relative; margin-bottom: -6px; padding-right: 20px;}
#search .search_input { position: absolute; top: 15px; right: 62px; width: 157px; height: 16px; padding: 8px 5px 6px 8px; background: none; border: none; outline: none; overflow: hidden; font: 13px Arial, sans-serif;}
#search .search_button { position: absolute; top: 0; right: 20px; width: 42px; height: 60px; background: none; border: none; outline: none; cursor: pointer;}

table.table_list { border-collapse: collapse; border-spacing: 0;}
table.table_list .content td { padding: 10px 8px; font-size: 12px; color: #707070;}
table.table_list .content strong { color: #404040;}
table.table_list .content td, table.table_grid tbody td, #forumposts .windowbg, #forumposts .windowbg2 { border-bottom: 1px solid #ebebeb;}
table.table_list .unreadlink { font-size: 12px;}
.stats .largertext, .lastpost .largertext { font-size: 120%; color: #484848;}
.table_list .fadetext, p.moderators  { color: #aaa; font-size: 11px;}
table.table_list .divider td { height: 10px; border-top: 2px solid #eaeaea;}
#childboards .table_list { border-bottom: 2px solid #eaeaea;}
table.table_grid { line-height: 130%}
table.table_grid th.lefttext { padding-left: 8px !important; }
table.table_grid th.righttext { padding-right: 8px !important;}
table.table_grid td { padding: 8px !important; font-size: 12px;}
#messageindex .table_grid td, #recent .table_grid td { font-size: 11px; color: #999;}
table.table_grid .subject_title a { color: #404040; font-size: 14px;}

#footer { padding: 25px 10px; line-height: 130%;}
#smf_copyright { float: left;}
#ds_copyright { float: right; text-align: right;}
#footer a:link, #footer a:visited { color: #959595; font: 12px "Helvetica Neue", Arial, sans-serif;}
#footer a:hover { text-decoration: underline;}
#footer .copyright { display: block;}
#footer .backtop a { color: #c03b00; font-size: 11px; font-weight: bold;}
.clr { clear: both;}




/* Styles for rounded headers.
------------------------------------------------------- */
h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg
{
  overflow: hidden;
  height: 40px;
  line-height: 40px;
  font-size: 120%;
  font-weight: normal;
}
h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a
{
  color: #eee;
}
h3.catbg2 a, h3.catbg2
{
  color: #eee;
}
h3.catbg a:hover, h4.catbg a:hover, .table_list tbody.header td a:hover
{
  color: #cbcbcb;
  text-decoration: none;
}
h3.catbg2 a:hover
{
  color: #fff;
  text-decoration: none;
}
h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a
{
  color: #1c1c1c;
  text-shadow: 0 1px 0 #fff;
}
h3.titlebg a:hover, h4.titlebg a:hover
{
  color: #111;
  text-decoration: underline;
}
h3.catbg img.icon, h4.titlebg img.icon
{
  vertical-align: middle;
  margin: -2px 5px 0 0;
}
h4.catbg a.toggle img
{
  vertical-align: middle;
  margin: -2px 5px 0 5px;
}
h4.catbg, h4.catbg2 , h3.catbg , h3.catbg2 , .table_list tbody.header td.catbg
{
  background: url(http://demo.dzinerstudio.com/smf2/Themes/lagusta_20/images/theme/main_block.png) no-repeat 100% -166px;
  padding-right: 9px;
}
h4.titlebg, h3.titlebg
{
  background: url(http://demo.dzinerstudio.com/smf2/Themes/lagusta_20/images/theme/main_block.png) no-repeat 100% -212px;
  padding-right: 9px;
}
h4.titlebg img.icon
{
  float: left;
  margin: 10px 8px 0 0;
}
div.cat_bar
{
  background: url(http://demo.dzinerstudio.com/smf2/Themes/lagusta_20/images/theme/main_block.png) no-repeat 0 -166px;
  padding-left: 9px;
  height: 40px;
  overflow: hidden;
  margin-bottom: 1px;
}
div.title_bar
{
  background: url(http://demo.dzinerstudio.com/smf2/Themes/lagusta_20/images/theme/main_block.png) no-repeat 0 -212px;
  padding-left: 9px;
  height: 40px;
  overflow: hidden;
  margin-bottom: 1px;
}

.roundframe {
padding: 0 10px;
background: #F6F6F6;
border-left: 1px solid #DDD;
border-right: 1px solid #DDD;
}

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');
        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}');
        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 -->

  <a id="top" name="top" accesskey="t"></a>

  <div class="minwidth_IE">
      <div class="layout_IE">
        <div class="container_IE">
            <div id="topbar" class="pngbg">
  <div class="wrapper">
      <div id="toplinks">
        <ul>
            <li class="time">October 12, 2012, 04:12:00 AM</li>
            <li><a href="http://twitter.com/DzinerStudio">Twitter</a></li>
            <li><a class="rss_icon pngbg" href="http://demo.dzinerstudio.com/smf2/index.php?action=.xml;type=rss"></a></li>
        </ul>
      </div>
      <div id="modlinks">
      </div>
  </div>
</div>
<div id="toolbar">
  <div class="wrapper">
     
      <ul id="topnav">
           
            <li id="button_demo">
              <a class="" href="http://demo.dzinerstudio.com/smf2/index.php">
                  <span class="firstlevel">Menu Item</span>
              </a>
              <ul>
                  <li>
                    <a href="http://demo.dzinerstudio.com/smf2/index.php">
                        <span>Submenu Item 1</span>
                    </a>
                  </li>
                  <li>
                    <a href="http://demo.dzinerstudio.com/smf2/index.php">
                        <span>Submenu Item 2...</span>
                    </a>
                    <ul>
                        <li>
                          <a href="http://demo.dzinerstudio.com/smf2/index.php">
                              <span>Submenu Item 2.1</span>
                          </a>
                        </li>
                        <li>
                          <a href="http://demo.dzinerstudio.com/smf2/index.php">
                              <span>Submenu Item 2.2</span>
                          </a>
                        </li>
                        <li>
                          <a href="http://demo.dzinerstudio.com/smf2/index.php">
                              <span>Submenu Item 2.3</span>
                          </a>
                        </li>
                    </ul>
                  </li>
              </ul>
            </li>
            <li>{GENERATED_NAV_BAR}</li>
        </ul>
  </div>
</div>
        <div id="mainbody" class="pngbg2">
  <div class="wrapper"><div id="header">
        <h1 id="logo">
            <a class="pngbg2" href="http://demo.dzinerstudio.com/smf2/index.php">DzinerStudio Demo</a>
        </h1>
      </div><div id="content"><div id="main_content_top">
            <div id="memb_login">
              <ul>
                  <li class="login_icon"><a href="http://demo.dzinerstudio.com/smf2/index.php?action=login"><span class="uppertext">Login <strong>></strong></span><span>Member Login.</span></a></li>
                  <li class="signup_icon"><a href="http://demo.dzinerstudio.com/smf2/index.php?action=register"><span class="uppertext">Register <strong>></strong></span><span>Create an Account.</span></a></li>
              </ul>
            </div>
              <div id="search">
                                          <form action="/search" method="post" accept-charset="ISO-8859-1">
                    <input class="search_input" type="text" name="search_keywords" value="Search..." onfocus="this.value = '';" onblur="if(this.value=='') this.value='Search...';">
                    <input class="search_button" type="submit" name="submit" value="">
                    <input type="hidden" name="advanced" value="0">
                  </form>
              </div>
        </div> 
                                                  <div id="bgt">
              <!-- 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 class="pun">
                          <div id="container">
                             
                                <div id="{ID_LEFT}">
                                    <!-- BEGIN giefmod_index1 -->
                                    {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                    <!-- END giefmod_index1 -->
                                </div>
                                <div id="main">
                                    <div id="main-content">

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

footer_begin

Code:

<!-- BEGIN html_validation -->
<div>
  <div>
      <div>
        <div>
            <div>
              <div>
                  <div>
                    <div>
<!-- END html_validation -->
                    </div>
                  </div>
              </div>
            </div>
        </div>
        <div id="{ID_RIGHT}">
            <!-- BEGIN giefmod_index2 -->
            {giefmod_index2.MODVAR}
            <!-- BEGIN saut -->
            <div style="height:{SPACE_ROW}px"></div>
            <!-- END saut -->
            <!-- END giefmod_index2 -->
        </div>
     
<div id="pun-foot">
  <div id="pun-about" class="clearfix">
      <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}" id="qjump">
        <fieldset>
            <p><label>{L_JUMP_TO}: </label></p>
            {S_JUMPBOX_SELECT} <input type="submit" value="{L_GO}" />
        </fieldset>
      </form>
      <ul>
        <li>
<!-- BEGIN html_validation -->
        </li>
      </ul>
  </div>
</div>
<!-- END html_validation -->

index_box

Code:

<div class="pun-crumbs">
  <p class="crumbs"><a href="{U_INDEX}" original-title="{L_INDEX}<strong>{NAV_CAT_DESC}</strong>">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">

<!-- BEGIN catrow -->
 


  <!-- BEGIN tablehead -->
  <div class="cat_bar">
                    <h3 class="catbg">
                        {catrow.tablehead.L_FORUM}
                    </h3>
                  </div>
 
  <div class="main-content"><table class="table" cellspacing="1" cellpadding="5" border="0"><tbody class="statused">
                  <!-- END tablehead -->

  <!-- BEGIN forumrow -->
                  <tr>
 <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: 62px;">
                    <span class="status" style="margin-right: -42px; margin-left: -52px ">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </span>







                    <h{catrow.forumrow.LEVEL} class="hierarchy">    <a class="forumtitle" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a> </h{catrow.forumrow.LEVEL}>
                    <br />
<!-- BEGIN switch_moderators_links -->
                   

                    <!-- END switch_moderators_links -->

 {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                <span style="float: left; margin: 15px 0px 0px 10px; width: 75%;">

  {catrow.forumrow.FORUM_DESC} 

</span>



<!-- BEGIN switch_moderators_links -->
                    <br />
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->
                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>

                                                            <td class="tc2">


                                                                                      {catrow.forumrow.TOPICS}
                                      <strong> Chủ đề</strong>
                      <p>{catrow.forumrow.POSTS}<strong> Bài gửi</strong></p>


                    </td>
                                           
                  <td class="tcr">
                    <span>
                                                                              <div id="forums-stats">
                    <!-- BEGIN switch_topic_title -->
                                                                                <div class="test">
                    <a href="{catrow.forumrow.U_LATEST_TOPIC}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                                                                                </div>
                                                                                  <!-- END switch_topic_title -->
                    {catrow.forumrow.USER_LAST_POST}
                        </div>
                                                          </span>
                                                 
                  </td>
             
              </tr>
  <!-- END forumrow -->
  <!-- BEGIN tablefoot -->
        </tbody>                                          </table> </div>
  <div class="bottomBar"><div class="bottomBarLeft"><div class="bottomBarRight"> </div></div></div>
  </div>
  <!-- END tablefoot -->
<!-- END catrow -->

</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
  <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
  </ul>
  <!-- BEGIN switch_delete_cookies -->
  <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
  </p>
  <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->
                                         
                                         
                                         
                                     
 
                                          <script type="text/javascript">
$(".subforumFMvi a").each(function () {
  $(this).replaceWith('<option value="' + $(this).attr("href") + '">|-- ' + $(this).text() + '</option>');
});
$(".subforumFMvi option").each(function () {
  $(this).appendTo($(this).parent().prev())
});
$(".subforumFMvi").each(function () {
  if ($(this).text() == "") {
      $(this).prev().remove();
      $(this).remove();
  } else {
      $(this).prev().show()
  }
});
</script>

INDEX_BODY

Code:

{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
  <ul>
        <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
        <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
      <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
  </ul>
  <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
  <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<!-- 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}

<span class="clear upperframe"><span></span></span>
<!-- BEGIN disable_viewonline -->
<div class="roundframe"><div class="innerframe">
<div class="stadisticageneral"><div class="contextad"><div class="cat_bar">
        <h3 class="catbg">Centro De Informacion</h3>
      </div><div id="upshrinkHeaderIC">
        <div class="title_barIC">
            <h4 class="titlebg">
              <span class="ie6_header floatleft">
                  <a href="/statistics"><img class="icon" src="http://i.imgur.com/Cbqwe.png" title="Forum Stats"></a>
                  Forum Stats
              </span>
            </h4>
        </div>
        <p>{TOTAL_POSTS}</p>
        <p>{TOTAL_USERS}</p>
                          <p>{NEWEST_USER}</p>
        <div class="title_barIC">
            <h4 class="titlebg">
              <span class="ie6_header floatleft">
                  <img class="icon" src="http://i.imgur.com/jltjL.png" title="Users Online">
                  Users Online
              </span>
            </h4>
        </div>
       
        <p>{TOTAL_USERS_ONLINE}</p>
        <p>{LOGGED_IN_USER_LIST}</p>
            <p>{L_ONLINE_USERS}</p>
        <p>{L_CONNECTED_MEMBERS}</p>
        <p>{L_WHOSBIRTHDAY_TODAY}</p>
                          <p>  {L_WHOSBIRTHDAY_WEEK}</p>
                          <p>{LEGEND} : {GROUP_LEGEND}</p><p class="inline smalltext">
        </p>
        <p class="last smalltext">
            {RECORD_USERS}
        </p>
                          </div></div></div>
  <div id="pun-info" class="main">
  <div class="main-content">
      <!-- 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></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 -->

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>

</body>
</html>
</div></div></div></div></div></div>
<div id="footer">
        <div id="smf_copyright">
            <span class="copyright">
        <span class="smalltext" style="display: inline; visibility: visible; font-family: Verdana, Arial, sans-serif;"><a href="http://demo.dzinerstudio.com/smf2/index.php?action=credits" title="Simple Machines Forum" target="_blank" class="new_win">SMF 2.0.2</a> |
 <a href="http://www.simplemachines.org/about/smf/license.php" title="License" target="_blank" class="new_win">SMF © 2011</a>, <a href="http://www.simplemachines.org" title="Simple Machines" target="_blank" class="new_win">Simple Machines</a>
        </span></span>
            <p class="smalltext">Page created in 0.034 seconds with 5 queries.</p>       
        </div>
        <div id="ds_copyright">
            <span class="copyright">
                                  <font color="green">skin Lagusta rip by <a href="http://vn-answer.123.st/u1">TOm</a> Cấm xóa tên người rip
                          </span>
            <span class="backtop"><a href="#" class="back_top">Back To Top</a></span>
        </div>
        <div class="clr"></div>
      </div>

tks

like