Skin + viewtopic demo: http://trasua3.forumvi.com/

xem đầy đủ : http://skinfm.123.st/t3-topic#3

index_body

Code:

{JAVASCRIPT}


<!-- BEGIN giefmod_index1 -->
                                {giefmod_index1.MODVAR}
                                                            <!-- END giefmod_index1 -->


<!-- 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> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> &nbsp;
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
      {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-head">
      <div class="page-title">
        <h2>Tình hình diễn đàn</h2>
      </div>
  </div>

  <div class="main-content stat-board po-rel">
            <span class="natata"></span><span class="netete"></span><span class="nototo"></span><span class="nututu"></span>
 
 

<b>

      <div class="starsItem">
        <p class="starsTitle">
            <!-- BEGIN switch_viewonline_link -->
            <a href="{U_VIEWONLINE}" rel="nofollow">Ai đang trực tuyến?</a>
            <!-- END switch_viewonline_link -->
            <!-- BEGIN switch_viewonline_nolink -->Ai đang trực tuyến?
            <!-- END switch_viewonline_nolink -->
        </p>
        <div class="rightStats">
            <div class="leftStats">
              <img src="http://i48.servimg.com/u/f48/16/58/89/73/user_s10.png" />
            </div>
            <p><div class="online2" style="display:inline">{TOTAL_USERS_ONLINE}</div>
<br /><br />{LOGGED_IN_USER_LIST} {L_ONLINE_USERS} {L_CONNECTED_MEMBERS}</p>
        </div>
               
      </div>
           
      <div class="starsItem">
        <p class="starsTitle">Sự kiện</p>
        <div class="rightStats">
            <div class="leftStats">
              <img src="http://i48.servimg.com/u/f48/16/58/89/73/openso10.png" />
            </div>
<p><div class="member1" style="display:inline">{NEWEST_USER}</div></p>
            <p>{L_WHOSBIRTHDAY_TODAY}</p>
        </div>
      </div>
      <div class="starsItem">
        <p class="starsTitle">Thống kê</p>
        <div class="rightStats">
            <div class="leftStats">
              <img src="http://i48.servimg.com/u/f48/16/58/89/73/icon_s10.gif" />
            </div>
<p><div class="online1" style="display:inline">{RECORD_USERS}</div>
<br /><div class="post1" style="display:inline">{TOTAL_POSTS}</div>
<br /><div class="online2" style="display:inline">{TOTAL_USERS}</div></p>
        </div>
</div></b>
  </div>
<img src="http://i43.servimg.com/u/f43/17/03/56/26/think11.png"/>
</div>
 
<div class="main-box clearfix">
  <p align="center">{GROUP_LEGEND}</p>
</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> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> &nbsp;
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
      {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}" />&nbsp;{L_NEW_POSTS}
      <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />&nbsp;{L_NO_NEW_POSTS}
      <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />&nbsp;{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:

<div class="main">
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
      <div class="boxfmvi"><div class="main-head"><div class="page-title">{catrow.tablehead.L_FORUM}</div></div>
       
        <div class=" abcxyz main-content  ">
        <table class="table" cellspacing="1" cellpadding="5" border="0"><tbody class="statused">
  <!-- END tablehead -->

  <!-- BEGIN forumrow -->
         
      <tr>   
         
         
              <td class="tc2"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </td>
        <td class="tcl">
        <fieldset style="border: 1px solid; margin: 5px; padding: 5px 10px;"><legend>
          <h3 class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">
            <font style="text-shadow: 0px 0px 1px rgb(165, 214, 141), 0px 0px 0px rgb(165, 214, 141), 0px 0px 1px rgb(165, 214, 141);" color="#000000" size="2">
              <div class="troinoi"><dl>{catrow.forumrow.FORUM_NAME}</dl></div>
            </font></a></h3>
       
            </legend>
         
          <br/> 
         
         
  <span style="text-decoration: none" class="genmed"><font color="red">
   
            <div id="smallrum">  <b>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</b>
                    <strong><b>{forumrow.L_SUBFORUM_STR}</b></strong> {forumrow.SUBFORUMS}</div>
         
            <br/> 
         
    </font></span>
         
            </fieldset  >
             
             
             
              <br />

     
 
                 
                  </td>
                                         
                                          <td class="tcr"><div class="xemmoi"><span class="xemgui"></span><span class="genmed"><font color="#7419BF" face="" size="2"><img src="http://i61.servimg.com/u/f61/15/61/17/20/new10.gif"> <span>
                    <!-- BEGIN switch_topic_title -->
                    <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                    <!-- END switch_topic_title -->
                    {catrow.forumrow.USER_LAST_POST}
                    </span>

                                         

</span></div><div align="center"><p class="xemtip"><span style="font-size: 8pt;"><font color="#373737">Chủ đề :<font size="+2" color="#99bf00"><b>{catrow.forumrow.TOPICS}</b></font></font><font color="red"> ♥ </font><font color="#373737">Bài gửi :<font size="+1" color="#ff8a00"><b>{catrow.forumrow.POSTS}</b></font></font></span></p></div></td></tr>
                                           
                       
                 
                  <!-- END forumrow -->

  <!-- BEGIN tablefoot -->
  </tbody></table></div></div><img width="910px" src="http://i48.servimg.com/u/f48/16/58/89/73/think10.png" />
  <!-- 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 -->
                                         
                                         
                                         
                                         
                               
                                         
                                         
                               

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>
                           
      <li>
                     
                        </br>  <a title="Skin Edit by Anhdausai" target="_blank" rel="nofollow" href="/u1" class="copyright" name="bottom">@ <font color="green">Skin</font> Edit by <font color="red">Anhdausai</font></a><br>
    <a title="" target="_blank" rel="nofollow" href="" class="copyright" name="bottom"><font color="green"></font>  <font color="red"</font></a>
                                                      </li>
                      </ul>
                                              </ul>
                   
                  </div>
                  <br />
                  <p class="center">
                      <strong>{ADMIN_LINK}</strong>
                  </p>
                </div>
                {PROTECT_FOOTER}
            </div>
                   
                 
                   

              <div class="end"></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>




    <br>
   
   
   
 
     
     
     
   

<br/><br/><br/><br/><br/><br/><br/><br/>
<script type="text/javascript">
    $(function(){
    if (Number($("a.mainmenu[href^='/privmsg'] strong").text()) > 0){
    var a = $("a.mainmenu[href^='/privmsg'] strong").text();
    var b = confirm("Bạn có "+a+" tin nhắn mới.Bạn có muốn đến hộp thư.");
    if( b == true){location.href = '/privmsg?folder=inbox'};
    };
    });
  </script>
     
     
   

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>
 
 
 
  <style>
a{text-decoration:none}
</style>
<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}
  <!--[if lte IE 6]>
        <style type="text/css">
                .post-entry .entry-content img{display: block !important}
                body{background-color: #FFFFFF!important}
          #mudimPanel,.minwidth_IE, #login_popup, #hitskin_preview{display:none!important}
      </style>
  <![endif]-->
  <noscript>
        <style type="text/css">
                a.mainmenu[href='/groups'],a.mainmenu[href='/privmsg?folder=inbox']{display:block !important}
                .post-entry .entry-content img{display: block !important}
          #left{display:block !important}
          .module .main-content{height: 12.3em !important}
          .toppost_width{width: 290px;}
          .recentWidth{width: 658px;}
          .latest_topics{overflow: hidden !important; height: 12.3em !important}
          .chatbox, .fmviToggle, #checktip .open{display:none}
      </style>
  </noscript>

  <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>
  <script type="text/javascript">
      function langEV() {
          if ($("html").attr("xml:lang") == "en") {
              return true;
          } else if ($("html").attr("xml:lang") == "vi") {
              return false;
          }
      }
  </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"]);

    (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 -->
 
 
 
<script type="text/javascript">//<![CDATA[
$(document).ready(function(){});//]]></script><script type='text/javascript'>$(document).ready(function(){$(".lbb1").hover(function() {$(this).attr("src","http://i1130.photobucket.com/albums/m536/liikeriv/tipiteen/menu_02.gif");}, function() {$(this).attr("src","http://i1130.photobucket.com/albums/m536/liikeriv/tipiteen/menu1_02.gif");});$(".webs").hover(function() {$(this).attr("src","http://i1130.photobucket.com/albums/m536/liikeriv/tipiteen/menu_03.gif");}, function() {$(this).attr("src","http://i1130.photobucket.com/albums/m536/liikeriv/tipiteen/menu1_03.gif");});$("#anh4").hover(function() {$(this).attr("src","http://i1130.photobucket.com/albums/m536/liikeriv/tipiteen/menu_04.gif");}, function() {$(this).attr("src","http://i1130.photobucket.com/albums/m536/liikeriv/tipiteen/menu1_04.gif");});$("#anh5").hover(function() {$(this).attr("src","http://i1130.photobucket.com/albums/m536/liikeriv/tipiteen/menu_05.gif");}, function() {$(this).attr("src","http://i1130.photobucket.com/albums/m536/liikeriv/tipiteen/menu1_05.gif");});$("#anh6").hover(function() {$(this).attr("src","http://i1130.photobucket.com/albums/m536/liikeriv/tipiteen/menu_06.gif");}, function() {$(this).attr("src","http://i1130.photobucket.com/albums/m536/liikeriv/tipiteen/menu1_06.gif");});$("#anh7").hover(function() {$(this).attr("src","http://i1130.photobucket.com/albums/m536/liikeriv/tipiteen/menu_07.gif");}, function() {$(this).attr("src","http://i1130.photobucket.com/albums/m536/liikeriv/tipiteen/menu1_07.gif");});});</script>
 
</head>

<body onload="zzcatfishclose();">

  <!-- 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> 
  <!-- BEGIN switch_desc -->
  <div style="display:none" class="depgiaiketao">{switch_desc.SITE_DESCRIPTION}</div>
<!-- END switch_desc -->

               
                                       
                                         
  <div class="minwidth_IE">
      <div class="layout_IE">
        <div class="container_IE">
                            <div class="devsitePage">

   
 
       
            <div class="clear"></div>
       
      </div>
  </div>
                 
                 
                 
                 
                 
                 
          <center>
                 
       
        <div id="Navigation">
            <ul>
                <li id="home"><a  href="http://trasua.ace.st/forum"><img src="http://i75.servimg.com/u/f75/14/65/61/19/homei10.png" /></a></li>
                <li >
                         
                         
                         
                         
                          <font size="2">{GENERATED_NAV_BAR} </font>
                         
</li>
             
            </ul>
        </div><!--end #Navigation-->
    <!--end #top_bar-->     
                                             
  </center>           
                 
                 
                 
                <center> 
                  <br/> <br/>
                <div id="logo">
   
                  <embed height="150" width="950" flashvars="bannerWidth=950&bannerHeight=150&bannerSID=http://img2.tbcdn.cn/tfscom/T1mbxOXuBiXXXgzXjX.xml&bannerXML=&bannerLink=http%3A%2F%2F&dataSource=&bid=35624316&appSource=default" wmode="transparent" allowscriptaccess="always" quality="high" name="35624316" id="35624316" style="" src="http://img.uu1001.cn/bcv3.swf?v=20121219" type="application/x-shockwave-flash"/>
                 
                 
                  </div> 
                  <br/>
      <br/>
                             
                  </center>
                    <div id="pun-navlinks">
                    <ul class="clearfix">
                        <li>{GENERATED_NAV_BAR}</li>
                    </ul>
                  </div>
                  <center><img width="952" src="http://i31.servimg.com/u/f31/17/71/64/50/jarako10.png"/></center>
                                      <div id="wrapper1">     
            <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_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 -->
                                 
                                 
                                 
                                 
                                 
                                 

                           

viewtopic_body

Code:

<style>
 


        .thongtintv {
        position:relative;
        left:0px;
        color: #000000;
        }
        .thongtintv:hover {
        left:15px;
        transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;
        transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2);
        }
        .thongtintv {
        background-color: #FFFFFF;
        margin:1px 3px 2px 1px;
        padding:1px 5px;
        border:1px solid #CCCCCC;
        }
 
 
  /* Đường Dẫn Liên Kết */
 
  .main .main-head123 {
font-weight: bold;
font-size: 12px;
background: #454545;
border: 1px solid #454545;
color: #333;
padding: 10px;
}
 
 
 
.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;
}
.pun-crumbs p {
font-size: 0;
line-height: 30px;
margin: 0;
  color: #666;
}

.pun-crumbs a {
background: url(http://i37.servimg.com/u/f37/17/47/85/23/second10.png) no-repeat 100% -2px;
font-size: 11px;
padding: 12px 17px 12px 4px;
}
</style>
<script type="text/javascript">//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
  _atc.cwait = 0;
  $('.addthis_button').mouseup(function(){
      if ($('#at15s').css('display') == 'block') {
        addthis_close();
      }
  });
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
       
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
        {
            if( $(this).is(":visible") )
            {
              $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
              $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
        });
        }
    }
    catch(e) { }
   
  return false;
};

//]]>
</script>








<div class="pun-crumbs noprint">
  <p class="crumbs">
      <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} »
      <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
   
  </p>
</div>



 

<div class="main paged">
  <div class="paged-head clearfix">
      <!-- BEGIN topicpagination -->
      <p class="paging">{PAGINATION}</p>
      <!-- END topicpagination -->
      <p class="posting">
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a> 
        <!-- END switch_user_authpost -->

        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
        <!-- END switch_user_authreply -->
      </p>
  </div>
  {POLL_DISPLAY}


 
 
 
 
 
 
 
<div class="post">
      <!-- BEGIN postrow -->
        <!-- BEGIN displayed -->
    <div class="main-head123" >
     
      <ul>
         
             
                     
    <h2>
             
              <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a> {postrow.displayed.POST_DATE_NEW}
            </h2>                     
      </ul>
        </div>
     
 
   
<table class="main-content" class="nenpro"  align="center" cellpadding="0" cellspacing="0" style="width: 100%; ">
  <tbody >
      <tr >
        <td >
                    <div class="user-ident" style="float:left;padding:10px;">
                        <div class="user-basic-info">
       
        <tr>
            <td class="alt2" style="padding:0px">

             
                <table cellpadding="0" cellspacing="6" border="0" width="100%">
                    <tbody>
                        <tr>
                         
                 
                                                   
                            <td class="alt2">

 
                          <!--user info --><table cellpadding="0" cellspacing="8" border="0" width="100%"><tbody><tr><td><table id="Table_01" width="100" height="100" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td><img src="http://i12.servimg.com/u/f12/17/73/81/22/ava_0110.png" width="34" height="34" alt=""/></td><td background="http://i12.servimg.com/u/f12/17/73/81/22/ava_0210.png"></td><td><img src="http://i12.servimg.com/u/f12/17/73/81/22/ava_0310.png" width="34" height="34" alt=""/></td></tr><tr><td background="http://i12.servimg.com/u/f12/17/73/81/22/ava_0410.png"></td><td background="http://i12.servimg.com/u/f12/17/73/81/22/ava_0510.png"><div class="avatars"><div class="user-basic-info">{postrow.displayed.POSTER_AVATAR}</div></div></td><td background="http://i12.servimg.com/u/f12/17/73/81/22/ava_0610.png"></td></tr><tr><td><img src="http://i12.servimg.com/u/f12/17/73/81/22/ava_0710.png" width="34" height="34" alt=""></td><td background="http://i12.servimg.com/u/f12/17/73/81/22/ava_0810.png"/></td><td><img src="http://i12.servimg.com/u/f12/17/73/81/22/ava_0910.png" width="34" height="34" alt=""/></td></tr></tbody></table></td>
               
           
                     


           

<td align="left" width="55%">




                              <font face="Times New Roman" size="5">{postrow.displayed.POSTER_NAME}</font>
                         

                              <table width="230px"><tbody><tr><td><div class="genmed"><fieldset style="border: 1px solid; margin: 5px; padding: 5px 10px;"><legend><font size="2" color="#000000" style="text-shadow: 0px 0px 1px rgb(165, 214, 141), 0px 0px 0px rgb(165, 214, 141), 0px 0px 1px rgb(165, 214, 141);"> Tước Hiệu</font></legend><font size="4" face="Times New Roman"><b><font size="3" color="#ffffff" style="text-shadow: 0px 0px 6px rgb(800, 0, 100), 0px 0px 5px rgb(800, 0,100), 0px 0px 5px rgb(800, 0,100);"><marquee scrollamount="4"> {postrow.displayed.POSTER_RANK_NEW}<br /><br/></marquee></font></b></font></fieldset></div></td></tr></tbody></table>
 

 
 
                                  <div class="rank" >{postrow.displayed.RANK_IMAGE}</div>
         
                           
                            </td>










                           
                           
                           
<td width="10%">

                     
 
 
  <table width="80">

     
<!-- BEGIN profile_field -->
                <div class="smallfont"> <span class="fmvipro"><div class="thongtintv"><span class="fmviTT"><span class="hidenfield">{postrow.displayed.profile_field.LABEL}<span class="fmviZZ">{postrow.displayed.profile_field.CONTENT}</span></span>{postrow.displayed.profile_field.SEPARATOR}</span></div></span> </div>
            <!-- END profile_field -->
     
</table>




     
        <img src="http://i34.servimg.com/u/f34/14/04/26/89/vide10.gif" alt="" style="width: 200px; height: 1px;" /></td>
                        </tr></table>
      </td>

        </tr>
<td height="27" width=100% background="http://i34.servimg.com/u/f34/14/04/26/89/p31010.gif" colspan=3>
</td>
                         
                        <table align="center" border="0" cellpadding="0" cellspacing="0" style="width: 100%; ">
       
         
  <tbody>
      <tr>
        <td>
          <a name="{postrow.displayed.U_POST_ID}"></a>
            <div class="postmain"{postrow.displayed.THANK_BGCOLOR}>
       
          </div> 
         
         
              <div class="postbody"{postrow.displayed.THANK_BGCOLOR}>
                  <div class="post-entry">
                   
                       
                             
                     
                     
                     
                   
                   
                   
                   
                      <table>
 <border="0" cellpadding="0"
cellspacing="0"><tbody><tr><td><img
src="http://r15.imgfast.net/users/1514/36/53/26/album/thtx_010.png"
alt="" width="12" height="11"></td><td
background="http://r15.imgfast.net/users/1514/36/53/26/album/thtx_011.png"
 width="auto" height="11"><img
src="http://r15.imgfast.net/users/1514/36/53/26/album/thtx_011.png"
alt="" width="6" height="11"></td><td><img
src="http://r15.imgfast.net/users/1514/36/53/26/album/thtx_012.png"
alt="" width="11" height="11"></td></tr><tr><td
background="http://r15.imgfast.net/users/1514/36/53/26/album/thtx_013.png"
 width="12"><img
src="http://r15.imgfast.net/users/1514/36/53/26/album/thtx_013.png"
alt="" width="12" height="7"></td>
                   
                   
        <td width="920px" style="padding: 0px; background-color: #ffffff" bgColor="#ffffff">
<!-- google_ad_section_start -->
          <center><STRONG><font color=GREEN>Tiêu đề:</font></STRONG><BLINK><STRONG><FONT COLOR=RED> {TOPIC_TITLE}</FONT></STRONG></BLINK><br/><br/>
  </center>       
   
                    <div class="uparrowdiv" style="padding: 10px;"><div class="entry-content"><b>{postrow.displayed.MESSAGE}</b></div></div>
<style>
.uparrowdiv, .downarrowdiv, .leftarrowdiv, .rightarrowdiv{width:97%;min-height:100%;background: #ffffff;background-position: top right;background-repeat: no-repeat;border:2px solid #3dbbff;-moz-border-radius:8px;box-shadow: 0 0 1em #b6b6b6;-webkit-border-radius:8px;position: relative;}.uparrowdiv:after{content:'';display:block;position:absolute;top:-20px; left:30px;width:0;height:0;border-color: transparent transparent #3dbbff transparent; border-style: solid;border-width: 10px;}</style>
 

          </td>
     
                   
          <td
background="http://r15.imgfast.net/users/1514/36/53/26/album/thtx_014.png"
 width="11"><img
src="http://r15.imgfast.net/users/1514/36/53/26/album/thtx_014.png"
alt="" width="11"
height="6"></td></tr><tr><td><img
src="http://r15.imgfast.net/users/1514/36/53/26/album/thtx_015.png"
alt="" width="12" height="12"></td><td
background="http://r15.imgfast.net/users/1514/36/53/26/album/thtx_016.png"
 width="auto" height="12"><img
src="http://r15.imgfast.net/users/1514/36/53/26/album/thtx_016.png"
alt="" width="7" height="12"></td><td><img
src="http://r15.imgfast.net/users/1514/36/53/26/album/thtx_017.png"
alt="" width="11"
height="12"></td></tr></tbody></table>
         
                   
                   
                   

 
         
                    <br/>
           
         
             
             
             
             
             
              </div>
              </div>
       
 
               
           
   
               
                   
                                             

 
      <!-- BEGIN switch_signature -->
                                 
           
                                 
<img src="http://i43.servimg.com/u/f43/16/03/04/56/signer10.png">
  <div class="sig-content">{postrow.displayed.SIGNATURE_NEW}</div>
                                 
                               
                               
            <!-- END switch_signature -->
           
 
                 
 
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>


<style>
.dacong{background:url(http://i48.servimg.com/u/f48/16/58/89/73/like_n11.png) no-repeat scroll 0 0 ;float:left;height:16px;width:30px;text-align:middle;}.datru{background:url(http://i48.servimg.com/u/f48/16/58/89/73/dislik16.png) no-repeat scroll ;float:left;height:16px;width:16px;text-align:middle;}
.vote-button{float:left;width:70px}
.c3zplus{background:url(http://i48.servimg.com/u/f48/16/58/89/73/like_b12.png) no-repeat scroll 0 0 ;float:left;height:16px;width:30px; text-align:middle; margin-left:-113px;}
.c3zplus{background-position:5px 50%;background-repeat:no-repeat;border:1px solid #C2D5E3;margin:6px 2px 0;width:34px;padding:5px 8px 5px 25px;text-align:left; text-color: black;margin-top: -4px;background-color:#ECEEF5;border: 1px solid #CAD4E7;border-radius: 3px 3px 3px 3px; color:#FFF!important;display:block;position:relative;}
.c3zplus:hover{background-color:#ebedf4;border-color:#9dacce}
.c3zminus:hover{background-color:#ebedf4;border-color:#9dacce}
.c3zminus{background:url(http://i48.servimg.com/u/f48/16/58/89/73/dislik15.png) no-repeat scroll ;float:left;height:16px;width:80px;text-align:left;}
.c3zminus{background-position:5px 50%;background-repeat:no-repeat;border:1px solid #C2D5E3;margin:6px 2px 0;width:80px;padding:5px 8px 5px 25px;text-align:left; text-color: black;margin-top: -4px;background-color:#ECEEF5;border: 1px solid #CAD4E7;border-radius: 3px 3px 3px 3px; color:#FFF!important;display:block;position:relative;}
.ost,.share,.c3zvau .qua,.no{background-position:5px 50%;background-repeat:no-repeat;border:1px solid #C2D5E3;margin:6px 2px 0;padding:5px 8px 5px 25px}.share{background-image:url(http://i43.servimg.com/u/f43/16/03/04/56/fav10.png)}.qua{background-image:url(http://i43.servimg.com/u/f43/16/03/04/56/no10.gif);padding-left:29px!important}.no{padding:5px 8px}.no .vop{background:url(http://i48.servimg.com/u/f48/16/58/89/73/like_b12.png) no-repeat left center;padding:0 0 0 20px}.no .vom{background:url(http://i48.servimg.com/u/f48/16/58/89/73/dislik15.png) no-repeat left center;padding:0 0 0 20px}

  </style>

  </div>
               
                <!-- BEGIN switch_vote_active -->
    <div class="vote vote-button" title="Thích Bài Viết Này">
          <!-- BEGIN switch_vote -->
      <a target="v{postrow.displayed.U_POST_ID}" href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}" alt="c3zplus" class="c3zplus lvote"><span style="margin-left: -2px; color: #3B5998;">Thích</span></a>
 <!-- END switch_vote -->
      </div>
      <div class="vote vote-button" title="Không Thích Bài Viết Này">
 <!-- BEGIN switch_vote -->
        <a target="v{postrow.displayed.U_POST_ID}" href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}" alt="c3zminus" class="c3zminus lvote"><span style="margin-left: -2px; color: #3B5998;">Không Thích</span></a>
 <!-- END switch_vote -->
                                  </div><div id="v{postrow.displayed.U_POST_ID}" class="loadding" style="display: none"><img src="http://i43.servimg.com/u/f43/16/03/04/56/icon_l12.gif"> Cám Ơn Bạn Đã Đánh Giá Bài Viết! </div>
                                                <!-- END switch_vote_active -->
                                                </div>
                                         
                                          </div>
              <div style="clear:both;"></div>
            </div>
        </div>
      <br/>
                         
                          <p style="border-bottom: 1px solid #ddd;">

                        <div class="hihi clearfix" style="background-color: #fff;"><font color="black">
 
<br/>
<!-- BEGIN switch_vote_active -->       
  <iframe name="v{postrow.displayed.U_POST_ID}" class="ajaxvote" style="display:none"></iframe> 

<!-- BEGIN switch_no_bar -->
  <span class="c3zvau v{postrow.displayed.U_POST_ID}" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">{postrow.displayed.switch_vote_active.L_VOTE_TITLE}</span>
 <!-- END switch_no_bar -->
<!-- BEGIN switch_bar -->
  <span class="c3zvau v{postrow.displayed.U_POST_ID}" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">{postrow.displayed.switch_vote_active.L_VOTE_TITLE}</span>
 <!-- END switch_bar -->
  <!-- END switch_vote_active -->
                       
  <div style="height:30px ; float:right" >
                   
                             
{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}

 
                          </div> 
            </td>
        </tr>
                     







    </tbody>
</table>
       
               
     
       
 

 
 

 
                          <!-- BEGIN switch_attachments -->
                          <dl class="attachbox">
                              <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                              <dd>
                                <!-- BEGIN switch_post_attachments -->
                                <dl class="file">
                                    <dt>
                                      <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                                      <!-- BEGIN switch_dl_att -->
                                      <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                      <!-- END switch_dl_att -->

                                      <!-- BEGIN switch_no_dl_att -->
                                      {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                      <!-- END switch_no_dl_att -->
                                    </dt>

                                    <!-- BEGIN switch_no_comment -->
                                    <dd>
                                      <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                                    </dd>
                                    <!-- END switch_no_comment -->

                                    <!-- BEGIN switch_no_dl_att -->
                                    <dd>
                                      <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                                    </dd>
                                    <!-- END switch_no_dl_att -->

                                    <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                                </dl>
                                <!-- END switch_post_attachments -->
                              </dd>
                          </dl>
                          <!-- END switch_attachments -->
                          <div class="clear"></div>
                        </div>
                        <p>
                          {postrow.displayed.EDITED_MESSAGE}
                        </p>
                    </div>
                  </div>
              </div>
         

             

                               
           
                           
                    </td>
      </tr>
  </tbody>
</table>
        <!-- BEGIN first_post_br -->
      </div>
      <hr id="first-post-br" />

</div>
      <div class="main-content topic">
        <div class="main-content1">
        <!-- END first_post_br -->
        <!-- END displayed -->
        <!-- BEGIN hidden -->
            <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
         
       
        <!-- END hidden -->
           
         
 
         
         
      <!-- END postrow -->
        </div>

</div>
   
   
   
   
   
   

   
   
   
   
   
   
   
   
   
   
   
   
  <div class="main-foot clearfix" style="height:30px ">
      <p class="h2">
        <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> 
        {L_MESSAGE} [{PAGE_NUMBER}]
      </p>
      <p class="options">
        <input type="hidden" name="t" value="{TOPIC_ID}" />

        <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
        <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

        <!-- BEGIN viewtopic_bottom -->
        {S_TOPIC_ADMIN}
        <!-- END viewtopic_bottom -->
      </p>
</div>

 <!-- BEGIN switch_user_logged_out -->
<script type="text/javascript" src="http://www.xiteen.forum-viet.com/14005.js"></script><script type="text/javascript" charset="utf-8">$(function() {jQuery('<p><font color="red">Bạn cần <a class="bvmedia" href="/profile.forum?mode=register"><input value="đăng kí và đăng nhập" type="button"/></a> để xem được ảnh này.</font></p>').insertBefore("div.postbody embed,div.postbody img,.cont_code,div.postbody a:not(.bvmedia)");jQuery("div.postbody embed,div.postbody img:not(.bvmedia),div.postbody #bvvi, div.cont_code,div.postbody a:not(.bvmedia)").remove();});</script><!-- END switch_user_logged_out -->
     
   
  <a name="bottomtitle"></a>
   
   
 
   
     

  <div class="paged-foot clearfix" >
      <!-- BEGIN topicpagination -->
      <p class="paging">{PAGINATION}</p>
      <!-- END topicpagination -->
    <p class="posting"  style=" float:right">
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a> 
        <!-- END switch_user_authpost -->

        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
        <!-- END switch_user_authreply -->
      </p>
  </div>



<div class="pun-crumbs">
  <p class="crumbs">
      <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} »
      <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
  </p>
</div>


       
       
       
       
       
       
       
       
       
       
       
       
       
<!-- BEGIN switch_forum_rules -->
<div id="pun-info" class="main">
<div class="main-content"><div id="stats">
      <p class="h2">{L_FORUM_RULES}</p>
  </div>  </div>
  <table class="main-content frm">
      <tr>
        <!-- BEGIN switch_forum_rule_image -->
        <td class="logo">
            <img src="{RULE_IMG_URL}" />
        </td>
        <!-- END switch_forum_rule_image -->
        <td class="rules entry-content">{RULE_MSG}</td>
      </tr>
  </table>
</div>
<!-- END switch_forum_rules --> 
   
   


<!-- BEGIN switch_user_logged_out -->
<div class="main"><div class="main-head"><div class="page-title"><h2><b>Bình luận về bài viết</b></h2></div></div><div class="main-content"><div style="padding-top:50px;padding-bottom:50px;">



<center><h2><b>
Bạn cần <a href="/login"><input class="mainoption" type="submit" name="login" value="Đăng Nhập" /></a> để bình luận về bài viết</b></h2>
<br/>
<h2><b>
Nếu chưa có tài khoản bạn vui lòng <a href="/register"><input class="mainoption" type="submit" name="login" value="Đăng Ký" /></a> tài khoản</b></h2>
</center>







</div> </div>

<!-- END switch_user_logged_out -->


   

 <!-- BEGIN switch_user_logged_in -->
<div class="main-content1">
<div id="specificatii_center" align="center"><ul id="specificatii"><li>•  Không spam. Xem rõ nội quy chung <a href="/t9-topic" rel="nofollow"><strong>Tại Đây</strong></a></li><li>• Thể hiện văn hóa bằng cách bấm Like với các bài viết bạn thích.</li></ul><img id="inchide_specificatii" align="right" onclick="$('#specificatii_center').hide('slow');" src="http://i36.servimg.com/u/f36/11/96/49/61/erase10.png"></div>
   
<a name="quickreply"></a>
<iframe style="display:none;" class="post_vds" name="guinhanhz"></iframe>
<div class="tbpost"></div>
<div  class="imgloadpost"  style="display:none;"><img src="http://i43.servimg.com/u/f43/16/03/04/56/icon_l12.gif"/>Đang gửi....</div>
  {QUICK_REPLY_FORM}
 

<!-- END switch_user_logged_in -->
 
 
 
 
 

<div class="fmviToggle" style="width: 336px">
    <div class="main"><div class="main-head">
        Quyền hạn của bạn:
        </div>
        <div id="onlinelist" style="border: 1px solid #DDD;box-shadow:-3px 3px 3px #c8c8c8;">{S_AUTH_LIST}
        </div>
    </div>
</div>
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>



   
   
   
   






<script type="text/javascript">
  var banquyen= "ban quyen cua code nay thuoc vandonstar minh coppy sang dung mong ban bo qua cho nhe";
  $('.imgloadpost').clone().appendTo('.frm-buttons');
 $('input[name=preview]').one('click', function () {
    ktgui = 0;
    $("form[action='/post']").submit(function () {
        if (kiemtragui()) {
            $("input[type='submit']").hide();
            $('.frm-buttons .imgloadpost').show();
            setTimeout('xemtruoc();', 200);
        } else {
            return false;
        };
    });
});
$("input.xoabai").click(function(){
  $(this).parents(".baigui").html('<div id=tbpost align=center>Đã xóa khỏi cơ sở dữ liệu</div>');
 
  });
 
function xemtruoc() {
    if (ktgui == 0) {
        if ($('.post_vds').contents().find('.post').length) {
            $('.tbpost').html('<br><hr>');
            $('.post_vds').contents().find('.post:first').appendTo('.tbpost');
            $('.post_vds').contents().empty();
            $('.tbpost').css({
                'color': 'black',
                'background-color': 'white'
            }).slideDown();
            $('.frm-buttons .imgloadpost').hide();
            $('input[name=post],input[name=preview]').show();
            return false;
        } else setTimeout('xemtruoc();', 200);
    };
};
 
  $('input[name=post]').one('click', function () {
    ktgui = 1;
    $("form[action='/post']").submit(function () {
        if (kiemtragui()) {
            guibainhanh();
        } else {
            return false;
        };
    });
});
$("form[action='/post']").attr('target','guinhanhz');
function kiemtragui() {
    min = 10;
    kt = $('textarea#text_editor_textarea').val().replace('<br>', '').replace(/ /gi, '').length;
    if (kt < min) {
        $('.tbpost').html('Bài viết quá ngắn!<br>Số ký tự tối thiểu là ' + min + ' ký tự.<br>Bạn cần viết thêm ' + (min - kt) + ' ký tự nữa mới có thể gửi bài.');
        $('.tbpost').slideDown();
        $('textarea#text_editor_textarea').focus();
        return false;
    } else {
        return true;
    };
};

function guibainhanh() {
    $("input[type='submit']").hide();
    $('.tbpost').slideUp();
    $('.frm-buttons .imgloadpost').show();
    setTimeout('guibaiviet(ktgui);', 200);
};

function guibaiviet(ktgui) {
    if (ktgui == 1) {
        if ($('.post_vds').contents().find('.message:contains(Bài của bạn đã được chuyển)').length || $('.post_vds').contents().find('.message:contains(Your message has been entered successfully)').length) {
            chenbai();
            $("form[action='/post']").hide();
            $('.tbpost').text('Thành công, Bài viết của bạn đã được gửi. Ấn F5 Load lại để xem lại cảm nhận bạn vừa viết ^^');
            $('.tbpost').slideDown().css('color', 'green');
            $('.post_vds').remove();
            return false;
        } else if ($('.post_vds').contents().find("form[action='/post']").length && $('.post_vds').contents().find('.p-hidden:contains(A new message has been posted while you were writing your response. Please)').length) {
            chenbai();
            $('.main-content.frm:first').empty();
            $('.post_vds').contents().find("form[action='/post']").appendTo('.main-content.frm:first');
            $("form[action='/post']").attr('target', 'guinhanhz');
            $('.imgloadpost').clone().appendTo('.frm-buttons');
            $('.tbpost').text('Thông báo, Chủ đề này vừa có người gửi bài trước bạn. Bạn có muốn tiếp tục gửi bài?');
            $('.post_vds').contents().empty();
            $('.tbpost').css({
                'color': 'red',
                'background-color': 'wheat'
            }).slideDown();
            $('input[name=prevent_modif]').hide();
            $("form[action='/post']").focus().submit(function () {
                guibainhanh();
            });
            return false;
        } else if ($('.post_vds').contents().find('.main .main-content p:contains(Flood control is active on this forum, please wait)').length) {
            $('.tbpost').text($('.post_vds').contents().find('.main .main-content p:contains(Flood control is active on this forum, please wait)').text());
            $('.post_vds').contents().empty();
            $('.tbpost').text($('.tbpost').text().replace('second(s) before replying or posting', 'giây(s) trước khi trả lời hoặc gửi bài').replace('Flood control is active on this forum, please wait', 'Phát hiện bạn gửi bài quá nhanh, xin đợi'));
            $('.tbpost').css({
                'color': 'red',
                'background-color': 'wheat'
            }).slideDown();
            $('.frm-buttons .imgloadpost').hide();
            $('input[name=post]').show();
            return false;
        } else {
            setTimeout('guibaiviet(ktgui);', 200);
        };
    };
};


function chenbai() {
    if ($('.main-head.clearfix:contains(Thông điệp) strong:eq(0)').text() == $('.main-head.clearfix:contains(Thông điệp) strong:eq(1)').text()) {
        gtlink = $('.baigui:last .posthead h2 strong:eq(0)').text();
    } else {
        gtlink = parseInt($('.main-head.clearfix:contains(Thông điệp) strong:eq(1)').text()) * 10 - 9;
    };
    link = location.href.replace('http://a1-annhon3.forumvi.com', '').split("-")[0].split("p")[0] + 'p' + gtlink + '-topic';
$('<div class=postcuoi><div  align=center><img src="http://i43.servimg.com/u/f43/16/03/04/56/icon_l12.gif"/>Đang gửi bài viết.....</div></div>').appendTo('.toanbo:last').load(link + ' .toanbo .baigui:last',function(){ hehe();});
};

  </script>


 
   


<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
       
        <script type="text/javascript">function chvote(a, b) {"Message not voted" == b && (b = "c3zone z vietk 0% (0 vote)");var d = parseInt(b.split(" ")[3], 10) / 100,c = parseInt(b.split(" ")[4].substr(1), 10),b = "Message reputation : " + Math.round(100 * ("c3zplus" == a ? (d * c + 1) / (c + 1) : d * c / (c + 1))) + "% (" + (c + 1) + " vote)";return votetrans(b)}$(".c3zvau").each(function () {var a = $(this).text();$(this).html(votetrans(a))});function votetrans(a) {if ("Message not voted" == a) return "<span class='qua'>Hãy là người đầu tiên thích điều này</span>";var b = parseInt(a.split(" ")[3], 10) / 100,a = parseInt(a.split(" ")[4].substr(1), 10),d = 0 != b ? "<span class=vop>" + Math.round(b * a) + "+</span>" : "",c = 0 != b && 1 != b ? ' <span style="color:#C2D5E3">|</span> ' : "",a = 1 != b ? "<span class=vom>" + Math.round(a - b * a) + "-</span>" : "",b = Math.round(100 * b);return "<span class=no>" + d + c + a + "</span> <span class=qua>Đánh giá: " + b + "%</span>"}$(".lvote").click(function () {"c3zplus" == $(this).attr("alt") ? $(this).parent().html("").next().html("") : $(this).parent().html("").prev().html("");var a = $(this).attr("target"),b = $(this).attr("alt"),d = $("." + a).attr("title");$("#" + a).show();$("." + a).html(chvote(b, d));$("#" + a).fadeIn("slow").animate({opacity: 1}, 1500).fadeOut("slow", function () {$("." + a).fadeOut("slow").animate({opacity: 1}, 1E3).fadeIn()});$("." + $(this).attr("target")).removeAttr("title")});</script>
<script src="http://12b6.forum-viet.com/h15-page" type="text/javascript"></script>

 <script type="text/javascript" src="https://mainhatinhban.googlecode.com/files/cfvietlight.js"></script>







css

Code:


#smallrum{padding: 0.8em 1em; margin: 3px 1px;
color: #FFFFFF; width: 310px;}
#smallrum a img{vertical-align: middle; padding-right: 2px;}
#smallrum a.gensmall {
display: inline-block;
text-align: left;
width: 130px;
}

.pun .main-content , .pun table.table td , #onlinelist , #stats {
background-color: #fff;
}   
                                        #smallrum{padding: 0.8em 1em; margin: 3px 1px;
color: #FFFFFF; width: 310px;}
 
                                         
.troinoi {transition: all 15s ease;
  -webkit-transition: all 15s ease; -moz-transition: all 15s ease;
  transition-delay: 5s; -webkit-transition-delay: 5s; -moz-transition-delay: 5s;
  padding-bottom:9px;
  background:transparent url(http://i44.servimg.com/u/f44/15/44/78/93/box_sh10.gif) no-repeat bottom left;
  font-size:.9em;margin:1px 3px 2px 1px;position:relative;left:-25px;transform:rotate(-1deg);
  -moz-transform:rotate(-1deg); -webkit-transform:rotate(-1deg);}.troinoi:hover {transition: all 3s ease;
  -webkit-transition: all 3s ease; -moz-transition: all 3s ease;transform:rotate(0deg);
  -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);position:relative;left:10px;}
.troinoi dl {border:1px solid #e0e0e0;background:white;margin:0;padding:4px;list-style:none;display:block;
  text-align: justify;}
                                           



body {

background: #222 url(http://i46.servimg.com/u/f46/15/86/65/76/page10.png) repeat ;
color: #000;
font-family: tahoma,helvetica,arial,sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
}


.menunav{background: rgba(0, 0, 0, 0.10);

  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.9);
    height: 40px;
    z-index: 12 !important;
    color: #fff !important;
    padding-top:3px;
}
iframe[src*="ad.z5x.net"]{display: none !important;}
.register-pleace {
background: url("AQUI LA URL DE LA IMAGEN") no-repeat scroll 0 0 transparent;
height: 90px;
width: 728px;
}
.menunav ul{display:block;height:30px;margin:0 auto;padding:0px 0 0;position:relative;width:960px;z-index:14}
.menunav ul li{display:inline;height:30px;margin:0;text-align:center}
.menunav ul li a{text-shadow:2px 2px 2px #000;color: #FFF !important;display:block;float:left;font-weight:bold;height:30px;padding:10px 14px 0;text-align:center;z-index:10}
.menunav ul li a:hover,.menunav ul li .active{border-bottom: 3px solid #F4F4F4;margin-top:0px;background:none;color:#000;display:block;height:18px;padding-top:10px;text-align:center;z-index:10}
.menunav ul a.ico_home,.menunav ul a.ico_home:hover{background-position:left -3183px;border-right:1px solid #fff;color:#EFEFEF;display:block;height:18px;margin:5px 3px 0 0;padding:5px 0 0!important;width:32px}
.menunav span{display:block;height:23px!important;position:absolute;right:0;top:4px;width:95px}
.menunav span a,.menunav span a:hover{height:23px!important;padding:0!important}
.icon, .menunav ul a.ico_home, .menunav ul a.ico_home:hover {background: url("http://i35.servimg.com/u/f35/16/95/03/19/home12.png") no-repeat scroll 0 0 transparent;}




.abcxyz{
-moz-box-shadow: -2px 2px 2px white;
-webkit-box-shadow: -2px 2px 2px white;
border: 1px solid white;
box-shadow: -2px 2px 2px white;
border: 1px solid #00CCFF;
background: url(http://i45.servimg.com/u/f45/16/75/78/56/gradie10.gif) bottom left repeat-x;
text-align:left;
width: 99.8%;
}
.abcxyz:hover {
-moz-box-shadow: -2px 2px 2px white;
-webkit-box-shadow: -2px 2px 2px white;
 border: 1px solid white;
box-shadow: 0px 0px 10px 0px #0334fa;
z-index: 999;
transition: all 0.5s ease-in-out !important;-webkit-transition: all 0.5s ease-in-out !important;-moz-transition: all 0.5s ease-in-out !important;
background: url(http://i45.servimg.com/u/f45/16/75/78/56/gradie10.gif) bottom left repeat-x;
    border: 1px solid #0334fa;
width: 99.8%px;
}
/* Thống kĂª */
.leftStats{float:left;margin-left:-71px;position:absolute;vertical-align:middle;width:60px}
.rightStats{border-left:2px solid #CFC9C9;min-height:50px;padding-left:10px;width:858px;margin:5px 10px 5px 70px}
.starsTitle{background-color:#BFBFBF;border:1px solid #989898;color:#F8FF04;font-family:Comic Sans MS;font-variant:small-caps;font-weight:700;height:18px;text-shadow:1px 1px 1px #000;padding:5px}
.boxbody{background:url(/users/2211/12/43/96/album/box-sh10.gif) no-repeat scroll 0 80% transparent;font-size:12px;line-height:18px;padding-bottom:9px}

.bbody{background:#fff;font-size:11px}
.boxbody div{background:none repeat scroll 0 0 #FFF;border:1px solid #e0e0e0;display:block;list-style:none outside none;margin:0;padding:4px}

.xemtip {background: url(http://i48.servimg.com/u/f48/16/58/89/73/alt210.gif) repeat scroll 0 0 #F4F4F4!important;

background-color: white;
width: 250px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px dotted #940000;}
                                                   
 .xemmoi {background: url(http://i48.servimg.com/u/f48/16/58/89/73/alt210.gif) repeat scroll 0 0 #F4F4F4!important;

background: #fff;
border-radius: 2px 2px 2px 2px;
box-shadow: 2px 3px 3px #C8C8C8;
text-align: left;
margin: 20px 10px;
padding: 10px;
}
.xemgui {background: url(http://i48.servimg.com/u/f48/16/58/89/73/alt210.gif) repeat scroll 0 0 #F4F4F4!important;

width: 18px;
height: 25px;
float: left;
background: url(http://i.imm.io/lwog.png) no-repeat scroll left top transparent;
margin-left: -28px;
}

#pun-about, .boxfmvi .tc2, .boxfmvi .tcr {
  background: #ffffff;
 
}
.pun .table .tc2, .pun .table .tc3 {  background: #ffffff;
text-align: center;
width: 20%;
}

#Navigation{
  height:50px;
  width:100%;
  background:url(http://i75.servimg.com/u/f75/14/65/61/19/bg-mai10.png) repeat-x top left;
     
  }


#Navigation ul li{
  border-left:1px solid #0ec6f0;
  display:inline;
  text-transform:uppercase;
  font-weight:bold;
  font-size:1.4em; 
  padding:10px 8px;
  line-height:52px;
 
 
  margin-right: 0;
 
  }

.sub-menu{  background:#fff; box-shadow:1px 1px 5px #111;}
#Navigation ul li a{
  color:white;
  }
.main .main-head, .header, .posthead {
background-image: url(http://i35.servimg.com/u/f35/14/65/61/19/skin_v12.png);
border: 1px solid #DDD;
-webkit-box-shadow: 0 2px 2px -2px rgba(0,0,0,1);
font-size: 12px;
height: 20px;
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-weight: 700;
border-radius: 5px 5px 0px 0px;
  padding: .7em 1.3em;
}




.pun {box-shadow: 0px 0px 10px #ffffff;
 
  background-image: url('http://i48.servimg.com/u/f48/16/58/89/73/alt210.gif');
 
  background-attachment: fixed;
line-height: 130%;
margin: 0 auto;
padding: 5px;
width: 940px;
min-width: 98px;
}


#wrapper1{margin: auto; background-color: rgba(255, 255, 255, 1);  border:1px solid #ffffff;font-family:Tahoma,Geneva,sans-serif;font-size:13px;width:950px;
}
 /* Glass nav - www.fmvi.org */
#pun-head #pun-navlinks{background-color:transparent;border:0 none}
.title-overview{font-size:20px;font-variant:small-caps;font-weight:700;margin-bottom:10px;padding:5px 0}
.center-overview{color:#000!important}
.center-overview a{background-image:none!important}
.center-overview a:hover{background-image:none!important}
#pun-navlinks ul{text-align:center}
#pun-navlinks li{background-color:transparent;background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/btn_ri11.png);background-position:right top;background-repeat:no-repeat;color:#FFF;display:inline-block;font:13px tahoma,arial,sans-serif;height:32px;margin-right:5px;padding-right:10px;text-decoration:none}
#pun-navlinks li:hover{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/btn_ho10.png);color:#FFFE1B;outline:medium none}
#pun-navlinks li a{background-color:transparent;background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/btn10.png);background-repeat:no-repeat;color:#000;display:inline-block;line-height:21px;margin-right:-8px!important;padding:3px 0 8px 10px}
#pun-navlinks li:hover a{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/btn_ho11.png)}

/* body */
.online2 strong {
          color: Orange;
  font-family: georgia;
  text-decoration: none;
    font-style: normal;
    font-weight: normal;
  font-size:46px;
}

.member1 strong {
          font-family: georgia;
  text-decoration: none;
    font-style: normal;
    font-weight: normal;
  font-size:35px;
}
.post1 strong {
  color: deepSkyBlue;
          font-family: georgia;
  text-decoration: none;
    font-style: normal;
    font-weight: normal;
  font-size:38px;
}

.online1 strong {
  color: yellowGreen;
          font-family: georgia;
  text-decoration: none;
    font-style: normal;
    font-weight: normal;
  font-size:48px;
}


upppp

^^

hay lam