Code:


{JAVASCRIPT}

<ul id="navstrip" class="clearfix" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
 <li class="begin"><a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a></li>
 {NAV_CAT_DESC}
</ul>


          <div class="Latest lasttab">
    <div class="usertabs">
        <ul class="lastnavtab">
          <li class="tabsli selected"><span><a>Bài viết mới</a></span></li>
         
        </ul>
    </div>
            <!-- BEGIN giefmod_index1 -->
            {giefmod_index1.MODVAR}
            <!-- END giefmod_index1 -->
</div>
<br/>



<!-- BEGIN switch_user_login_form_header -->
<div class="borderwrap module">
 <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <div class="box-content ipbform user_login_form center" style="padding:5px 0;">
 <label><span class="genmed">{L_USERNAME}:</span> <input class="" type="text" size="10" name="username" /></label> &nbsp;
 <label><span class="genmed">{L_PASSWORD}:</span> <input class="" 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'" 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>
</div>
 <br />
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}

<table width="100%"><tbody><tr><td width="74%" valign="top">{BOARD_INDEX}</td>
<td width="20%" valign="top" style="padding-left:10px">
<!-- BEGIN switch_user_logged_out -->
<div class="sidebar">

  <a id="SignupButton" href="/register">Đăng ký!</a>

  <a id="LogButton" href="/login">Đăng nhập!</a>

</div>
<!-- END switch_user_logged_out -->
  <!-- BEGIN switch_user_logged_in -->
  <div class="sidebar" style="text-align:left">
       
<div class="forumstatistics profilez">
    <div class="teststats">
        <span class="hienthianh"></span>
        <div class="visitorText">
          <h2><span class="tenthanhvien"></span></h2>
            <div class="stats">
                <dl class="pairsJustified"><dt>Tin nhắn:</dt>
                  <dd><span class="tinhan"></span></dd>
                </dl>
                <dl class="pairsJustified"><dt>Được Like:</dt>
                    <dd><span class="duoclike"></span></dd>
                </dl>
                <dl class="pairsJustified"><dt>Points:</dt>
                    <dd><span class="sopoint"></span></dd>
                </dl>
            </div>
        </div>
    </div>
</div>
  <script type="text/javascript">
//<![CDATA[
  $(".hienthianh").replaceWith('<a class="avatar" href="/u' + _userdata.user_id + 'wall" rel="nofollow">' + _userdata.avatar + '</a>');
              $(".tenthanhvien").replaceWith('<a class="username NoOverlay" href="/u' + _userdata.user_id + 'wall" rel="nofollow">' + _userdata.username + '</a>');
              $(".tinhan").replaceWith('' + _userdata.user_nb_privmsg + '');
              $(".duoclike").replaceWith('' + _userdata.point_reputation + '');
              $('.sopoint').load('/u'+_userdata["user_id"]+' #field_id-13 .field_uneditable'); 
//]]>
</script>
                 
</div>
<!-- END switch_user_logged_in -->
 

 

 
 
 
<div class="sidebar" style="text-align:left">
 
  <h3>AI ĐANG ONLINE ?</h3>
<div class="clearfix"><div class="left">{TOTAL_USERS_ONLINE}</div> <a href="{U_VIEWONLINE}" rel="nofollow" class="viewonline right">{L_VIEW_COMPLETE_LIST}</a></div>
<div class="thin">{LOGGED_IN_USER_LIST}{L_CONNECTED_MEMBERS}</div>
<marquee onmouseout="this.start()" onmouseover="this.stop()" scrolldelay="25" truespeed="" loop="true" direction="left" scrollamount="2"><div>{GROUP_LEGEND}</div></marquee>
 
</div>
           

 
 
  <div class="sidebar" style="text-align:left">
 
  <h3>THỐNG KÊ DIỄN ĐÀN</h3>
 <!-- BEGIN message_admin_index -->
 <!-- BEGIN message_admin_txt -->
 {message_admin_index.message_admin_txt.MES_TXT}
 <!-- END message_admin_txt -->
<!-- END message_admin_index -->
</div>
 
    <div class="sidebar" style="text-align:left">
 
  <h3>TEXT LINK</h3>
      + <a href="/" title="">Text Link</a><br/>
      + <a href="/" title="">Text Link</a><br/>
      + <a href="/" title="">Text Link</a><br/>
      + <a href="/" title="">Text Link</a><br/>
      + <a href="/" title="">Text Link</a><br/>
<span style="color: red;">+ Liên hệ quảng cáo 0129.5971.351</span>
   
</div>
 
  </td></tr></tbody></table>


{CHATBOX_BOTTOM}


<!-- BEGIN switch_user_login_form_footer -->
<div class="borderwrap module">
 <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <div class="box-content ipbform user_login_form center" style="padding:5px 0;">
 <label><span class="genmed">{L_USERNAME}:</span> <input class="" type="text" size="10" name="username" /></label> &nbsp;
 <label><span class="genmed">{L_PASSWORD}:</span> <input class="" 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'" 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>
</div>
<!-- END switch_user_login_form_footer -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->


Code:


<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
   <div class="borderwrap">
      <div class="maintitle floated clearfix">
         {catrow.tablehead.L_FORUM}
         <div class="contract" id="b{catrow.tablehead.ID}" onclick="toggleCategory('{catrow.tablehead.ID}');">
            &nbsp;&nbsp;&nbsp;
         </div>
      </div>

      <table cellpadding="0" cellspacing="0" id="{catrow.tablehead.ID}" class="ipbtable index-box">
      
      
         <tbody>
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
            <tr>
                 <td class="tcl" style="padding-top:15px;padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left:55px;">
<span class="status" style="margin-top:-5px;margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -50px;">
  <span style="padding-left:5px; ">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                      </span>
                  </span>
                                            <span>
    <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle" ><b>{catrow.forumrow.FORUM_NAME}</b></a>
                </span>
                    <br/>

                    <span class="icon-box">{catrow.forumrow.FORUM_DESC}</span>
                    <!-- BEGIN switch_moderators_links -->
                    <br />

                    <!-- END switch_moderators_links -->
                      <div id="smallrum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
                 

               
  <td class="tc2" style="padding-right:15px;font-size: 12px;border-left: 0px solid #e4e4e4;color: #5e5e5e;padding-top:15px;
                font-size: 11px;font-family: "Times New Roman",Times,serif;">
                                                 

                        <span style="float:right;">Bài viết : {catrow.forumrow.POSTS} </span>
                                      <br/>
                                                  <span style="float:right;">
                                                  Chủ đề : {catrow.forumrow.TOPICS}

                                          </span>
                                          </td>
<td class="last-box" style="border-left:none;padding-right: 10px;width:230px;">
                                              <div class="">
                                                <!-- BEGIN avatar -->
                            <span class="lastpost-avatar avabox">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->
                    <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>
                                                </div>
                  </td>
            </tr>
   <!-- END forumrow -->

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




Code:


<!-- BEGIN html_validation -->
<div>
 <div>
 <div>
 <div>
 <div>
 <div>
 <div>
<!-- END html_validation -->
 </div>
 </div>
 </div>
 </div>
 
 </div>
 </div>
</div>
<div class="clearfix"></div>
<div id="gfooter">
 <div class="clearfix">

 <div class="centerer footer-links">
 <del>
 <ul>
 <li>
<!-- BEGIN html_validation -->
 </li>
 </ul>
 </del>
 </div>
 </div>
</div>
<!-- END html_validation -->


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>
                  <div>
                     <del>
                        <ul>
                           <li>
<!-- END html_validation -->
                           </li>
                        </ul>
                        <!-- BEGIN switch_footer_links -->
                        <ul>
                           <li>
                              <!-- BEGIN footer_link -->
                                 <!-- BEGIN switch_separator -->&nbsp;|&nbsp;<!-- 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 -->
                     </del>
                  </div>
               </div>
            </div>
            {PROTECT_FOOTER}
            <p class="center">
               <strong>{ADMIN_LINK}</strong>
            </p>
         </div>
      </div>
   </div>
</div>

    <div class="footer">
                                         
                                        <div class="footer1">           
                                         
                                         
                                         
                                         
           
            <div class="footer-right">   
                               
                                                <div style="float:right">
             
                                    <br/>
                                                        <div class="text-link">
Community Forum Powered by Forumotion
              </div>
                                                 
              <div class="text-link">
               
                <span style="float:right">
              <a href='/abuse?page=%2F&report=1'>Report an abuse</a>
              </span>
               
                <span style="float:right;padding-right:5px;">
              <a href='/contact'> Contact |</a>
              </span>
               
                <span style="float:right;padding-right:5px;">
              <a href='http://help.forumotion.com/'>  Free forum support | </a>
              </span>
               
                <span style="float:right;padding-right:5px;">
              <a href='http://www.forumotion.com/invision'> Invision | </a>
              </span>
               
                <span style="float:right;padding-right:5px;">
              <a href='http://www.forumotion.com/'> Free forum | </a>
              </span>
               
              </div>
             
           
                                                 
                                                                                    </div>
             
             
             
                                                                            </div> 
             
             
             

                                         
                                         
                                 
                                         
                                         
                                         
                                         
                            <div class="footer-left">   
                         
                                 

                           
                    <div class="menufoo1">
                                   
Website đang hoạt động thử nghiệm , Chờ giấy phép
                      <br/>
                      Thems Design By <font style="color:red;"><a  style="color:red;" href='http://zone-fm.forumvi.com/' > Thànhkent</a></font>
                                    <br/>

                                   
                          Coppyright © 2016 :<font style="color:green;"><a  style="color:yellow;" href='http://zone-fm.forumvi.com/' > Zone-FM</a></font>
                                   
                                    <br/>

                                   
                                   
Liên Hệ Facebook :
                    <a href='https://www.facebook.com/thanh.kent.113'>               
 <img alt='demo' border='0' src='http://2.bp.blogspot.com/-RH6_lgt8WK0/U8_FnDbMbpI/AAAAAAAAAt4/H8OEDB5_htQ/s1600/facebook-icon.png' style='width:10px;height:10px;margin-left: 10px;'/>
                                  </a>                       
                                   
          <br/>

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

  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</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>


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}" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB} {NAMESPACE_FB_LIKE} {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 href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
   <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>
    {RICH_SNIPPET_GOOGLE}

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

   <script type="text/javascript">
   //<![CDATA[
   $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         if(pm != null) { pm.focus(); }
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         if(report != null) { report.focus(); }
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         $(document).ready(function() {            
            Ticker.start({
               height : {switch_ticker.HEIGHT},
               spacing : {switch_ticker.SPACING},
               speed : {switch_ticker.SPEED},
               direction : '{switch_ticker.DIRECTION}',
               pause : {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 = 'box-content';
   <!-- 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>
    <script type="text/javascript">
/* When the user clicks on the button,
toggle between hiding and showing the dropdown content */
function myFunction() {
    document.getElementById("myDropdown").classList.toggle("show");
}

// Close the dropdown menu if the user clicks outside of it
window.onclick = function(event) {
  if (!event.target.matches('.dropbtn')) {

    var dropdowns = document.getElementsByClassName("dropdown-content");
    var i;
    for (i = 0; i < dropdowns.length; i++) {
      var openDropdown = dropdowns[i];
      if (openDropdown.classList.contains('show')) {
        openDropdown.classList.remove('show');
      }
    }
  }
}
   </script>

<script src="http://zone-fm.forumvi.com/25298.js" type="text/javascript"></script>

   {GREETING_POPUP}
   <script src="{JS_DIR}invision.js" type="text/javascript"></script>


   <!-- 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() {

         $('#fa_ticker_content').css('display','block');

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

         if (width_max > 0)
         {
            $('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>

   <style>
   .jcarousel-skin-tango .jcarousel-item {
      text-align:center;
      width: 50px;
   }

   .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}
    <script type="text/javascript">
//<![CDATA[
if(typeof(_userdata) == "undefined") var _userdata = new Object();
_lang["Share"] = "Chia sẻ";
_lang["Login"] = "Đăng nhập";
_lang["Register"] = "Đăng ký";
_lang["Welcome"] = "Xin chào";
_lang["Notifications"] = "Thông báo";
_lang["See_my_profile"] = "Xem lý Lịch";
_lang["Edit_profile"] = "Thay đổi lý lịch của bạn";
_lang["All_Topics"] = "Tất cả chủ đề";
_lang["All_Messages"] = "Tất cả tin nhắn";
_lang["js_topics_followed"] = "Bài viết đang theo dõi";
_lang["Admin_panel"] = "Bảng điều khiển quản trị";
_lang["Logout"] = "Thoát";

_lang["Notif_see_all"] = "Xem tất cả các thông báo.";
_lang["Notif_priv_msg"] = "Bạn nhận được một <a href=\"/privmsg?folder=inbox&amp;nid=%(nid)s\">tin nhắn riêng</a> từ <a href=\"/u%(id)d\">%(name)s</a>.";
_lang["Notif_report"] = "<a href=\"/u%(id)d\">%(name)s</a> đã gửi một <a href=\"/report?nid=%(nid)s\">tin báo cáo</a>.";
_lang["Notif_friend_req"] = "Bạn nhận được một <a href=\"/profile?mode=editprofile&amp;nid=%(nid)s&amp;page_profil=friendsfoes\">yêu cầu kết bạn</a> từ <a href=\"/u%(id)d\">%(name)s</a>.";
_lang["Notif_group_req"] = "<a href=\"/u%(id)d\">%(name)s</a> đã gửi một yêu cầu tham gia nhóm <a href=\"/g%(group_id)d-%(group_url_name)s?nid=%(nid)s\">%(group_name)s</a>.";
_lang["Notif_friend_con"] = "<a href=\"/u%(id)d\">%(name)s</a> đã đăng nhập";
_lang["Notif_wall_msg"] = "<a href=\"/u%(id)d\">%(name)s</a> vừa viết một tin nhắn lên <a href=\"/u%(self)dwall?nid=%(nid)s\">tường nhà bạn</a>.";
_lang["Notif_abuse"] = "<a href=\"/admin/index.forum?mode=active&amp;nid=%(nid)s&amp;part=misc&amp;sub=support\">Một tố cáo</a> đã được gửi.";
_lang["Notif_topic_watch"] = "<a href=\"/u%(id)d\">%(name)s</a> đã gửi bài <a href=\"/t%(topic_id)d-%(topic_name)s?nid=%(nid)s#%(post_id)d\">vào bài viết bạn đang theo dõi</a>.";
_lang["Notif_topic_watch_p"] = "<a href=\"/u%(id)d\">%(name)s</a> đã gửi bài <a href=\"/t%(topic_id)dp%(start)d-%(topic_name)s?nid=%(nid)s#%(post_id)d\">vào bài viết bạn đang theo dõi</a>.";
_lang["Notif_topic_watch_guest"] = "Có một khách đã gửi bài <a href=\"/t%(topic_id)d-%(topic_name)s?nid=%(nid)s#%(post_id)d\">vào bài viết bạn đang theo dõi</a>.";
_lang["Notif_topic_watch_p_guest"] = "Có một khách đã gửi bài <a href=\"/t%(topic_id)dp%(start)d-%(topic_name)s?nid=%(nid)s#%(post_id)d\">vào bài viết bạn đang theo dõi</a>.";
_lang["Notif_mention"] = "Tên bạn là <a href=\"/u%(id)d\">%(name)s</a> được nhắc trong <a href=\"/t%(topic_id)dp%(start)d-%(topic_name)s?nid=%(nid)s#%(post_id)d\">bài viết này</a>.";
_lang["Notif_hashtag"] = "Từ khóa <a href=\"/tags/%(tag)s\">#%(tag)s</a> được ghi vào <a href=\"/t%(topic_id)dp%(start)d-%(topic_name)s?nid=%(nid)s#%(post_id)d\">bài viết này</a>.";
_lang["All_PMs"] = "Tin nhắn riêng";
_lang["No_assigned_rank"] ="Không có chỉ định cấp bậc đặc biệt.";
_lang["Posts"] = "Số bài";
_lang["PMs"] = "Tin nhắn riêng";
_lang["Reputation"] ="Được cảm ơn";
 
if(typeof(_board) == "undefined") var _board = new Object();
_board["Forumotion"] = "";
_board["toolbar_title_url"] = "http://" + location.host;
//]]>
</script>
   <!-- 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="" /> <em>Hit</em>skin.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 borderwrap" style="z-index: 10000 !important;">
   <div id="login_popup_content">
      <div id="login_popup_background">
         <div id="login_popup_title" class="maintitle"><h3>{SITENAME}</h3></div>
         <div class="box-content">
            {LOGIN_POPUP_MSG}
            <div id="login_popup_buttons">
               <form action="{S_LOGIN_ACTION}" method="get" target="_parent">
                  <input type="submit" class="button" value="{L_LOGIN}" />
                  <input type="button" class="button" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                  <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
               </form>
            </div>
         </div>
      </div>
   </div>
</div>
<!-- END switch_login_popup -->

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

                  <div id="pun-intro" class="clearfix">
                                         

              <div id="pun-intro1" class="">
                         
                          <div class="textlogo">
                           
                          <div id="logostrip" class="clearfix">
               <a href="{U_INDEX}" id="logo" title="{L_INDEX}"><img src="{LOGO}" alt="{L_INDEX}" /></a>
               
            </div>

                           
                                      <span style="float:right;" class="headright">

<form style="float:right;" action="/search?mode=results" method="get" name="searchform" class="frm-form">
              <input id="timkiem" type="text" name="search_keywords" style="border: 0px solid #464646;margin-top: -3px;margin-left: 10px;font: 12px Tahoma, Calibri, Verdana, Geneva, sans-serif;background:#fff url(http://i35.servimg.com/u/f35/17/75/86/58/search10.png) no-repeat right;width:250px;color: rgb(113, 113, 113)!important;padding-right:25px !important;padding: 10px;padding-left: 10px;" id="query" name="submit" placeholder="Nhập từ khoá tìm kiếm..." value="" lang="en">
                </form>
              </span>   
                       
                                       
                                       
                            <!-- BEGIN switch_user_logged_out -->
<span style="float:right;margin-top:27px;">
  <a href="/register?agreed=true&step=2" class="regfm">
Đăng Ký
                            </a>
                              </span>
  <!-- END switch_user_logged_out -->
                                       
                                       
          </div>
                                         
                         
                                         
                                         
 


       
                                         
                                         
                                         
                                     
                         
                          </div>

                              </div>
                                   
                 
                         
                         
                                       
                                                            <div class="menunav1"> 
                          <div class="menunav">
<ul>
 

  <li class="last"><a rel="nofollow" href="/forum" title="Forum">Diễn Đàn</a></li>
  <li class="last1"><a rel="nofollow" href="/memberlist" title="Member">Thành Viên</a></li>
  <li class="last1"><a rel="nofollow" href="/faq" title="FAQ">Trợ Giúp</a></li>

 

   
 

 

</ul>
                   
<ul class="clickprofile" style="float:right;">
 
 
 
 
  <!-- BEGIN switch_user_logged_in -->
                            <div class="dropdown">

  <a onclick="myFunction()" class="dropbtn">Tùy Chỉnh Cá Nhân ▼</a>
  </div>
  <div id="myDropdown" class="dropdown-content">
    <a href="/profile?mode=editprofile">Thông Tin Cá Nhân</a>
    <a href="/profile?mode=editprofile&page_profil=preferences">Tùy Chọn Riêng Tư</a>
    <a href="/profile?mode=editprofile&page_profil=avatars">Thay Ảnh Đại Diện</a>
    <a href="/search?search_id=egosearch">Bài Viết Của Bạn</a>
    <a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>
    <a href="/login?logout">Đăng Xuất</a>
  </div>
                        <!-- END switch_user_logged_in -->
 
 
  <!-- BEGIN switch_user_logged_out -->
                              <div class="Login-Box">
 
           
      <div class="loginLeft">
                 
                          <form action="/login" method="post" name="form_login">
               

        <li class="inputPad"><div class="loginBoxInput">
        <input type="text" class="input-login-thanhkent" id="loginUsername"  name="username" alt="Tài Khoản" value="Tài Khoản" onblur="if (this.value == '') {this.value = 'Tài Khoản';}" onfocus="if (this.value == 'Tài Khoản') {this.value = '';}" />
                          </div></li>
        <li class="inputPad"><div class="loginBoxInput">

        <input type="password" class="input-login-thanhkent" size="10" name="password" alt="Mật khẩu" value="Mật khẩu" onblur="if (this.value == '') {this.value = 'Mật khẩu';}" onfocus="if (this.value == 'Mật khẩu') {this.value = '';}"/>
                          </div></li>
        <li class="rememberMe"><label for="cb_cookieuser_navbar"><input type="checkbox" class="radio" name="autologin" checked="checked" /></label></li>
        <li class="searchButton"><input type="submit" class="oklogin-thanhkent" name="login" value="Đăng nhập" /></li>

                    <!-- END switch_user_logged_out -->
         
                                        </form>
 
  </div></div>
 
</ul>

                           
                           
                           
</div></div>
                     
                   
         <div id="ipbwrapper">

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

            
            
                         
                           
                         
                         
                         
                             
            <!-- BEGIN switch_ticker_new -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <div class="module borderwrap">
                  <div class="box-content">
                     <div id="fa_ticker_container">
                        <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none">
                           <!-- 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="margin-top:4px;margin-bottom:4px;">
               <div class="module borderwrap">
                  <div class="box-content">
                     <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="{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">


Code:


<!-- BEGIN topics_list_box -->
   <!-- BEGIN row -->
      <!-- BEGIN header_table -->
         <!-- BEGIN multi_selection -->
            <script type="text/javascript">
               //<![CDATA[
               function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}()
               {
                  var all_checked = true;
                  for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++)
                  {
                     if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
                     {
                        all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
                     }
                  }
                  document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
               }
               function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}()
               {
                  for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++)
                  {
                     if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
                     {
                        document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
                     }
                  }
               }
               //]]>
            </script>
         <!-- END multi_selection -->

         <div class="maintitle floated dropped">
            <h3>{FORUM_NAME}&nbsp;</h3>

            <!-- BEGIN switch_forum_options -->
               <div id="forummenu-options" class="popmenubutton">
                  <a href="javascript:void(0);" onclick="togglePopUpMenu('forummenu-options_menu');">{L_FORUM_OPTIONS}</a>
               </div>
               <ul id="forummenu-options_menu" class="popupmenu" style="position: absolute; top: 30px; right: 8px; z-index: 10000; display: none;">
                  <li class="popupmenu-category">
                     {L_FORUM_OPTIONS}
                  </li>
                  <li class="popupmenu-item">
                     <a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a>
                  </li>
                  <li class="popupmenu-item last">
                     {S_WATCH_FORUM}
                  </li>
               </ul>
            <!-- END switch_forum_options -->

         </div>

         <table cellspacing="0" cellpadding="0" class="ipbtable topic-list-box">
            <thead>
               <tr>
                  <th class="icon"></th>
                  <th class="forum2">{topics_list_box.row.L_TITLE}</th>
                  <th class="last last-post2">{topics_list_box.row.L_LASTPOST}</th>
                  <!-- BEGIN multi_selection -->
                     <th>
                        <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
                     </th>
                  <!-- END multi_selection -->
               </tr>
            </thead>
            <tbody>
      <!-- END header_table -->

      <!-- BEGIN header_row -->
         <strong>{topics_list_box.row.L_TITLE}</strong>
      <!-- END header_row -->

      <!-- BEGIN topic -->
         <!-- BEGIN table_sticky -->
            </tbody>
         </table>


         <div class="maintitle">
            <h2>{topics_list_box.row.topic.table_sticky.L_TITLE}</h2>
         </div>
         <table cellspacing="0" cellpadding="0" class="ipbtable topic-list-box">
            <thead>
               <tr>
                  <th class="icon"></th>
                  <th class="forum2">{topics_list_box.row.topic.table_sticky.L_TITLE}</th>
                  <th class="last last-post2">{topics_list_box.row.topic.table_sticky.L_LASTPOST}</th>
                  <!-- BEGIN multi_selection -->
                     <th class="checkbox">
                        <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
                     </th>
                  <!-- END multi_selection -->
               </tr>
            </thead>
            <tbody>
         <!-- END table_sticky -->
               <tr>
<td class="row2 centered">
  <span style="margin-left:3px;">
  <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
  </span>
  </td>

                                         
                  <td style="padding-top:13px!Important;" class="row2 topic-title" data-type="{topics_list_box.row.TOPIC_TYPE}" <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
                     <!-- BEGIN single_selection -->
                        <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
                     <!-- END single_selection -->

                  
                     <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>&nbsp;
{topics_list_box.row.GOTO_PAGE_NEW}
                                                 
<p>
  {topics_list_box.row.ICON}<span class="infopost">Tác giả : {topics_list_box.row.TOPIC_AUTHOR}</span><span class="infopost"> Gửi lúc : {topics_list_box.row.FIRST_POST_TIME}</span>
  <span class="infopost"> Trả lời : {topics_list_box.row.REPLIES}</span><span class="infopost"> Lượt xem : {topics_list_box.row.VIEWS}</span>
</p>
                  </td>
                                         
                                         
                                         
                  <td class="row1 lastaction <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">

                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->
<div class="infolastpost">
                     Gửi Lúc : <span class="postcuoi">{topics_list_box.row.LAST_POST_TIME}
                     <br />Bởi : {topics_list_box.row.LAST_POST_AUTHOR}
                                                  </span>
 
  </div>
                  </td>
                  <!-- BEGIN multi_selection -->
                     <td class="row2 centered <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
                        <input type="checkbox" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
                     </td>
                  <!-- END multi_selection -->
               </tr>
      <!-- END topic -->

      <!-- BEGIN no_topics -->
               <tr>
                  <td class="row1 centered" colspan="8"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
               </tr>
      <!-- END no_topics -->

      <!-- BEGIN bottom -->
            </tbody>
         </table>

         <div class="tfooter box-content darkrow clearfix">
            <!-- BEGIN search -->
               <div class="search-footer-box">
                  <form method="get" id="forum-search" action="{S_SEARCHBOX_ACTION}">
                     <fieldset>
                        <input type="text" name="search_keywords" id="search_keywords" size="20" value="{L_SEARCH}" onclick="if (this.value == '{L_SEARCH}') this.value = '';" onblur="if (this.value == '') this.value = '{L_SEARCH}';" />
                        &nbsp;<input class="button" type="submit" value="{L_SEARCH}" />
                        <input type="hidden" value="{SEARCH_WHERE}" name="search_where" />
                     </fieldset>
                  </form>
               </div>
            <!-- END search -->
         </div>
      <!-- END bottom -->

      <!-- BEGIN spacer -->
         <br />
      <!-- END spacer -->
   <!-- END row -->
<!-- END topics_list_box -->
<script type="text/javascript">//<![CDATA[
$(".topic-desc").replaceWith(function() {var textSrc = $(this).text();if(!/^https?:\/\/(?:[\w\-]+\.)+\w{2,6}(?:\/[^\/#?]+)+\.(?:jpg|gif|png|bmp|jpeg)$/i.test(textSrc)) {textSrc = "http://i78.servimg.com/u/f78/17/70/81/78/inet-n10.jpg"}return '<div style="background-image:url(' + textSrc + ');" class="topicthumbnail"></div>';});//]]></script>


Code:


<ul id="navstrip" class="clearfix" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
   <li class="begin"><a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a></li>
   {NAV_CAT_DESC}
</ul>

<div class="pagination topic-options">
   {PAGINATION}
</div>

<div class="posting-options topic-options">
   <!-- BEGIN switch_user_authpost -->
   <ul class="posting-buttons clearfix">
      <li class="post-icon"><a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a></li>
   </ul>
   <!-- END switch_user_authpost -->
</div>

<div class="clearfix empty-clear"></div>

<div class="borderwrap">
   {TOPICS_LIST_BOX}
</div>

<div class="pagination topic-options">
   {PAGINATION}
</div>

<div class="posting-options topic-options">
   <!-- BEGIN switch_user_authpost -->
   <ul class="posting-buttons clearfix">
      <li class="post-icon"><a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a></li>
   </ul>
   <!-- END switch_user_authpost -->
</div>

<div class="clearfix empty-clear"></div>

{BOARD_INDEX}

<div class="borderwrap">
   <div class="bar clearfix">
      <div class="left rtl-inversion-left">
         <strong>{L_MODERATOR}</strong> <br />{MODERATORS}
      </div>
      <div class="right rtl-inversion-right">
         {L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}
      </div>
   </div>
</div>

<div id="info_open" style="display:''; clear: both">

</div>



Code:


<style>
  .datepost {
font-size: 10px;color:#888;

  }
 .avapost img {height: 100px;width: 100px;border-radius: 50%;}
 
  .pro51 {
    background:#ededed;
    border: 0px solid #DDD;margin-top:8px;margin-bottom:1px;margin-left:15px;margin-right:15px;padding-top:10px;padding-bottom:10px;
 
  }
  .pro52 {
    background:#ededed;
    border: 0px solid #DDD;margin:10px;margin-top:0px;margin-left:15px;margin-right:15px;padding-top:10px;padding-bottom:10px;
 
  }
 
</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(){

    if(typeof(_atc) == "undefined") {
        _atc = {  };
    }

    _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>

<ul id="navstrip" class="clearfix">
   <li class="begin"><a href="{U_INDEX}"><span>{L_INDEX}</span></a></li>
   {NAV_CAT_DESC}
</ul>

<!-- BEGIN topicpagination -->
<div class="pagination topic-options">
   {PAGINATION}
</div>
<!-- END topicpagination -->

<div class="posting-options topic-options">
   <ul class="posting-buttons clearfix">
      <!-- BEGIN switch_user_authpost -->
         <li class="post-icon"><a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a></li>
      <!-- END switch_user_authpost -->
      <!-- BEGIN switch_user_authreply -->
         <li class="post-icon"><a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a></li>
      <!-- END switch_user_authreply -->
      <!-- BEGIN switch_fb_likebtn -->
      <li class="post-icon">
         <div id="fb-root"></div>
         <script>(function(d, s, id) {
           var js, fjs = d.getElementsByTagName(s)[0];
           if (d.getElementById(id)) return;
           js = d.createElement(s); js.id = id;
           js.src = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
           fjs.parentNode.insertBefore(js, fjs);
         }(document, 'script', 'facebook-jssdk'));</script>   
         <div class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false" style="top:5px"></div>
      </li>   
      <!-- END switch_fb_likebtn -->
      
      <!-- BEGIN switch_twitter_btn -->
      <li class="post-icon" style="padding-top:5px">
            <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
        </li>
      <!-- END switch_twitter_btn -->
   </ul>
</div>

<div class="clearfix empty-clear"></div>

<div class="borderwrap">
   <div class="maintitle floated">
      <h1>{TOPIC_TITLE}</h1>
      <div id="topicmenu-options" class="popmenubutton">
         <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=forumotion">{L_SHARE}</a>
         <!-- BEGIN switch_plus_menu -->
         <script type="text/javascript">//<![CDATA[
            var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
            var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
            var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
            var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
            var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
            var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
            insert_plus_menu_new('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES}, '{JS_WATCH_TOPIC}');
         //]]>
         </script>
         <!-- END switch_plus_menu -->
      </div>
   </div>
   {POLL_DISPLAY}

   <!-- BEGIN postrow -->
   
   <!-- BEGIN hidden -->
   <div class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</div>
   <!-- END hidden -->
   
   <!-- BEGIN first_post_br -->
</div>
<hr id="first-post-br" />
<div class="borderwrap">
   <!-- END first_post_br -->
   
   <!-- BEGIN displayed -->
   <div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ONLINE_IMG_NEW} clearfix post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
      <div class="post-container"{postrow.displayed.THANK_BGCOLOR}>
         <div class="postbody clearfix">
            <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">

               <div class="postprofile-head post-header"{postrow.displayed.THANK_BGCOLOR}>
                  <div class="popmenubutton-new-out popmenubutton">
                     <a href="javascript:void(0);"{postrow.displayed.ONCLICK}>{postrow.displayed.ONLINE_IMG_INV}{postrow.displayed.POSTER_NAME_INV}</a>
                  </div>
                  <!-- BEGIN user_logged_in -->
                  <div id="pm{postrow.displayed.U_POST_ID}" class="popupmenu clearfix" style="display:none;">
                     <div class="avatar">
                        {postrow.displayed.POSTER_AVATAR}
                     </div>
                     <ul>
                        <li class="popupmenu-item">{postrow.displayed.PROFILE_IMG}&nbsp;</li>
                        <!-- BEGIN switch_user_pm -->
                        <li class="popupmenu-item">{postrow.displayed.PM_IMG}&nbsp;</li>
                        <!-- END switch_user_pm -->
                        <!-- BEGIN switch_user_email -->
                        <li class="popupmenu-item">{postrow.displayed.EMAIL_IMG}&nbsp;</li>
                        <!-- END switch_user_email -->
                        <!-- BEGIN switch_contact_row -->
                        <li class="popupmenu-item">
                           <!-- BEGIN contact_field -->
                           {postrow.displayed.user_logged_in.switch_contact_row.contact_field.CONTENT}&nbsp;
                           <!-- END contact_field -->&nbsp;
                        </li>
                        <!-- END switch_contact_row -->
                        <!-- BEGIN switch_user_posts -->
                        <li class="popupmenu-item last">{postrow.displayed.USER_POSTS_IMG}&nbsp;</li>
                        <!-- END switch_user_posts -->
                     </ul>
                  </div>
                  <!-- END user_logged_in -->
                                         
               </div>

      <center>
                 

                        <div class="pro51">
                  <div class="avapost">
                     {postrow.displayed.POSTER_AVATAR}
                                             
                                                  </div>
                                        </div>
                 
                              <div class="pro52">
                     {postrow.displayed.POSTER_NAME}
                                <br/>
      
            {postrow.displayed.POSTER_RANK_NEW}
                     <!-- BEGIN profile_field -->
                     {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                     <!-- END profile_field -->
                     {postrow.displayed.POSTER_RPG}
   
                                    </div>

                           
    </center>
       
            </div>

         <div class="postbody-head postdetails post-header"{postrow.displayed.THANK_BGCOLOR}>
            <ul class="post-info">
               <li>{postrow.displayed.IP_IMG}</li>
               <li>{L_POST_NUMBER}{postrow.displayed.COUNT_POSTS_NUMBER}</li>
            </ul>
                <div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>
            <h3>{postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></h3>
                         

         </div>

         <div class="post-entry">
<span style="float:right;" class="datepost">             
               
 {postrow.displayed.POST_DATE_NEW}

     
 

   
    </span>
   <div>{postrow.displayed.MESSAGE}</div>

            <!-- 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}" alt="" />

                        <!-- 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>
            {postrow.displayed.EDITED_MESSAGE}
                          <br/><br/>
                          <!-- BEGIN switch_signature -->
         <br />
{postrow.displayed.SIGNATURE_NEW}
         <!-- END switch_signature -->
                         
         </div>


         

      </div>

   </div>

      <div class="post-footer clearfix"{postrow.displayed.THANK_BGCOLOR}>

                 

                 
                 


                 
         <ul class="posting-icons">
                         

  <div class="vote-Zzbaivong">
  <!-- BEGIN switch_vote_active -->
  <a class="vote-plus" href="<!-- BEGIN switch_vote -->{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}<!-- END switch_vote -->">
    Thích
    </a>
  <span class="vote-time plus-time">0</span>
 
  <input class="vote-tip" type="hidden" value="<!-- BEGIN switch_bar -->{postrow.displayed.switch_vote_active.L_VOTE_TITLE}<!-- END switch_bar --><!-- BEGIN switch_no_bar -->{postrow.displayed.switch_vote_active.L_VOTE_TITLE}<!-- END switch_no_bar -->" />

<!-- END switch_vote_active -->
</div>   
            <li>{postrow.displayed.THANK_IMG}</li>
            <li>{postrow.displayed.MULTIQUOTE_IMG}</li>
            <li>{postrow.displayed.QUOTE_IMG}</li>
            <li>{postrow.displayed.EDIT_IMG}</li>
            <li>{postrow.displayed.DELETE_IMG}</li>
         </ul>
                 
 
                 
                 
      </div>
   </div> <!-- closing tag post -->
   <!-- END displayed -->
   <!-- END postrow -->
   <div class="topic-footer clearfix">
      <!-- BEGIN minisearch -->
      <div class="search-footer-box">
         <form method="get" id="forum-search" action="{S_SEARCHBOX_ACTION}">
            <fieldset>
               <input type="text" name="search_keywords" id="search_keywords" size="20" value="{L_SEARCH}" onclick="if (this.value == '{L_SEARCH}') this.value = '';" onblur="if (this.value == '') this.value = '{L_SEARCH}';" />
               &nbsp;<input class="button" type="submit" value="{L_SEARCH}" />
               <input type="hidden" value="{SEARCH_WHERE}" name="search_where" />
               <input type="hidden" value="{SEARCH_TOPIC}" name="search_topic" />
               <input type="hidden" value="posts" name="show_results" />
            </fieldset>
         </form>
      </div>
      <!-- END minisearch -->
      <div class="next-prev">
         « <a href="{U_VIEW_OLDER_TOPIC}">{L_IPB_PREVIOUS_TOPIC}</a> · <a href="{U_VIEW_NEWER_TOPIC}">{L_IPB_NEXT_TOPIC}</a> »
      </div>
   </div>
</div>

<!-- BEGIN viewtopic_bottom -->
<br />
<div class="borderwrap">
   <div class="bar clearfix">
      <div class="left rtl-inversion-left">
         <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}" />

         {S_TOPIC_ADMIN}
      </div>
      <div class="right rtl-inversion-right">
         {L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}
      </div>
   </div>
</div>
<!-- END viewtopic_bottom -->

<!-- BEGIN topicpagination -->
<div class="pagination topic-options">
   {PAGINATION}
</div>
<!-- END topicpagination -->

<div class="posting-options topic-options">
   <ul class="posting-buttons clearfix">
      <!-- BEGIN switch_user_authpost -->
      <li class="post-icon">
         <a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a>
      </li>
      <!-- END switch_user_authpost -->
      <!-- BEGIN switch_user_authreply -->
      <li class="post-icon">
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
      </li>
      <!-- END switch_user_authreply -->
   </ul>
</div>

<div class="clearfix empty-clear"></div>

<!-- BEGIN promot_trafic -->
<div class="row2">
   <div id="ptrafic_close" class="clearfix" style="display:none">
      <div class="maintitle floated">
         <h3>{PROMOT_TRAFIC_TITLE}</h3>
         <div class="right rtl-inversion-right">
            <a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a>
         </div>
      </div>
   </div>
   <div id="ptrafic_open" class="clearfix" style="display:''">
      <div class="maintitle floated">
         <h3>{PROMOT_TRAFIC_TITLE}</h3>
         <div class="right rtl-inversion-right">
            <a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a>
         </div>
      </div>
      <div>
         <!-- BEGIN link -->
         »&nbsp;<a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
         <!-- END link -->
      </div>
   </div>
</div>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<div class="row1" id="forum_rules">
   <div class="maintitle">
      <h3>{L_FORUM_RULES}</h3>
   </div>
   <table>
      <tr>
         <!-- BEGIN switch_forum_rule_image -->
         <td class="logo">
            <img src="{RULE_IMG_URL}" alt=""/>
         </td>
         <!-- END switch_forum_rule_image -->
         <td class="rules post-entry">
            {RULE_MSG}
         </td>
      </tr>
   </table>
</div>
<!-- END switch_forum_rules -->

<!-- BEGIN switch_user_logged_in -->
<br />
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody .post-entry', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

 <script type="text/javascript">
 //<![CDATA[
 $(".vote-Zzbaivong").each(function() {
  var b = $(this);
  if (b.is(":empty")) b.html('<a class="vote-plus" href="">Thích</a><span class="vote-time plus-time">0</span>');
  else {
      var a = b.find(".vote-tip").val(),
        c;
      /Message\sreputation\s:/.test(a) ? (c = a.split(/\W/), a = Math.round(parseInt(c[4], 10) / 100 * parseInt(c[7], 10)), c = parseInt(c[7], 10) - a) : a = c = 0;
      b.find(".plus-time").text(a);
      b.find(".minus-time").text(c)
  }
});
$(document).click(function(b) {
  $(".vote-cmt").fadeOut()
});
$(".vote-Zzbaivong").click(function(b) {
  b.stopPropagation()
});
$(".vote-plus, .vote-minus").one("click", function(b) {
  b.preventDefault();
  var a = $(this);
  b = a.attr("href");
  /us\&p_vote\=/.test(this.href) && (a.parent().children(".vote-plus, .vote-minus").attr("href", "javascript:;"), a.next(".vote-time").text(function() {
      return parseInt($(this).text(), 10) + 1
  }), a.parent().find(".vote-plus").css("background-image", "url()"), $.get(b, function() {
      a.parent().children(".vote-plus").removeAttr("style")
  }), a.siblings("." + a.attr("class") +
      "-post").fadeIn().children(".vote-mess").focus())
});
$(".vote-send").one("click", function() {
  var b = $(this),
      a = b.closest(".post"),
      c = a.find("a[href^='/report']").attr("href"),
      d = b.parent().children(".vote-mess").val(),
      f = b.parent().children(".vote-note");
  f.text("Đang xử lý...");
  if ("vote-plus-post vote-cmt" == b.parent().attr("class")) {
      var e = "http://" + location.host + location.pathname + "#" + c.replace(/.*p=(\d+).*/, "$1"),
        c = $.trim(a.find(".user a[href^='/u']:not(:has(img)):first").text()),
        a = a.find(".user a[href^='/u']:first").attr("href").replace(/.*\/u(\d+).*/, "$1"),
        e = "Mình thích bài viết của bạn tại [url=" +
        e + "]" + document.title + "[/url]";
      d.replace(/\s/g, "").length && (e = e + "[quote]" + d + "[/quote]");
      $.post("/privmsg", {
        subject: "Bài viết hay",
        message: e,
        username: c,
        u: a,
        mode: "post_profile",
        folder: "profile",
        post: "Send"
      }, function() {
        f.text("Tin nhắn đã được gửi");
        b.closest(".vote-cmt").delay(300).fadeOut()
      })
  } else 3 >= d.replace(/\s/g, "").length && (d = "Bài viết vi phạm nội quy diễn đàn."), $.post(c, {
      message: d,
      post: "Save"
  }, function() {
      f.text("Báo cáo đã được gửi");
      b.closest(".vote-cmt").delay(300).fadeOut()
  })
});
$(".vote-Zzbaivong > a[href='']").attr("href", "javascript:;");
 //]]>
</script>


<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>


Admin đã viết:Cái link không vào được bạn up link lại nhé

nkoxdl đã viết:

Admin đã viết:Cái link không vào được bạn up link lại nhé

link đây ad: http://vietgame.forumvi.com/t1-topic

với cho e xin cái lastopic của skin này lun ạ

nkoxdl đã viết:c.ơn ad nhiều còn cái lasttopic của skin zone invision này nửa ad có thể share đc k ạ

An Nguyễn đã viết:không thấy file dính kèm

Admin đã viết:

Hôm nay đẹp trời Share cái skin cho anh em dùng phiên bản Invision nhé

Giao Diện : Zone-FM Xanh Dương
Tác Giả : Thànhkent
Phiên Bản : Invision

Demo





Các bạn Download File đính kèm về để Import skin nhé .

Rồi chèn các Code sau vào


CSS

Code:


#new-message-link,#profile-advanced-add br,#profile-advanced-right .module,.message-footer,.new-message.bottom {
  display:none;
}

#profile-advanced-add + .module,
#profile-advanced-right .module:first-child {
  border:0;
  display:block;
  height:240px;
  margin:0;
  overflow:hidden;
  position:relative;
  width:300px;
}

#profile-advanced-left {
  margin-left:300px;
  margin-right:0;
}

#profile-advanced-right {
  float:left;
  height:240px;
  overflow:hidden;
  position:relative;
  width:300px;
}

#profile-advanced-layout {
  background:#0F61A1;
  float:right;
  margin-bottom:30px;
  margin-left:-304px;
  margin-right:0;
  position:relative;
}

#profile-advanced-layout #new-message {
  left:1px;
  padding:0;
  position:absolute;
  top:240px;
}

#profile-advanced-layout ul.privmsg {
  min-height:220px;
  padding:0;
  width:300px;
}

#profile-advanced-layout ul.privmsg li {
  background:#FFF;
  color:inherit;
  display:block;
  float:none;
  height:44px;
  line-height:44px;
  width:300px;
}

#profile-advanced-layout ul.privmsg li div.tabitem {
  padding:0 20px;
}

#profile-advanced-layout ul.privmsg li a {
  background:#246FAF;
  color:#FFF;
  margin:0 -19px 0 -20px;
  padding:0 20px;
}

#profile-advanced-add + .module .box-content.profile,
#profile-advanced-right .module:first-child .box-content.profile {
  background:#0F61A1;
  font-family:a;
  font-size:0;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  height:210px;
  line-height:0;
}

#profile-advanced-details,
#profile-advanced-details .message-footer li,
#profile-advanced-layout ul.privmsg,
.posting-options {
  margin:0;
}

#profile-advanced-add {
  -webkit-transition:top .3s;
  background:#3498db;
  left:0;
  margin:0;
  padding:0;
  position:absolute;
  top:-30px;
  transition:top .3s;
  width:300px;
  z-index:50;
}

#profile-advanced-add a {
  background:#2ecc71 url(http://i39.servimg.com/u/f39/18/83/32/63/14085310.png) no-repeat center center;
  display:block;
  float:left;
  height:30px;
  left:0;
  overflow:hidden;
  position:absolute;
  text-align:left;
  text-indent:-9999px;
  top:0;
  width:150px;
}

#profile-advanced-add a[href*="foe="] {
  background-color:#e74c3c;
  background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085311.png);
  left:150px;
}

#profile-advanced-add a[href*="remove="] {
  background-color:#9b59b6;
  background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085312.png);
  width:300px;
}

#profile-advanced-add a:hover {
  background-position:15px 50%;
  color:#FFF;
  left:0;
  line-height:30px;
  padding-left:50px;
  text-indent:0;
  width:300px;
  z-index:50;
}

#profile-advanced-add:after {
  clear:both !important;
  content:".";
  display:block;
  height:0;
  visibility:hidden;
}

#profile-advanced-right .box-content.profile img:first-child {
  height:156px;
  margin-bottom:8px;
  max-width:290px;
  padding:4px;
}

#profile-advanced-right .box-content.profile img {
  background:#FFF;
  padding:4px 75px;
}

#profile-advanced-right .module .maintitle {
  background:#0F61A1;
  height:30px;
  line-height:30px;
  padding:0 5px;
  text-align:center;
}

#profile-advanced-details .maintitle,
#profile-advanced-right .maintitle {
  text-shadow:0 0 1px #FFF,0 0 1px #FFF,0 0 1px #FFF;
}

#profile-advanced-right:hover #profile-advanced-add {
  top:0;
}

#profile-advanced-details .maintitle {
  height:30px;
  line-height:30px;
  padding:0 10px;
}

#profile-advanced-details .box-content.profile {
  min-height:430px;
  padding:5px 15px;
}

#profile-advanced-details ol {
  padding:0;
}

#profile-advanced-details .message-block {
  border:0;
  border-left:1px solid #666;
  margin:10px 0 20px 60px;
  position:relative;
}

.message-text {
  padding:5px;
  white-space:pre-wrap;
  word-break:break-all;
  word-wrap:break-word;
}

.message-block:after,
.message-block:before {
  border-color:transparent #444 transparent transparent;
  border-style:solid;
  border-width:6px 8px 6px 0;
  content:"";
  display:block;
  height:0;
  left:-8px;
  position:absolute;
  top:8px;
  width:0;
}

.message-block:after {
  border-color:transparent #FFF transparent transparent;
  left:-6px;
}

.message-header {
  font-size:0;
  height:21px;
  line-height:13px;
}

.message-date {
  font-size:12px;
}

#profile-advanced-details .message-footer {
  background:#FFF;
  height:21px;
  padding:0;
  position:absolute;
  right:0;
  top:0;
}

#profile-advanced-details .message-footer li:after {
  content:initial;
}

#profile-advanced-details .message-footer li a {
  background:#2980b9;
  color:#FFF;
  display:inline-block;
  float:right;
  font-size:11px;
  height:20px;
  line-height:20px;
  margin-left:5px;
  margin-right:0;
  padding:0 7px;
  text-decoration:none;
}

.message-block:hover .message-footer {
  display:block;
}

.message-textarea {
  margin:0 0 0 8px;
  width:calc(100%-8px);
}

#profile-advanced-details .message-editor .message-block {
  border-left-color:red;
}

.message-editor .message-block:before {
  border-color:transparent red transparent transparent;
}

#profile-advanced-details .message-newMess .message-block {
  border-left-color:orange;
}

.message-newMess .message-block:before {
  border-color:transparent orange transparent transparent;
}

#profile-advanced-details dl {
  padding:0;
  width:100%;
}

th.select-items {
  width:7%;
}

.posting-options + ul.privmsg {
  float:none;
  margin:5px 0 20px;
}

.posting-options + ul.privmsg li {
  height:100px;
  line-height:100px;
  margin:0;
  text-align:center;
  width:25%;
}

.posting-options + ul.privmsg li a {
  color:#FFF;
  display:block;
  height:100px;
  margin:-20px 0 0;
  padding:20px 0 0;
}

.posting-options + ul.privmsg li div.tabitem {
  background:url(http://i83.servimg.com/u/f83/16/58/89/73/read_m10.png) no-repeat center 20px #FFF;
  color:#444;
  height:100px;
  padding:20px 0 0;
}

.posting-options + ul.privmsg li:nth-child(2) div.tabitem {
  background-image:url(http://i83.servimg.com/u/f83/16/58/89/73/reply10.png);
}

.posting-options + ul.privmsg li:nth-child(3) div.tabitem {
  background-image:url(http://i83.servimg.com/u/f83/16/58/89/73/new_po10.png);
}

.posting-options + ul.privmsg li:nth-child(4) div.tabitem {
  background-image:url(http://i83.servimg.com/u/f83/16/58/89/73/save_a10.png);
}

.posting-options + ul.privmsg li div.tabitem a {
  background:url(http://i39.servimg.com/u/f39/18/59/49/93/read_m10.png) no-repeat center 20px #0F61A1;
}

.posting-options + ul.privmsg li:nth-child(2) div.tabitem a {
  background-image:url(http://i39.servimg.com/u/f39/18/59/49/93/reply110.png);
}

.posting-options + ul.privmsg li:nth-child(3) div.tabitem a {
  background-image:url(http://i39.servimg.com/u/f39/18/59/49/93/new_po10.png);
}

.posting-options + ul.privmsg li:nth-child(4) div.tabitem a {
  background-image:url(http://i39.servimg.com/u/f39/18/59/49/93/save_a10.png);
}

#profile-advanced-details .message-footer li a:hover,
#profile-advanced-layout ul.privmsg li a:hover,
.posting-options + ul.privmsg li div.tabitem a:hover {
  background-color:#444 !important;
}


span.icon-box img {
    background: #fff;
    width: 35px;
    height: 35px;
    border-radius: 0px;
    margin-left: -45px;
    margin-top: -23px;
    position: absolute;
}

.infolastpost {
  margin-top:3px!Important;
    font-size: 11px;
    color: #888;
}
.infopost {
    font-size: 12px;
    color: #888;
}



#new-message-link {
  margin-top:40px;
  float:right;
  margin-right:15px;
}

#new-message-link a {
  display:inline-block;
}

#new-message-link a:before {
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -moz-osx-font-smoothing:grayscale;
  content:"\f067";
}

#new-message-link a:after {
  content:"Viết Lên Tường";
  margin-left:3px;
}
#new-message-link a, #simple-wrap .center a, .btn, .button, .privmsg-footer a, .privmsg-options a, .zzPoll h3>a, [type=button], [type=submit], a[href="javascript:window.close();"] {
    padding: 6px 8px;
    margin: 2px 0;
    border-radius: 2px;
    display: inline-block;
    border: 1px solid transparent;
    background-color: #2196f3;
    color: #fff;
    box-shadow: 0 1px 0 rgba(255,255,255,.2) inset;
}

/*CHat*/
#chatbox{bottom:30px;left:211px!Important;line-height:10px;overflow:auto;position:absolute;right:0;top:30px}
#chatbox .msg>span[style="color:green"],#chatbox .msg>span[style="color:red"],#chatbox .msg>span[style="color:undefined"]{display:block;color:#fff!important;text-align:left;margin:-8px -4px!Important;padding:8px 16px!important;font-size:12px}
#chatbox .msg>span[style="color:undefined"]{background:rgba(231,119,0,0.51);text-align:center;color:rgb(238,16,16)!important;font-weight:bold;line-height:15px;text-shadow:0 0 1px rgba(255,255,255,0.54),0 0 18px rgba(255,255,255,0.54);border:2px dashed #DB360D;font-size:15px;margin-bottom:-5.5px!important}
#chatbox .msg>span[style="color:undefined"]:before{content:url(https://cdn2.iconfinder.com/data/icons/designer-tools/512/ERASER-2-24.png);position:absolute;top:2px;margin-top:0;margin-left:-34px;border:2px solid;border-radius:100px}
#chatbox .cb-avatar{background:none repeat scroll 0 0 #fff;border:1px solid #d5d5d5!important;box-shadow:0 2px 2px rgba(0,0,0,0.1);float:left;height:35px!Important;margin-right:4px;padding:1px;vertical-align:middle;width:35px!Important;border-radius:100%}
#chatbox .cb-avatar > img{border-radius:100px;height:35px!important;width:35px!important}
#chatbox .chatbox-message-username{font-size:11px}
#chatbox .user{color:#9c9b9b!important;font-size:0;position:relative;top:3px}
div#chatbox_members{width:200px;border-right:1px solid #e7e7e7;padding:0 5px;background:#fff;z-index:2;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#chatbox_header{position:absolute;height:50px;left:0;top:0;right:0;line-height:20px;padding:0 5px;background:rgba(255,255,255,0.26);color:transparent;margin-top:-2px}
#chatbox_option_co,#chatbox_option_disco,#chatbox_option_with_archives a,#chatbox_option_without_archives a,.chat-title{display:inline-block;text-indent:-9999px;margin:-5px 0;width:30px;height:30px;background:url(//i68.servimg.com/u/f68/19/38/83/61/chat6110.png) center center no-repeat #e7e7e7;border-radius:3px}
#chatbox_option_with_archives a{background-image:url(//i68.servimg.com/u/f68/19/38/83/61/archiv10.png);line-height:49px}
#chatbox_option_without_archives a{background-image:url(//i68.servimg.com/u/f68/19/38/83/61/three110.png);line-height:49px}
#chatbox_option_co{background-image:url(//i68.servimg.com/u/f68/19/38/83/61/power110.png);line-height:41px}
#chatbox_option_disco{background-image:url(//i68.servimg.com/u/f68/19/38/83/61/out10.png);line-height:41px}
#chatbox .msg>span[style="color:green"]{background:#33CC47;text-align:center}
#chatbox .msg>span[style="color:red"]{background:#39c;text-align:center}
span#chatbox_option_without_archives,span#chatbox_option_with_archives{font-size:0}
#chatbox .date-and-time{background:rgb(242,242,242);padding:3px 4px;border-radius:2px;color:#979ba0;font-size:11px;border:1px solid #c4c4c4;box-shadow:0 0 1px #DDD;opacity:0;transition:.2s}
#chatbox>p:hover .date-and-time{opacity:1}
#chatbox{background:white}
#chatbox > p{background:white;border:none!Important;margin:0}
div#chatbox_footer{background:white;border-top:1px solid #DDD;box-shadow:0 0 2px #ddd;z-index:9999999999999}
.chatbox::-webkit-scrollbar{display:none}
#divcolor,#divsmilies,#help-button,.format-message + label{transition:.2s;position:relative;right:360px;font-size:15px;padding:3px 4px;width:19px!important;line-height:22px!Important;border:1px solid #DDD!Important;height:20px!important;top:-2px;color:#333!important;background:white!Important}
.format-message:checked + label:hover{box-shadow:inset 0 2px 4px #2C789D,0 1px 2px rgba(67,166,223,0)!Important}
.format-message:checked + label{background:#39c!Important;color:white!Important;box-shadow:inset 0 2px 4px #2C789D,0 1px 2px rgba(67,166,223,0)!important;border:1px solid #39c!Important}
#divcolor:hover,#help-button:hover,.format-message + label:hover{background:#43A6DF!important;color:white!important;border-color:#43a6df!important;box-shadow:none!important}
#submit_button{display:inline-block!important;text-indent:-9999px;margin:5px 0!important;width:26px!important;height:26px!important;background:url(//i68.servimg.com/u/f68/19/38/83/61/upper110.png) center center no-repeat #2196f3!important;color:#fff!important;border:0!important;box-shadow:none!important;position:relative;top:-7px;margin-top:7px!Important}
input#submit_button:hover{opacity:.8;cursor:pointer}
input#message{position:relative;top:-7px;border-radius:4px;height:26px!important;background:white;box-sizing:border-box!important;border:1px solid #e7e7e7;box-shadow:0 1px 1px rgba(0,0,0,.075) inset;margin-right:10px}
div#divcolor,div#divsmilies{display:none}
h4.member-title.online,#chatbox_members .member-title{text-align:center;background:#f5f5f5!important;padding:5px;border-radius:3px;font-size:14px!Important;font-weight:bold;text-transform:uppercase;margin:5px 0;color:grey!important}
#chatbox .msg span[style="color:#000000"]{-webkit-font-smoothing:antialiased;font:300 13.5px/1.42857em Roboto,arial,sans-serif;padding-right:10px}

#gfooter {
    background-color: #F1F4F9;
    color: #fff;
    font-size: .8em;
    margin: 8px 0;
    padding: .5em;
    text-align: right;
}

#gfooter .footer-links {
    display: none !important;
}



/* View */
.post {
    background-color: #fff;
    border-bottom: 1px solid #e4e4e4;
}
.post-footer{display:inline}
.postprofile {
    float: left;
    margin-left: -18em;
    width: 13em!important;
}
.post-entry {
    margin-left: -5em;padding-top:10px;
}
.post .post-header {
    display: none !important;
}





#fa_toolbar {
    width: 80%;    margin: 0 auto;margin-top: -30px;
}
#fa_toolbar #fa_icon {
    display: inline-block !important;
    visibility: visible !important;
    background-repeat: no-repeat;
    background-image: url('http://i56.servimg.com/u/f56/18/59/49/93/home10.png')!important;
    background-size: 25px!important;
    width: 25px!important;
    height: 25px!important;
}

#fa_search #fa_textarea {
      display: none !important;
    text-indent: 30px !important;
    width: 230px;
    height: 23px;
    padding: 0px;
    border: 0px;
    margin-top: 3px!important;    border-radius: 0px!important;

}

#fa_share {

    display: none !important;
}

#fa_toolbar_hidden #fa_show {
    display: none !important;
}

#fa_toolbar #fa_magnifier, #fa_toolbar #fa_fb, #fa_toolbar #fa_twitter, #fa_toolbar #fa_gp, #fa_toolbar #fa_mail, #fa_toolbar #fa_rss, #fa_toolbar #fa_hide, #fa_toolbar_hidden #fa_show {
    display: none !important;
}

#fa_toolbar_hidden {
    display: none !important;
}


table.ipbtable td {
    padding: 10px;  padding-left: 5px; padding-right: 5px;
    vertical-align: top;border-bottom: 1px solid #e4e4e4;
}

table.ipbtable td.last-box {
    font-size: 11.5px;
}

.icon-box {
    font-style: italic;
    font-size: 12px;
    color: #666;
}


body {
    background1: #F1F4F9;
    background: #f5f7f8;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    padding: 0;line-height: 1.42857143;
}

a:link,a:active,a:visited {
    text-decoration: none;
    }
a:hover{
  text-decoration: none !important;
    }

#ipbwrapper {
    margin: 0 auto;
    width: 80%;
}


#pun-intro {
background: #2E3133;
padding-top: 10px;padding-bottom: 10px;
border-top: 0px solid #598f5b;
border-bottom: 0px solid #db7a25;
}

#pun-intro1 {
width: 80%;
margin: 0 auto;
}

div#logostrip img{
width: 250px;
height:65px;
margin-left:-15px;
}

div#logostrip{
 float:left;
}

.headright {
margin-top:20px;
}





.textlogo a{
font-size: 15px;
font-weight: bold;
 color: #f4f4f4;
    text-shadow: 1px 1px 1px #000000;

}





.footer {
height:130px;
background:#2E3133;
border-top:5px solid #2e3539;
}


.footer1 {
margin: 0 auto!important;
width: 80%!important;
}


.footer-right {
float:right;
width: 49%;
padding-top:20px;
}



.footer-left {
float:left;
width: 49%;
font-size: 15px;
color: #f0f0f0!important;
padding-top:20px;
}

.text-link a{
color: #f0f0f0!important;
font-size: 13px;
text-align:right;
}

.text-link {
margin-bottom:10px;
text-align:right;color: #f0f0f0;
}


.menufoo1 {
font-size: 13px;
color: #f0f0f0!important;
padding-top:15px;
}

.cat-footer1 {
color: #f0f0f0!important;
float:left;
margin-bottom:10px;
font-family: Segoe Print;
background: #ffffff;
font-size: 17px;
padding:10px;
border-radius: 5px!important;
}

.cat-footer2 {
color: #f0f0f0!important;
float:right;
margin-bottom:10px;
font-family: Segoe Print;
background: #ffffff;
font-size: 17px;
padding:10px;
border-radius: 5px!important;
}
/* Dropdown Button */


.dropbtn {
    color: #707070;
    padding: 0px;
    font-size: 13px;
    border: none;
    cursor: pointer;font-weight: bold;
}

/* The container  - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;margin-top:-20px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    width: 150px;
    border: 1px solid #e4e4e4;
    margin-top:5px; margin-left:-10px;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding:10px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #106FA6;color: #f9f9f9;}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}


.tileforum {
  font-family: 'Lobster', cursive;
  font-size: 20px;
  padding-left:10px;
  color: #598f5b;
}


.Login-Box {
float: right;background: #;
margin-top: -35px!important;
padding:10px;padding-right:0px!important;
}

.Login-Box ul {
list-style: none;
padding: 0;
margin: 0;
}

.Login-Box li {
float: left;
margin: 0;
padding: 0 3px;margin-bottom:5px!important;
}


.Login-Box a:hover {
color: #141414;background:#fff;
}


.loginLeft {
margin-top:5px!important;
float: right!important;
}
.notreg {
border-left: 0px solid #dddddd;
padding-left: 10px;
}

.input-login-thanhkent {
background:#FFF;
border: 0;
color: #333333;
padding: 0 5px;
font-size: 9pt;
width: 90px;
height: 20px;
line-height: 20px;
border: 1px solid #dddddd;
margin: -3px 3px 3px 3px;
border-radius: 1px;
}

.oklogin-thanhkent {
background:#106FA6;
border: 0;
color: #fff;
font-size: 9pt!important;
width1: 80px!important;
height: 22px!important;
line-height: 20px;
border: 0px solid #181818;
margin: 3px!important;margin-top: -3px!important;
border-radius: 3px;
font-weight:bold;
padding-top:1px!important;
}

.regfm {
  background-color: #3AAA00;
  font-size: 11px!important;color: #fff!important;text-shadow: 0px 0px 0px #000000!important;
font-weight: bold;padding:11px;padding-left:10px;padding-right:10px;border-radius:3px;
}



.rememberMe {color:#fff;}

div.sceditor-group {
border-radius: 0px!important;
background: #f0f0f0!important;
border: 1px outset #DDD!important;
display: inline-block;
margin: 1px 5px 1px 0;
padding: 1px;
}



.menunav1{    
  background: #ffffff;border-bottom: 1px solid #dbdbdb;
  background1: #106FA6;margin-top:0px;
  
}

.menunav{
    height: 35px;
    z-index: 12 !important;
    color: #fff !important;
width: 80%; margin:0 auto;border-radius: 0px 0px 0px 0px;
    padding-left:0px;
}
.menunav ul{display:block;height:30px;margin:0 auto;padding:0px 0 0;position:relative;z-index:14}
.menunav ul li{display:inline;height:30px;margin:0;text-align:left;}
.menunav ul li a{font-size: 12px;font-weight:bold;color:   rgb(113, 113, 113)!important;display:block;float:left;height:30px;padding:10px 10px 0;text-align:center;z-index:10}
.menunav span{display:block;height:23px!important;position:absolute;right:0;top:4px;width:95px}
.menunav span a,.menunav span a:hover{color: #fff !important;height:23px!important;padding:0!important}

.menunav ul li a:hover,.menunav ul li .active{border-bottom: 5px solid #246FAF!important;margin-top:0px;color:#000;display:block;height:20px;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:0px solid #fff;color:#EFEFEF;display:block;height:18px;margin:5px 3px 0 0;padding:5px 0 0!important;width:32px}


/*LATESTTOPIC*/
.Latest{color:#333;background-color:#fff;margin:auto auto 13px;-webkit-border-top-left-radius:0;-moz-border-radius-topleft:0;-khtml-border-top-left-radius:0;border-top-left-radius:0;-webkit-border-top-right-radius:0;-moz-border-radius-topright:0;-khtml-border-top-right-radius:0;border-top-right-radius:0;-webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomright:3px;-khtml-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomleft:3px;-khtml-border-bottom-left-radius:3px;border-bottom-left-radius:3px;font:13px/18px 'Roboto Condensed',sans-serif;height:100%}
.Latest.lasttab .usertabs{height:30px;padding:5px 0;border-bottom:1px solid #eff2f7;display:block;margin:auto 10px!important}
.Latest.lasttab ul.lastnavtab,.Latest.lasttab ul.lastnavtab2{height:30px}
.Latest.lasttab ul.lastnavtab > li,.Latest.lasttab ul.lastnavtab2 > li{border-bottom:none;float:left;position:relative;font-size:1.11em;margin:auto;border:0 solid #DDD;list-style-type:none;height:30px}
.Latest ul.lastnavtab > li.selected,.Latest ul.lastnavtab2 > li.selected{color:#000;background-color:#eff2f7}
.Latest.lasttab ul.lastnavtab > li.selected,.Latest.lasttab ul.lastnavtab2 > li.selected{height:30px}
.Latest ul.lastnavtab > li a,.Latest ul.lastnavtab2 > li a{font-size:14px;font-family:'Roboto',sans-serif;color:#246faf;text-decoration:none;margin:0;outline:none;display:block;line-height:30px;padding:0 15px;text-align:left}
.Latest.lasttab ul.lastnavtab > li a,.Latest.lasttab ul.lastnavtab2 > li a{cursor:pointer;line-height:30px;padding:0 15px}
.Latest .Lastcontent{padding:10px}
.Latest .Lastcontent ol.Lastcontentlist{counter-reset:numlist}
.Latest .Lastcontent ol.Lastcontentlist li{padding:0;border-top:1px solid #eff2f7;float:left;width:100%}
.Latest .Lastcontent ol.Lastcontentlist li:first-child{border-top:1px none black}
.Latest .itemContent{padding:4px 0;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;display:table;table-layout:fixed;word-wrap:normal;width:100%}
.Latest .itemContent:hover{background-color:#eff2f7;padding-right:6px;padding-left:6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;text-decoration:underline!important}
.Latest .itemContent .listBlock{display:table-cell;vertical-align:middle}
.Latest .itemContent .itemTitle{width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:65%}
.Latest .itemContent .itemDetail{width:150px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.Latest .itemContent .itemDetail,.BRMSContainer .itemContent .itemDetail a{color:#38445f;font-size:14px;text-align:right}
.Latest .itemContent .itemDetailName{text-align:right}
.Latest.lasttab{position:relative;width:100%;float:right}
.Latest.lasttab2{position:absolute;margin-left:-325px;top:0;width:37%}
.Latest.lasttab2 .itemContent .itemDetail{width:40px}
.after_view::after{content:" Views"}
.after_rep::after{content:" Replies"}

/* Side bar */
.sidebar{padding:10px;background:#fff;margin-bottom:13px;text-align:center;border-radius:3px 3px 0 0}
#SignupButton{font-size:18px;color:#FFF;background-color:#246FAF;border-radius:3px;display:block;text-shadow:0 0 0 transparent,0 0 3px rgba(0,0,0,0.5);font-weight:700;padding:10px}
#LogButton{font-size:18px;color:#FFF;background-color:#246FAF;border-radius:3px;display:block;text-shadow:0 0 0 transparent,0 0 3px rgba(0,0,0,0.5);font-weight:700;padding:10px;margin-top:10px}
#SignupButton:hover,#LogButton:hover{background-color:#0F61A1}
.sidebar h3{font-size:14px;color:#38445F;background-color:#FFF;padding:8px 10px;margin:-10px -10px 10px;border-bottom:1px solid #F1F4F9;border-radius:3px 3px 0 0;text-transform:uppercase}
.thin{border-bottom:0;border-top:0}
.Tinhte_XenTag_TagCloud{zoom:1}
.Tinhte_XenTag_TagCloud:after{content:'.';display:block;height:0;clear:both;visibility:hidden}
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloudTag{background:#0F61A1;color:#F1F4F9;display:inline;float:left;margin:0.2em;padding:0}
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloudTag:hover{background:#f9d9b0;color:#32A34F}
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloudTag a{color:inherit;display:block;font-size:1em;font-weight:bold;margin:0.5em;white-space:nowrap}
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloud_Level1{background-color:#F1F4F9;color:#0F61A1}
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloud_Level2{background-color:#D4D4D4}
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloud_Level3{background-color:#6cb2e4}
.sidebar .avatar{margin-right:10px;float:left;width:auto;height:auto;border:0}
.sidebar .avatar img{width:70px;height:70px;display:block;border-radius:3px;padding:0;padding:2px;border:1px solid #246FAF}
.sidebar .username{font-size:14px}
.sidebar .stats{margin-top:10px}
.sidebar .stats .pairsJustified{line-height:normal}
.sidebar .pairsJustified dd,.sidebar .pairsJustified dt{color:#92A5B4}
.pairsJustified dt{float:left}
.sidebar .pairsJustified dd,.sidebar .pairsJustified dt{color:#92A5B4}
.pairsJustified dd{float:right;text-align:right}
dl.pairsColumns,dl.pairsJustified,.pairsColumns dl,.pairsJustified dl{overflow:hidden}

/* Icon input login */
#password,#password_reg{background:#FFF url(http://i48.servimg.com/u/f48/16/18/15/10/login_12.jpg) no-repeat 5px center;text-indent:30px}
#username_reg,#username{background:#FFF url(http://i48.servimg.com/u/f48/16/18/15/10/login_11.jpg) no-repeat 5px center;text-indent:30px}
#email{background:#FFF url(http://i21.servimg.com/u/f21/17/57/29/64/emaiii10.jpg) no-repeat 5px center;text-indent:30px}
/* breadcrumb for punbb - devs.forumvi.com */
#navstrip{color:#e8e8e8;font-weight:700;list-style:none;background:#fff;margin:10px 0}
#navstrip > li{float:left;color:#666;margin:0;padding:0;line-height:36px;height:36px;display:block;position:relative;background:#FFF;padding:0 5px 0 20px}
#navstrip > li.begin{background-color:#246FAF;background-image:none;background-position:center;background-repeat:no-repeat;width:47px;padding-left:4px}
#navstrip li a{font-weight:700;text-decoration:none}
#navstrip > li.begin > a{text-indent:-9999px;display:block;background:url(http://i39.servimg.com/u/f39/19/09/43/62/house411.png) no-repeat center center transparent}
#navstrip > li:before,.navstrip > li:after{content:" ";border:18px solid transparent;border-left-width:12px;border-right:0;border-left-color:#FFF;display:block;position:absolute;right:-12px;top:0;z-index:10;width:0;height:0}
#navstrip > li:after{border-left-color:#DBDBDB;right:-13px;z-index:5}
#navstrip > li.begin:before{border-left-color:#246FAF}
#navstrip > li:hover,.navstrip > li:hover a{background-color:#444;color:#FFF}
#navstrip > li:hover:before{border-left-color:#444}
/* button css */
.post-icon a,.posting-icons li a{background:#;padding:5px 4px;margin:0 0 0 6px;display:block;border-radius:2px}
.post-icon a{background: #0F61A1!important;color: #fff}
.post-icon a:hover {
    background: #444 !important;
}
.posting-icons a[title="Thank you"]{background:#ff007e;color:#fff}
.zzPoll > h3 a:before,div.errorwrap p:before,div.infowrap p:before,.posting-icons a:before,.post-icon a:before,.contract:before,.expand:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}


.expand:before{content:"\f07b";font-size:22px}

.post-icon a[href*="mode=reply"]:before{content:"\f112"}
.post-icon a[href*="mode=reply"]:after{content:" Trả lời bài viết"}
.post-icon a[href*="mode=newtopic"]:before,.post-icon > a[href^="/privmsg?mode=post"]:before{content:"\f067"}
.post-icon a[href*="mode=newtopic"]:after{content:" Tạo chủ đề mới"}
.post-icon a[href^="/privmsg?mode=reply"]:after{content:" Trả lời tin nhắn"}
.post-icon a[href^="/privmsg?mode=post"]:after{content:" Viết tin nhắn mới"}
.posting-icons a[href*="mode=quote"]:before{content:"\f10d"}
.posting-icons a[href*="mode=quote"]:after{content:" Trích dẫn"}
.posting-icons a[href*="?thank="]:before{content:"\f164"}
.posting-icons a[href*="?thank="]:after{content:" Cảm ơn"}
.posting-icons a[href*="mode=editpost"]:before{content:"\f044"}
.posting-icons a[href*="mode=editpost"]:after{content:" Sửa"}
.zzPoll > h3 a:before,.posting-icons a[href*="mode=delete"]:before{content:"\f00d"}
.posting-icons a[href*="mode=delete"]:after{content:" Xóa"}
.posting-icons a[href*="mode=report"]:before{content:"\f024"}
.posting-icons a[href*="mode=report"]:after{content:" Report"}
.posting-icons a[href^="/report?mode=lock"]:before{content:"\f11d"}
.posting-icons a[href^="/report?mode=lock"]:after{content:" Lock report"}
.posting-icons a[href*="mode=ip"]:before{content:"\f041"}
.posting-icons a[href*="mode=ip"]:after{content:" Xem Ip"}

.posting-options .posting-buttons {
    margin-bottom: 0.5em;
    margin-top: 8px;
}



/* Quote - Spoiler - Hide - Code */
blockquote cite,.codebox dt{font-size:13px;padding:8px;border-bottom:2px solid #FFF;background-color:#F1F4F9;background-image:none}
blockquote,.codebox dd{background-color:#F1F4F9;border:0 none;margin:0}
dl.codebox{max-width:1000px;margin:0}
.spoiler dt{cursor:pointer;padding:8px;border-bottom:2px solid #FFF;background-color:#F1F4F9;background-image:none;font-size:13px}
.spoiler{border:0 none;margin:0}
/* Post */
div.sceditor-toolbar{background:#F1F4F9 !important;border-radius:0!important;text-align:center;border-bottom:1px solid #ddd!important}
div.sceditor-group{background:0!important;border-bottom:0!important;margin:0!important}
.qreply{background-color:0;border:0;margin:0 auto 1em;padding:0;background:0}
/* Số trang */
div.pagination a.goto{padding:7px 15px 7px 6px;display:inline-block;background-color:transparent;border-radius:3px}
div.pagination a{padding:7px 10px;background-color:transparent;border-radius:3px;color:#1062A1}
div.pagination b{padding:7px 10px;background-color:#F1F4F9!important;border-radius:3px;color:#1062A1}
div.pagination{color:#fff;background:#fff;}
div.pagination a.goto:hover,div.pagination a:hover{background-color:#F1F4F9!important}

/* fb_Vote - DEVs.forumvi.com */
.vote-Zzbaivong, .vote-Zzbaivong *,.vote-Zzbaivong *:before,.vote-Zzbaivong *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.vote-Zzbaivong{float:left;position:relative;text-align:left;white-space:nowrap}
.vote-plus-post,.vote-minus-post{z-index:10;position:absolute;top:32px;left:0;display:none;width:250px;background:#FFF;border:1px solid #F2F2F2;box-shadow:4px 4px 7px 0 #999;padding:5px}
.vote-minus-post{left:120px}
.vote-note{height:20px;line-height:20px;font-size:11px;background:#ffffd3;border:1px solid #F7EB93;margin-bottom:2px;padding:0 5px}
.vote-mess{width:200px;resize:vertical;min-height:40px;height:40px}
.vote-Zzbaivong .vote-send{width:36px;margin-top:0!important;margin-left:2px;cursor:pointer;text-align:center;vertical-align:top;height:40px;background:#0085FF;border:1px #87CEEB;color:#FFF}
.vote-plus-post:before,.vote-minus-post:before{content:'';display:inline-block;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #E2E2E2;position:absolute;left:10px;width:10px;right:-10px;top:-10px}
.vote-plus-post:after,.vote-minus-post:after{content:'';display:inline-block;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff;position:absolute;left:11px;right:-9px;width:9px;top:-9px}
.vote-plus{background:#2a76c7;border:1px solid #2a76c7;color:#fff!important;font-family:sans-serif;border-radius:2px;display:inline-block;padding:2px 13px;margin-right:3px;}
.vote-plus:hover{border-color:#6A9AD6}
  .vote-plus[href="javascript:;"]{color:#666!important;background-color:#f6f6f6;cursor:no-drop;border-color:#ccc}
.vote-time{position:relative;border-radius:0px;display:inline-block;border:1px solid #e4e4e4;margin:auto 5px;padding:3px;padding-left:5px;padding-right:5px;}
.vote-time:before{content:'';display:inline-block;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #CCC;position:absolute;left:-6px;width:6px;top:6px}
.vote-time:after{content:'';display:inline-block;border-bottom:5px solid transparent;border-top:5px solid transparent;border-right:5px solid #fff;position:absolute;left:-5px;width:5px;top:7px}
.vote-minus{margin-left:20px;color:#666!important}
.vote-minus:hover{color:red!important}
.vote-minus[href="javascript:;"]{color:#C5C5C5!important;cursor:no-drop}

/* Button icon */
input[type="button"],input.button,a.button,input.button1,input[type="submit"],input[type="reset"]{border-radius:3px;background:#0F61A1;padding:5px 14px;font-size:1em;border:0 none!important;color:#FFF!important}
input[type="button"]:hover,input.button:hover,a.button:hover,input.button1:hover,input[type="submit"]:hover{background-color:#444!important}
a.button,#find_user,select[name="g"] + input,#use,#jqmHide,#friend + input,#foe + input,#find_friend,select[name="avatarcategory"] + input,select[name="active_time"] + input,select[name="msgdays"] + input,input[type="reset"],input[type="submit"],form[name="searchform"] .button{padding:5px 10px 5px 30px;background-repeat:no-repeat;background-position:10px center!important}
#find_user,#find_friend,form[action="/search"] input[type="submit"],input[type="submit"][name="search"],form[name="searchform"] .button{background-image:url(http://i39.servimg.com/u/f39/14/67/90/38/search10.png)}
input[type="reset"],input[type="submit"][name="refresh"],input[type="submit"][name="groupstatus"]{background-image:url(http://i39.servimg.com/u/f39/18/95/05/08/refres10.png)}
a.button[href="/"],input[type="submit"][name="valid"],#jqmHide,input[type="submit"][name="remove"],input[type="submit"][name="cancelavatar"],input[type="submit"][name="cancel"],input[type="submit"][name="delete"],input[type="submit"][name="deleteall"],input[type="submit"][name="delete_all"]{background-image:url(http://i39.servimg.com/u/f39/18/59/49/93/icon_e10.png)}
input[type="submit"][name="prevent_modif"],input[type="submit"][name="preview"]{background-image:url(http://i39.servimg.com/u/f39/18/95/05/08/previe10.png)}
input[type="submit"][name="draft"],input[type="submit"][name="save"]{background-image:url(http://i39.servimg.com/u/f39/18/95/05/08/save10.png)}
a.button[href="/register?agreed=true&step=2"],input[type="submit"][name="prevent_post"],input[type="submit"][name="split_type_beyond"],input[type="submit"][name="split_type_all"],input[type="submit"][name="submitavatar"],input[type="submit"][name="post"],input[type="submit"][name="confirm"],input[type="submit"][name="publish"],input[type="submit"][name="submit"],input[type="submit"][name="login"]{background-image:url(http://i39.servimg.com/u/f39/18/95/05/08/send10.png)}
select[name="g"] + input,select[name="fid"] + input[type="submit"][name="go"],input[type="submit"][name="moveprofile"],select[name="active_time"] + input,select[name="msgdays"] + input,select[name="avatarcategory"] + input[type="submit"]{background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085610.png)}
input[type="submit"][name="add"],#friend + input,#foe + input{background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085611.png)}
input[type="submit"][name="go"],input[type="submit"][name="select_to"],#use{background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085612.png)}
input[type="submit"][name="avatargallery"]{background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085613.png)}
.noIcon input.button[type="submit"]{padding-left:10px;background-image:none}
input.button2{margin:0}
.pun .frm .frm-buttons input,.button,.button1{padding:5px 10px 5px 30px!important}


table.ipbtable span.status {
    margin-top: 3px;
}

.lastpost-avatar img {
    border-radius: 50%;
    height: 35px;
    width: 35px;margin-right:3px;    border: 1px solid #F1F4F9;
}
.avabox img {
    border-radius: 50%;
    height: 40px!important;
    width: 40px!important;margin-right:3px;    border: 1px solid #F1F4F9;
}
div.maintitle{color:#FFF;font-weight:500;background-color:#246FAF;padding:10px;border-top-left-radius:0px;border-top-right-radius:0px;min-height:6px}
.row1,.row2{background:#fff !important;border-bottom:1px solid #e4e4e4!important;vertical-align:middle !important}
table.ipbtable td.icon{width:73%;}
.forum-desc{display:none}
.stat4r{color:#888;font-size:12px;padding-right:10px}
span.stat4r > br:nth-child(3){display:none}
span.stat4r > strong{float:left;margin-right:5px}
div.maintitle .contract,div.maintitle .expand{background:0;margin-right:13px;margin-top:-3px}
.PanelScroller .scrollContainer,.PanelScrollerOff .panel{background-color:#FFF;padding:3px;margin-bottom:10px;border-radius:3px;font-size:13pt}
.PanelScroller .PanelContainer{position:relative;clear:both;width:100%;overflow:auto}
.hasJs .PanelScroller .Panels{position:absolute}
.PanelScroller .Panels{clear:both;margin:0;padding:0}
.PanelScroller .panel,.PanelScrollerOff .panel{overflow:hidden;position:relative;padding:0 !important;background:#F1F4F9 url("http://i68.servimg.com/u/f68/17/57/29/64/catego10.png") repeat-x scroll center top}
.PanelScroller .panel .noticeContent,.PanelScrollerOff .panel .noticeContent{padding:10px;color:#ED1B24}
.DismissParent .DismissCtrl{position:absolute;top:12px;right:5px;display:block;background:transparent url("http://i68.servimg.com/u/f68/17/57/29/64/xenfor10.png") no-repeat scroll -80px 0;color:#FFF;width:15px;height:15px;line-height:15px;text-align:center;opacity:0.4;transition:opacity 0.3s ease-in-out 0s;font-size:10px;overflow:hidden;white-space:nowrap;text-indent:20000em;cursor:pointer}




div.errorwrap h4, div.infowrap h4 {
    background-color: #fff;
    border-bottom: 1px solid #e4e4e4;
    color: #454545;
    font-size: 12px;
    font-weight: 700;
    padding: 5px;
}
div.errorwrap, div.infowrap {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    margin: 0 5px 5px;
}

.ipbform fieldset {
    border: 1px solid #e4e4e4;
    margin: .5em;
    padding: 0 1em 1em;
}
.box-content {
    background-color: #fff;
    border-bottom: 0px solid #2a76c7;
}