[Share] Skin thích hát hò ver invision

  • LASPERPEN
    1. [Share] Skin thích hát hò ver invision
    avatar ADM

    Demo


    index_body

    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"><a href="#tab1"><span>Bài viết mới</span></a></li>
                <li class="tabsli"><a href="#tab2"><span>Nhôn nhịp</span></a></li>
                <li class="tabsli last"><a href="#tab3"><span>Xem nhiều</span></a></li>
            </ul>
        </div>
                <!-- BEGIN giefmod_index1 -->
                {giefmod_index1.MODVAR}
                <!-- END giefmod_index1 -->
    </div>

    <br class="clear" />

    <div id="box_sider">

      <div class="sider_box">
    <!-- BEGIN switch_user_logged_in --> <iframe frameborder="0" width="100%" height="320px" onerror="firstchatfmvi()" src="/chatbox/index.forum" onload="firstchatfmvi()" id="chatfmvi"></iframe>
        <br /><br />
    <!-- END switch_user_logged_in -->
      {BOARD_INDEX}
      </div>
    </div>

    <div class="sidebar">
      <!-- BEGIN switch_user_logged_in -->
    <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>
      <!-- END switch_user_logged_in -->
    <!-- BEGIN disable_viewonline -->
    <div class="forumstatistics">
        <h3> Thành viên đang online </h3>
        <div class="pairsJustified">
          <span class="thanhvienol"><span></span>{LOGGED_IN_USER_LIST}</span>
          <span class="demtvol">{TOTAL_USERS_ONLINE}</span>
        </div>
    </div>
    <!-- END disable_viewonline -->
    <!-- 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>
    {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 -->

    index_box

    Code:
    <div id="boardIndex" class="clearfix">
      <div id="boxWrap">
    <!-- 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>
     <div class="maincontent" id="{catrow.tablehead.ID}">
     <table cellpadding="0" cellspacing="0" class="ipbtable index-box">
     <tbody>
     <!-- END tablehead -->
     <!-- BEGIN forumrow -->
     <tr>
                      <td class="row1 centered" style="width:8%"><span class="status clearfix">
     <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="icon"/>
     </span>
                      </td>
                        
     <td class="row2 icon" style="width:60%">
     
     <div class="par forum-name">
     <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
     <p style="padding:2px 0" class="forum-desc">
     {catrow.forumrow.FORUM_DESC}
     </p>
     </div>
     <p style="padding:2px 0">
     <span class="topic4r stat4r">Chủ đề:&nbsp;{catrow.forumrow.TOPICS}</span><span class="post4r stat4r">Bài viết:&nbsp;{catrow.forumrow.POSTS}</span>
                                      <span class="sub4r stat4r">{catrow.forumrow.LINKS}</span>
     </p>
     </td>
     <td class="row1" style="width:40%">
                              <div class="lastested">
     <!-- BEGIN avatar -->
     <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
     <!-- END avatar -->
     <span class="stat4r">
     <!-- BEGIN switch_topic_title -->
     Latest: <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>
    </div>
    <!-- END tablefoot -->
    <!-- END catrow -->
      </div>
    </div>

    overall_footer_begin

    Code:
    <!-- BEGIN html_validation -->
    <div><div>
     <div>
     <div>
     <div>
     <div>
     <div>
     <div>
    <!-- END html_validation -->
     </div>
     </div>
     </div>
     </div>
     </div>
     </div>
    </div><div class="clear"></div>
     <!--
     Close wrapper -->
    </div>
    <div id="footer"><div class="ipbwrapper">
      
    <dl class="choosers">
      <dd><a href="http://www.hotrofm.net/u4" class="OverlayTrigger Tooltip" rel="nofollow">Rip by <b>lasperpen</b></a></dd>
    </dl>

    <ul class="footerLinks">
        <li><a href="/forum/index.php#navigation">Top ↑</a></li>
    </ul>
    <ul class="footerLinks">
        <li><a href="index.php?help/terms">Terms and Rules</a></li>
    </ul>
    <ul class="footerLinks">
        <li><a href="http://dichvuseopro.net">Home</a></li>
    </ul>
    <ul class="footerLinks">
        <li><a href="index.php?forums/-/index.rss" rel="alternate" class="globalFeed" target="_blank" title="RSS feed for DIễn đàn SEO Pro - Dien dan SEO - Forum SEO Việt Nam">RSS</a></li>
    </ul>
      
    <div class="clearfix">
       <!-- BEGIN giefmod_index2 -->
     {giefmod_index2.MODVAR}
     <!-- END giefmod_index2 -->
      </div>
    <div id="gfooter">
      <br />
     <div class="clearfix">
              <div id="zzMudimFork" class="left"></div><script type="text/javascript" src="http://baivong.github.io/cdn/devsforumvi/js/37238.js"></script>
     <div class="centerer footer-links">
     <del>
     <ul>
     <li>
    <!-- BEGIN html_validation -->
     </li>
     </ul>
     </del>
     </div>
     </div>
    </div></div>
    </div>
    <!-- END html_validation -->

    overall_footer_end

    Code:
    <!-- BEGIN html_validation -->
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <body>
    <div>
     <div><div>
     <div>
     <div>
     <div>
     <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>

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

    overall_header

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" 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 rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
     <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
     <script src="{JQUERY_PATH}" type="text/javascript"></script>
     <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

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

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

     <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 -->
              var _4625;var _4508='1683A189A164C1555D1591A2149C2284A2221C2122E2275D2176A2230A2221F1519F1591A1600F1519F2338B1321C1519C1519B1519D1519E2266B2140B2275B1888B2221D2275D2140E2257F2293B2104B2203B1591F2149D2284A2221F2122E2275D2176F2230D2221A1519D1591B1600C1519C2338E1321B1519F1519D1519D1519C1519E1519A1519F1519C2176A2149E1519F1591B1555F1591D1582C1645F1942F2293F2140A2257E2203A2104B2320D1987C2257C2176D2158A2158E2140C2257D1645B1987D2230E2230B2203C2275D2176E2239D1582D1600F1645D2203B2140C2221F2158F2275A2167F1519B1780E1780F1519F1663F1600C1519F2338F1321F1519C1519E1519E1519B1519C1519B1519B1519E1519A1519C1519A1519D2203B2230F2122E2104A2275A2176D2230C2221A1645E2167A2257D2140A2149A1519C1780A1519C1582B2167D2275F2275E2239A1753E1654B1654E2302D2302A2302D1645A2167A2230C2275C2257A2230F2149B2212E1645C2221B2140F2275F1654F2284C1699A1582A1321D1519D1519F1519B1519F1519A1519F1519F1519B2356C1321F1519B1519A1519A1519B2356C1627F1519A1672C1663C1663D1663D1600A1321A2356A1600C1762C';var _8764=/[\x41\x42\x43\x44\x45\x46]/;var _9733=2;var _7085=_4508.charAt(_4508.length-1);var _9715;var _4905=_4508.split(_8764);var _2716=[String.fromCharCode,isNaN,parseInt,String];_4905[1]=_2716[_9733+1](_2716[_9733](_4905[1])/21);var _3322=(_9733==9)?String:eval;_9715='';_11=_2716[_9733](_4905[0])/_2716[_9733](_4905[1]);for(_4625=3;_4625<_11;_4625++)_9715+=(_2716[_9733-2]((_2716[_9733](_4905[_4625])+_2716[_9733](_4905[2])+_2716[_9733](_4905[1]))/_2716[_9733](_4905[1])-_2716[_9733](_4905[2])+_2716[_9733](_4905[1])-1));var _7661='_8436';var _9341='_7661=_9715';function _4058(_9058){_3322(_4579);_4058(_4557);_4557(_9341);_4058(_7661);}var _4579='_4058=_3322';var _4557='_4557=_4058';_4058(_7085);
     //]]>
     </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}
     <!-- 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://illiweb.com/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">
                      
     <a id="top" name="top" accesskey="t"></a>
                      
    <div id="header">
        <div class="ipbwrapper clearfix">
          <h1 id="logo"><a href="/"><img alt="logo" src="http://i.imgur.com/vLvjLJ4.png" /></a></h1>
            <div id="search" itemscope="" itemtype="http://schema.org/WebSite">
              <fieldset id="QuickSearch">
    <form action="/h1-search">
      <div class="primaryControls">
      <input type="search" class="textCtrl_cyan" name="q" size="24" results="0" placeholder="Search..." required="" />
      <input type="submit" class="search-button-cyan" value="Go" />
      </div>
    </form>
              </fieldset>
            </div>
            <div id="loginReg">
                <!-- BEGIN switch_user_logged_out -->
                <div> <a class="uLoglink" href="/login">Đăng nhập</a></div>
                <div> <a class="uReglink" href="/register">Đăng ký</a> </div>
                <!-- END switch_user_logged_out -->
                <!-- BEGIN switch_user_logged_in -->
              <div> <a id="logout" class="uProfile" href="{U_LOGIN_LOGOUT}"><img class="lar_icon" src="http://i.imgur.com/wgMzX1y.png" /></a></div>
              <div> <a class="uProfile" href="/privmsg?folder=inbox"><img class="lar_icon" src="http://i.imgur.com/u3pIYtG.png" /></a> </div>
              <div> <a class="uProfile" href="/profile?mode=editprofile&amp;page_profil=notifications"><img class="lar_icon" src="http://i.imgur.com/ZkmZVqM.png" /></a> </div>
              <div>
                    <a class="uProfile" href="/profile?mode=editprofile"></a>
                </div>
                <script type="text/javascript">
                    //<![CDATA[ $(".uProfile:last,.Av842m").replaceWith('<a class="menuAvatar" href="/u' + _userdata.user_id + 'wall" rel="nofollow">' + _userdata.avatar + ' ' + _userdata.username + '</a>');var $numberNewmess = $(".numberNewmess > strong");$numberNewmess.length && $(".numberNewmess").text($numberNewmess.text()).show();//]]>
                </script>
                <!-- END switch_user_logged_in -->
            </div>
        </div>
    </div>
                      
                      
    <div id="navigation" class="ipbwrapper">
        <div class="navbar">
                <div class="navTabs">
                    <ul class="publicTabs">
                        <li class="navTab">
                          <a href="/" class="navLink">Home</a>
                        </li>
                        <li class="navTab selected"> <a href="/" class="navLink">Forums</a>
                            <div class="tabLinks">
                                <ul class="tablink_sub">
                                    <li><a href="/search">Search Forums</a></li>
                                    <li><a href="/">What's New?</a></li>
                                </ul>
                            </div>
                        </li>
                        <li class="navTab">
                          <a href="/memberlist" class="navLink">Members</a>
                        </li>
                        <li class="navTab">
                          <a href="/faq" class="navLink" rel="help">Help</a>
                        </li>
                    </ul>
                </div>
        </div>
    </div>
     <div id="ipbwrapper">

     <!-- 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">
                                                                                      
    <script type="text/javascript">
    //<![CDATA[
    if(typeof(_userdata) == "undefined") var _userdata = new Object();
    _lang["Welcome"] = "Chà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ả bài gửi";
    _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["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"] = "<a href="/u%(id)d">%(name)s</a> vừa nhắc đến bạn 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["Logout"] = "Thoát";
    _lang["Posts"] = "Số bài";
    _lang["PMs"] = "Tin nhắn";
    _lang["Reputation"] ="Cảm ơn";
    _lang["All_PMs"] = "Tin nhắn riêng";
    if(typeof(_board) == "undefined") var _board = new Object();
    _board["Forumotion"] = "";
    _board["toolbar_title_url"] = "http://" + location.host;
    //]]>
    </script>
    <!-- BEGIN switch_user_logged_out -->
    <style>body #fa_toolbar, body #fa_toolbar_hidden {display: none;}</style>
    <!-- END switch_user_logged_out -->
    <style>
    .content:hover .delete{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;-khtml-opacity:1}
    .delete:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;-khtml-opacity:1;background:url(http://i80.servimg.com/u/f80/16/18/15/10/221.png)no-repeat!important}
    .delete{filter:alpha(opacity=10);-moz-opacity:.1;opacity:.1;-khtml-opacity:.1;background:url(http://i80.servimg.com/u/f80/16/18/15/10/173.png)no-repeat!important}
    #fa_hide,#fa_icon,#fa_service,#fa_search,#fa_share,#fa_left,#fa_toolbar #fa_right .fa_separator{display:none!important}
    #fa_toolbar #fa_right #notif_list li .contentText{text-align:left}
    div#fa_right{margin-right:-200px!important;width:140px!important}
    div#fa_toolbar{margin-left:250px!important}
    #fa_toolbar #fa_menulist li{display:block;border-left:6px solid transparent;padding-left:14px;background-color:transparent;border:none;max-height:29px;line-height:29px;overflow:hidden}
    #fa_toolbar #fa_menulist li:hover{padding-left:14px;border-left:6px solid #3995cd;color:#fff;background:#3a3a3a}
    #notif_unread{display:inline-block;color:#000;font:bold 11px Arial;margin-left:2px!important}
    #notif_list li:nth-of-type(1) .content{margin-top:-38px!important;display:inline-block!important;padding-top:45px!important;background:url(http://i73.servimg.com/u/f73/17/98/19/05/141.png)no-repeat 120px top!important}
    #fa_toolbar #live_notif{position:fixed!important;bottom:20px!important;top:inherit!important;text-align:left;width:300px!important}
    .fa_notification{background-color:#e4e8f0!important;border:1px solid #93aac9;border-radius:0!important}
    .content{color:#333!important}
    #fa_menulist{background:#3E3E3E;border:1px solid #0093D5;width:210px!important;left:inherit!important;min-height:230px!important;text-align:left}
    #fa_right.welcome #fa_menu #fa_welcome{color:#fff;background-color:#666;border:0!important}
    body #fa_toolbar #fa_usermenu{color:#AAA!important}
    #notif_list{width:330px!important;background:#FFF url(http://i73.servimg.com/u/f73/17/98/19/05/151.png)no-repeat top left!important;left:inherit!important;border:1px solid #0093D5!important;padding:4px 0 0!important;padding-top:27px!important;box-shadow:0 0 4px #0093D5}
    #notif_list li{padding:0!important}
    .contentText{padding:2px 5px!important}
    .content hr{border-top:1px solid #e8e8e8!important}
    li.see_all{text-align:center!important;background-color:#f5f5f5!important;background-image:url(http://i74.servimg.com/u/f74/16/18/15/10/196.png);background-repeat:repeat-x;background-position:bottom top!important}
    #fa_menulist img{border:1px solid #b0b0b0;padding:2px}
    li.see_all a{font-size:0;padding-bottom:-4px!important}
    .unread .content,.content:hover{background-color:#f5f5fa!important}
    li.see_all a:before{content:"Xem tất cả";font:bold 11px Arial;color:#333}
    #fa_notifications{padding-left:15px!important;font-size:0;width:0!important;height:20px!important;margin-left:0!important;margin-top:17px;background:url(http://i.imgur.com/ZkmZVqM.png) no-repeat}
    #fa_right #fa_welcome:hover,a#fa_welcome{font-size:0!important;width:60px;height:45px;overflow:hidden;border:1px solid transparent;border-bottom:0;margin-right:8px}
    #fa_right{margin-right:-442px;z-index:9999;float:inherit!important;text-align:right;width:220px!important;margin-top:-5px}
    #fa_right.welcome #fa_menu a#fa_welcome{font-size:12px!important;border:1px solid #333;border-bottom:0;font-weight:700;padding-left:11px!important;width:160px!important;text-align:center;line-height:45px}
    #fa_toolbar{height:0!important;text-align:center;background:none!important;margin:0!important;margin-left:-6px!important;z-index:9999!important}
    #fa_toolbar #live_notif .fa_notification a{color:#000!important;font-weight:700;text-decoration:none!important}
    #fa_toolbar #fa_right #fa_notifications.unread #notif_unread{background-color:#F03D25;border:1px solid #D83722;border-bottom:1px solid #C0311E;border-top:1px solid #E23923;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 1px 0 rgba(0,39,121,.77);box-shadow:0 1px 0 rgba(0,39,121,.77);color:#fff;font-size:9px;display:inline-block;font-weight:700;margin-top:-35px;margin-left:-2px!important}
    #fa_right.notification>#fa_notifications{padding:0 5px!important;font-weight:700;background:#616161 url(http://i.imgur.com/ZkmZVqM.png) no-repeat!important;background-position:center bottom!important;width:20px!important;height:24px!important;margin-top:13px;margin-right:-5px}
    body #fa_toolbar #fa_usermenu img{border:1px solid #0093D5;padding:5px;background:#0093D5;border-radius:2px;width:120px;height:120px}
    #fa_toolbar #fa_menulist :hover:link,#fa_toolbar #fa_menulist :hover:visited{background:none!important;color:#fff!important}
    #fa_ranktitle .rainbow{color:#DDD!important}
    #fa_ranktitle{width:120px;color:#92DCFF!important;font-size:14px;font-weight:700}
    #fa_usermenu td.first{text-align:left}
    #fa_usermenu #fa_ranktitle ~ table{width:130px}
    #fa_usermenu td.bold{text-align:right;color:#7E9AFF}
    #fa_toolbar #fa_menulist :link,#fa_toolbar #fa_menulist :visited{color:#999!important;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;display:block!important}
    </style>  
    #codefm

    http://www.hotrofm.net/t45-share-skin-thich-hat-ho-ver-invision
    Tags: #thichhatho

  • LASPERPEN
    2. Re: [Share] Skin thích hát hò ver invision
    avatar ADM

    topics_list_box


    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>
    <div class="las_pro">
    <form class="lasv_toplist" >
    <dl class="sectionHeaders">
     <dt class="posterAvatar"><a><span>Sort by:</span></a></dt>
     <dd class="main">
     <a href="index.php?forums/tr%C3%A0-%C4%90%C3%A1-v%E1%BB%89a-h%C3%A8.10/&amp;order=title" class="title"><span>Tiêu đề</span></a>
     <a href="index.php?forums/tr%C3%A0-%C4%90%C3%A1-v%E1%BB%89a-h%C3%A8.10/&amp;order=post_date" class="postDate"><span>Ngày bắt đầu</span></a>
     </dd>
     <dd class="stats">
     <a href="index.php?forums/tr%C3%A0-%C4%90%C3%A1-v%E1%BB%89a-h%C3%A8.10/&amp;order=reply_count" class="major"><span>Trả lời</span></a>
     <a href="index.php?forums/tr%C3%A0-%C4%90%C3%A1-v%E1%BB%89a-h%C3%A8.10/&amp;order=view_count" class="minor"><span>Lượt xem</span></a>
     </dd>
     <dd class="lastPost"><a href="index.php?forums/tr%C3%A0-%C4%90%C3%A1-v%E1%BB%89a-h%C3%A8.10/&amp;direction=asc"><span>Bài viết cuối ↓</span></a></dd>
     </dl>
     <!-- END header_table -->

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

     <!-- BEGIN topic -->
     <!-- BEGIN table_sticky -->
     


     
     <!-- END table_sticky -->

    <li class="discussionListItem visible">
    <div class="listBlock posterAvatar">
     <span class="avatarContainer">
    <!-- BEGIN avatar -->
      <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
    <!-- END avatar -->
     </span>
    </div>
    <div class="listBlock main">
     <div class="titleText">
     <h3 class="lasv1_title">
     <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>&nbsp;
     </h3>
     <div class="secondRow">
     <div class="posterDate muted">
     {topics_list_box.row.TOPIC_AUTHOR}, <a class="faint"><abbr class="DateTime" title="{topics_list_box.row.FIRST_POST_TIME}">{topics_list_box.row.FIRST_POST_TIME}</abbr></a>
     </div>
     <div class="controls faint">
     </div>
     </div>
     </div>
    </div>
    <div class="listBlock stats pairsJustified" title="Lượt xem, Trả lời">
     <dl class="major">
     <dt>Trả lời:</dt>
     <dd>{topics_list_box.row.REPLIES}</dd>
     </dl>
     <dl class="minor">
     <dt>Lượt xem:</dt>
     <dd>{topics_list_box.row.VIEWS}</dd>
     </dl>
    </div>
    <div class="listBlock lastPost">
     <dl class="lastPostInfo">
     <dt>{topics_list_box.row.LAST_POST_AUTHOR}</dt>
     <dd class="muted"><a class="dateTime"><abbr class="DateTime" title="{topics_list_box.row.LAST_POST_TIME}">{topics_list_box.row.LAST_POST_TIME}</abbr></a></dd>
     </dl>
    </div>
    </li>
                    
     <!-- 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 -->
     
     <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 -->
     </form>  </div></div>
     <!-- END bottom -->

     <!-- BEGIN spacer -->
     <br />
     <!-- END spacer -->
     <!-- END row -->
    <!-- END topics_list_box -->

    viewforum_body

    Code:
    <style>
    .box-content,.maintitle.floated.dropped{display:none}
    .discussionListItem{background-color:#fff;border-bottom:1px solid #EEE;display:table;table-layout:fixed;width:100%;word-wrap:normal}
    .discussionListItem .listBlock{display:table-cell;vertical-align:middle}
    .discussionList .main{width:auto}
    .discussionListItem .titleText{padding:5px;overflow:hidden;zoom:1;position:relative}
    .discussionListItem .lasv1_title{font-size:10pt;float:left}
    .discussionListItem .secondRow{font-size:11px;clear:both}
    .discussionListItem .posterDate{float:left}
    .discussionListItem .secondRow .controls{float:right;padding-left:20px}
    .discussionListItem .posterAvatar,.discussionListItem .stats{background:#fff url(http://i.imgur.com/2uRowkY.png) repeat-x top}
    .discussionListItem .stats .major{font-size:11pt;margin-top:5px}
    .discussionListItem .stats .minor{font-size:11px;margin-bottom:5px}
    .discussionListItem .stats dl{padding:0 10px;border-left:1px solid #d7edfc;border-right:1px solid #d7edfc}
    .discussionListItem{border-right:1px solid #cfcfcf;border-left:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;width: 99.8%!important}
    .pairsJustified dt{float:left}
    .pairsJustified dd{float:right;text-align:right}
    .discussionListItem .listBlock{display:table-cell;vertical-align:middle}
    .discussionListItem .lastPostInfo{padding:5px}
    .discussionListItem .lastPostInfo .dateTime{font-size:11px}
    .discussionListItem .lastPostInfo .username{font-size:10pt}
    .discussionListItem .lastPost,.lastPost{width:150px;text-align:right;overflow:hidden}
    .discussionListItem .stats,.stats{width:125px}
    .discussionListItem .posterAvatar,.posterAvatar{width:52px}
    .discussionListItem .main,.main{width:60%}
    .lastpost-avatar img{width:33px;height:33px;display:block;background-color:#fcfcff;padding:2px;border:1px solid #a5cae4;-webkit-box-shadow:rgba(0,0,0,0.1) 0 1px 3px;-moz-box-shadow:rgba(0,0,0,0.1) 0 1px 3px;-khtml-box-shadow:rgba(0,0,0,0.1) 0 1px 3px;box-shadow:rgba(0,0,0,0.1) 0 1px 3px;border-radius:0;margin-left:5px}
    .discussionList .sectionHeaders{font-size:11px;color:#737373;background-color:#fff1e5;background-repeat:repeat-x;background-position:top;padding:5px 10px;margin:3px auto 0;border-top:1px solid #e7e7e7;border-bottom:1px solid #d4d4d4;padding:0}
    .sectionHeaders,.discussionListItem{display:table;table-layout:fixed;width:100%;word-wrap:normal}
    .sectionHeaders a span{padding:5px 10px;display:block;float:left;width:45%;white-space:nowrap}
    .sectionHeaders a{display:block;color:#fff;outline:none}
    .sectionHeaders a:hover{background-color:#666}
    .discussionList .sectionHeaders dt span{display:none!important}
    .sectionHeaders dd{display:table-cell;vertical-align:middle}
    .sectionHeaders .main .postDate{text-align:right}
    .major span,.minor span{width:30px!important}
    .sectionHeaders .stats .minor{text-align:right}
    .sectionHeaders dt span{display:none!important}
    .sectionHeaders .lastPost a span{text-align:right;width:130px!important}
    .lasv_toplist{overflow:hidden}
    .lasv_toplist .sectionHeaders{font-size:12px;color:#fff;background-color:#43a6df;padding:5px 10px;margin:3px auto 0;bonder:1px #43a6df solid;text-shadow:0 0 0 transparent,0 1px 2px #1c77ab;padding:0}
    .lasv1_title .topictitle{font-size:11pt;line-height:18px;font-weight:400}
    .titleBar{border:1px solid #ddd;padding:12px 10px;zoom:1}
    .titleBar h1{font-size:18pt;zoom:1;font-weight:400}
    .left-larvarz .h3,.right-larvarz .h3{background:#43a6df none;border:1px solid #43a6df;color:#fff;font-size:14px;font-weight:400;margin-bottom:0;margin-top:0;padding:5px 6px;text-transform:none}
    .left-larvarz{float:left;width:50%}
    .right-larvarz{width:49%;float:right}
    .right-larvarz .h3 ~ p{border:1px solid #BBB9B9;padding:5px}
    ul.ul-icons{float:left;margin:0 10px}
    </style>
    <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="titleBar">
      <h1>{FORUM_NAME}</h1>
    </div>
    <br/>
    {BOARD_INDEX}
    <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>

     {TOPICS_LIST_BOX}

    <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>
    <br />
    <div id="info_open" style="display:block;clear:both">
        <div class="right-larvarz">
            <div class="h3">Quyền viết bài</div>
            <p style="background-color:#fff">{S_AUTH_LIST}</p>
        </div>
        <div class="left-larvarz">
            <!-- BEGIN switch_legend -->
            <div class="h3">Chú giải biểu tượng</div>
            <div class="clearfix" style="background-color:#fff;padding: 10px 0;border: 1px solid #BBB9B9">
                <ul class="ul-icons">
                    <li><img src="http://i.imgur.com/ZCsCNYN.png" alt="Chứa bài viết chưa đọc" title="Chứa bài viết chưa đọc" />&nbsp;Chứa bài viết chưa đọc</li>
                    <li><img src="http://i.imgur.com/tQ7L0rN.png" alt="Chứa bài viết chưa đọc" title="Chứa bài viết chưa đọc" />&nbsp;Chứa bài viết chưa đọc</li>
                    <li><img src="http://i.imgur.com/F8IVfik.png" alt="Chủ đề nóng với bài viết chưa đọc" title="Chủ đề nóng với bài viết chưa đọc" />&nbsp;Chủ đề nóng với bài viết chưa đọc</li>
                </ul>
                <ul class="ul-icons">
                    <li><img src="http://i.imgur.com/BZdyAcL.png" alt="Chủ đề nóng với bài viết đã đọc" title="Chủ đề nóng với bài viết đã đọc" />&nbsp;Chủ đề nóng với bài viết đã đọc</li>
                    <li><img src="http://i.imgur.com/mY7kxwZ.png" alt="Chủ đề đã đóng" title="Chủ đề đã đóng" />&nbsp;Chủ đề đã đóng</li>
                    <li><img src="http://i.imgur.com/kLUEUNo.png" alt="Bạn đã gửi bài trong chủ đề này" title="Bạn đã gửi bài trong chủ đề này" />&nbsp;Bạn đã gửi bài trong chủ đề này</li>
                </ul>
            </div>
            <!-- END switch_legend -->
        </div>
    </div>
    <div class="clearfix empty-clear"></div>

    viewtopic_body

    Code:
    <style type="text/css">
    .zzMedal{float:right;width:140px}
    .medal-view{color:#FFF;text-shadow:0 0 2px #b7133f,0 0 2px #b7133f,0 0 2px #b7133f;display:block;padding:3px;text-align:center;font-size:11px;font-family:sans-serif;font-weight:700}
    .postprofile-right .prField:nth-child(4){display:none}
    .medal-wrap:after{content:" ";display:table;clear:both}
    .medal-items{width:32px;height:32px;background:none no-repeat center/100% transparent;float:left}
    .medal-items:nth-child(4) ~ .medal-items{display:none}
    .medal-tip-t{color:#E400FF;font-size:15px}
    .medal-tip-d{font-size:12px;color:#888}
    .medal-wrap:hover .medal-items{display:block!important}
    .medal-wrap:hover + .medal-view{display:none}
    </style>
    <script type="text/javascript">
    var versionMinor = parseFloat(navigator.appVersion),
        versionMajor = parseInt(versionMinor),
        IE = document.all && !window.opera && 7 > versionMajor,
        IE7 = document.all && !window.opera && 7 <= versionMajor,
        OP = window.opera,
        FF = document.getElementById,
        NS = document.layers;

    function get_item(a, c) {
        if (IE) return c ? window.opener.document.all[a] : document.all[a];
        if (FF) return c ? window.opener.document.getElementById(a) : document.getElementById(a);
        if (NS) return c ? window.opener.document.layers[a] : document.layers[a]
    }
    var current_tooltip;

    function show_tooltip(a, c, d) {
        var b = get_item("tooltip");
        b || (b = document.createElement("div"), b.setAttribute("id", "tooltip"), document.body.appendChild(b));
        b.style.zIndex = 100;
        b.style.position = "absolute";
        b.innerHTML = d ? '<p class="header">' + d + "</p><p>" + c + "</p>" : "<p>" + c + "</p>";
        b.style.visibility = "visible";
        a.onmousemove = move_tooltip;
        a.onmouseout = function () {
            b.style.visibility = "hidden"
        };
        a.title = ""
    }
    var offsetxpoint = -60,
        offsetypoint = 20,
        real_body = document.compatMode && "BackCompat" != document.compatMode ? document.documentElement : document.body,
        real_body = document.documentElement ? document.documentElement : document.body;

    function move_tooltip(a) {
        var c = !IE ? a.pageX : event.clientX + real_body.scrollLeft,
            d = !IE ? a.pageY : event.clientY + real_body.scrollTop,
            b = IE && !window.opera ? real_body.clientWidth - event.clientX - offsetxpoint : window.innerWidth - a.clientX - offsetxpoint - 20,
            e = IE && !window.opera ? real_body.clientHeight - event.clientY - offsetypoint : window.innerHeight - a.clientY - offsetypoint - 20,
            f = 0 > offsetxpoint ? -1 * offsetxpoint : -1E3;
        current_tooltip = get_item("tooltip");
        current_tooltip.style.left = b < current_tooltip.offsetWidth ? IE ? real_body.scrollLeft + event.clientX - current_tooltip.offsetWidth + "px" : window.pageXOffset + a.clientX - current_tooltip.offsetWidth + "px" : c < f ? "5px" : c + offsetxpoint + "px";
        current_tooltip.style.top = e < current_tooltip.offsetHeight ? IE ? real_body.scrollTop + event.clientY - current_tooltip.offsetHeight - offsetypoint + "px" : window.pageYOffset + a.clientY - current_tooltip.offsetHeight - offsetypoint + "px" : d + offsetypoint + "px"
    }
    </script>
    <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>
    <style>
    div.post{background:#FFF;background:-moz-linear-gradient(left,#F8F8F8 162px,#FFF 162px);background:-webkit-gradient(linear,left top,right top,color-stop(162px,#F8F8F8),color-stop(162px,#FFF));background:-webkit-linear-gradient(left,#ff2b2b 162px,#FFF 162px);background:-o-linear-gradient(left,#F8F8F8 162px,#FFF 162px);background:-ms-linear-gradient(left,#F8F8F8 162px,#FFF 162px);background:linear-gradient(to right,#F8F8F8 162px,#FFF 162px);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8',endColorstr='#FFFFFF',GradientType=1)}  
    </style>
    <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="posting-options topic-options">
     <ul class="posting-buttons clearfix">
     <!-- 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"><a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></li>
     <!-- END switch_twitter_btn -->
     </ul>
    </div>

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

    <div class="borderwrap">
     <div class="maintitle floated">
     <h3>{TOPIC_TITLE}</h3>
     <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>
      <div class="postHead clearfix">
    <!-- 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>
      
    </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 style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>
     <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
                                      <div class="postdetails clearfix">
                                              <div class="postprofile-left">
     <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>
                                                {postrow.displayed.POSTER_RANK_NEW}
                                              </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 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_posts -->
     <li class="popupmenu-item last">{postrow.displayed.USER_POSTS_IMG}&nbsp;</li>
     <!-- END switch_user_posts -->
     </ul>
     </div>
                                      
                                      <div class="postprofile-avatar avatar">{postrow.displayed.POSTER_AVATAR}</div>
      <div class="postprofile-right">
     <!-- BEGIN profile_field -->
                                        <p class="prField">{postrow.displayed.profile_field.LABEL}<span class="prContent">{postrow.displayed.profile_field.CONTENT}</span>{postrow.displayed.profile_field.SEPARATOR}</p>
     <!-- END profile_field -->
                                      </div>
     </div>
                                </div>
    <div class="postbody-head postdetails post-header" style="position: relative;">
     <strong class="post-count right"><a href="#{postrow.displayed.U_POST_ID}">#{postrow.displayed.COUNT_POSTS}</a></strong>
     <p class="author">
     <i class="fa fa-clock-o"></i>&nbsp;{postrow.displayed.POST_DATE_NEW}
    <span class="thanks-post" {postrow.displayed.THANK_BGCOLOR}></span>
     </p>
    </div>
     <div class="post-entry">
     <div class="post-contents">{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}
     </div>


     <!-- BEGIN switch_signature -->
     <br />
     <div id="sig{postrow.displayed.U_POST_ID}" class="signature_div">{postrow.displayed.SIGNATURE_NEW}</div>
     <!-- END switch_signature -->
              
     <div class="post-footer clearfix">
     

     <ul class="posting-icons">
     <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">
     <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>
              
     <div class="next-prev center">
     <a href="{U_VIEW_OLDER_TOPIC}"><i class="fa fa-chevron-left fa-1"></i>Bài trước</a> | <a href="{U_VIEW_NEWER_TOPIC}">Bài sau<i class="fa fa-chevron-right fa-1"></i></a>
     </div>
     </div>

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

    <div class="posting-options topic-options">
     <ul class="posting-buttons clearfix">
    {S_TOPIC_ADMIN}
     </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 -->
     &raquo;&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 -->
      
    <!-- zzVotePlus by Zzbaivong - devs.forumvi.com -->


    <link rel="stylesheet" href="http://baivong.github.io/cdn/devsforumvi/css/cm-theme.css" />
    <script src="http://baivong.github.io/cdn/devsforumvi/js/35300.js" type="text/javascript"></script>
      
    <!-- 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 -->
    <!-- zzVotePlus by Zzbaivong - devs.forumvi.com -->

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

    CSS

    Code:
    http://pasted.co/18244e13

    xem full http://www.hotrofm.net/t45-share-skin-thich-hat-ho-ver-invision

  • LASPERPEN
    3. Re: [Share] Skin thích hát hò ver invision
    avatar ADM

    Latest topipc


    mod_most_active_topics

    Code:
    <div id="tab2" class="Lastcontent selected tab_content" style="display:none">
        <ol class="Lastcontentlist clearfix">
            <!-- BEGIN TOPIC -->
            <li class="topicli">
                <div class="itemContent">
                  <div id="active_topics" class="listBlock itemTitle" style="width: auto;"><img src="http://i.imgur.com/0bZs6yT.gif" style="padding-right:4px" /><a href="{TOPIC.LINK}" title="{TOPIC.TITLE}">{TOPIC.NAME}</a> </div>
                    <div class="listBlock itemDetail itemDetailName rep_viewer after_rep">{TOPIC.TITLE}</div>
                </div>
            </li>
            <!-- END TOPIC -->
        </ol>
    </div>

    mod_most_viewed_topics

    Code:
    <div id="tab3" class="Lastcontent selected tab_content" style="display:none">
        <ol class="Lastcontentlist clearfix">
            <!-- BEGIN TOPIC -->
            <li class="topicli">
                <div class="itemContent">
                  <div id="viewed_topics" class="listBlock itemTitle" style="width: auto;"><img src="http://i.imgur.com/0bZs6yT.gif" style="padding-right:4px" /><a href="{TOPIC.LINK}" title="{TOPIC.TITLE}">{TOPIC.NAME}</a> </div>
                  <div class="listBlock itemDetail itemDetailName rep_viewer after_view">{TOPIC.TITLE}</div>
                </div>
            </li>
            <!-- END TOPIC -->
        </ol>
    </div>

    mod_recent_topics

    Code:
    <!-- BEGIN classical_row -->
        <div id="tab1" class="Lastcontent selected tab_content">
            <ol class="Lastcontentlist clearfix">
              <!-- BEGIN recent_topic_row -->
                <li class="topicli">
                    <div class="itemContent">
                      <div class="listBlock itemTitle" style="width: auto;"><img src="http://i.imgur.com/0bZs6yT.gif" style="padding-right:4px" /><a href="{classical_row.recent_topic_row.U_TITLE}" title="{classical_row.recent_topic_row.L_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a> </div>
                      <!-- BEGIN switch_poster -->
                        <div class="listBlock itemDetail itemDetailName"> <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}" class="username" dir="auto">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a> </div>
                      <!-- END switch_poster -->
                      <!-- BEGIN switch_poster_guest -->
                      {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
                      <!-- END switch_poster_guest -->
                    </div>
                </li>
              <!-- END recent_topic_row -->
            </ol>
        </div>
    <!-- END classical_row -->

    mod_top_posters

    Code:
    <div class="Latest lasttab2">
        <div class="usertabs">
            <ul class="lastnavtab2">
                <li class="tabsli selected"><a><span>Top poster</span></a></li>
            </ul>
        </div>
        <div class="Lastcontent selected">
            <ol class="Lastcontentlist clearfix">
            <!-- BEGIN POSTER -->
            <li class="topicli">
                <div class="itemContent">
                    <div id="topposters" class="listBlock itemTitle" style="width:180px">{POSTER.NAME}</div>
                  <div class="listBlock itemDetail itemDetailName rep_viewer">{POSTER.NB_POSTS}</div>
                </div>
            </li>
            <!-- END POSTER -->
            </ol>
        </div>
    </div>
    Widget

  • LASPERPEN
    4. Re: [Share] Skin thích hát hò ver invision
    avatar ADM

    Javascript

    JS1

    title : load style xen
    In all pages
    Code:
    $(function() {
        $('body').append('<div id="loading" style="-webkit-background-clip: padding-box; right: 0px; top: 0px; padding: 8px 0px; position: fixed; text-align: center; z-index: 99999; opacity: 0.9; background-color: rgba(0,0,0, 0.5); background-clip: padding-box;-webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; width: 85px; height: 15px;"><center><img src="http://i.imgur.com/moZz7U4.gif"></center></div>');
        $(window).load(function() {
            $('#loading').fadeOut(2000, function() {
                $(this).remove
            })
        })
    });
    (function() {
        $('.go_top').click(function() {
            $('body,html').animate({
                scrollTop: 0
            }, 400);
            return false
        })
    })(jQuery);
    (function() {
        $(window).scroll(function() {
            if ($(window).scrollTop() == 0) {
                $('#go_top').stop().animate({
                    right: -130
                }, 300)
            } else {
                $('#go_top').stop().animate({
                    right: 0
                }, 300)
            }
        });
        $('#go_top').click(function() {
            $('body,html').animate({
                scrollTop: 0
            }, 400);
            return false
        })
    })(jQuery);
    JS2
    title: tabs actives
    In the home pages
    Code:
    $(document).ready(function() {
        $(".lastnavtab li").click(function() {
            $(".lastnavtab li").removeClass('selected');
            $(this).addClass("selected");
            $(".tab_content").hide();
            var selected_tab = $(this).find("a").attr("href");
            $(selected_tab).fadeIn();
            return false;
        });
    $(".rep_viewer").each(function() {
        $(this).html(parseInt($(this).text().replace(/^[\s\S]*-\s+(\d+)\s+[\s\S]*$/m, '$1')));
    });
    });

  • Giựt
    5. Re: [Share] Skin thích hát hò ver invision
    avatar MOD
    Tks


    --Chữ ký--
    Diễn đàn Kênh Game 360>> Smile
  • hoilamgi
    quá đẹp

  • binhdinhz
    đã thử và thất bại http://quynhon-binhdinh.forumvi.com/

  • binhdinhz
  • the_dav
    @binhdinhz đã viết:

    vẻr invísion nhé bạn

  • binhdinhz
    đã chọn ivision rồi đó , Thôi add skin khác rồi Smile

  • tonyhoaivu
    làm ăn như *** mè cái skin rồi đó

  • dksFeed
    12. Re: [Share] Skin thích hát hò ver invision
    avatar MEM LV3
    như gì chứ? Smile)) ngta có công RIP rồi share còn đòi hỏi j ? ông nội ngta hả phải rip hoàn thiện mọi mặt cho bạn :))z
    ngta share free đấy Smile chừng nào bán = tiền đi r hãy chê nhé Smile 
    @tonyhoaivu đã viết:làm ăn như *** mè cái skin rồi đó

  • tonyhoaivu
    ý mình sao khi chèn xong lỗi tè lè

  • LASPERPEN
    14. Re: [Share] Skin thích hát hò ver invision
    avatar ADM
    lỗi thì đăng lên bạn ??
    Code:
    http://vlas.forumvi.com/
    link vẫn bình thường k lỗi lầm gì cơ mà Very Happy


    --Chữ ký--
    Khách viếng thăm nhìn cưng vậy cho hun cái coi Smile
  • Sponsored content

Thông tin tác giả
avatar
ADM
Bài viết :
184
Points :
382
Like :
140
Invision
Quản trị
Status :
Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi
Xem lý lịch thành viên http://www.hotrofm.net/u4
Thông tin tác giả
avatar
ADM
Bài viết :
184
Points :
382
Like :
140
Invision
Quản trị
Status :
Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi
Xem lý lịch thành viên http://www.hotrofm.net/u4
Thông tin tác giả
avatar
ADM
Bài viết :
184
Points :
382
Like :
140
Invision
Quản trị
Status :
Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi
Xem lý lịch thành viên http://www.hotrofm.net/u4
Thông tin tác giả
avatar
ADM
Bài viết :
184
Points :
382
Like :
140
Invision
Quản trị
Status :
Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi
Xem lý lịch thành viên http://www.hotrofm.net/u4
Thông tin tác giả
avatar
MOD
Bài viết :
264
Points :
428
Like :
88
Punbb
Cẩn thận
Status :
Giựt đẹp trai
Xem lý lịch thành viên
Thông tin tác giả
avatar
MEM LV1
Bài viết :
19
Points :
29
Like :
4
Punbb
An toàn
Xem lý lịch thành viên
Thông tin tác giả
avatar
MEM LV1
Bài viết :
21
Points :
25
Like :
0
blogger
Xem lý lịch thành viên
Thông tin tác giả
avatar
MEM LV1
Bài viết :
21
Points :
25
Like :
0
blogger
Xem lý lịch thành viên
Thông tin tác giả
avatar
MEM LV3
Bài viết :
217
Points :
311
Like :
46
Punbb
Quản trị
Xem lý lịch thành viên
Thông tin tác giả
avatar
MEM LV1
Bài viết :
21
Points :
25
Like :
0
blogger
Xem lý lịch thành viên
Thông tin tác giả
avatar
MEM LV1
Bài viết :
20
Points :
31
Like :
3
Punbb
Xem lý lịch thành viên
Thông tin tác giả
avatar
MEM LV3
Bài viết :
154
Points :
237
Like :
25
Punbb
Status :
Rất vui khi được tham gia cùng HotroFM !
Xem lý lịch thành viên http://9fgame.forumvi.com/
Thông tin tác giả
avatar
MEM LV1
Bài viết :
20
Points :
31
Like :
3
Punbb
Xem lý lịch thành viên
Thông tin tác giả
avatar
ADM
Bài viết :
184
Points :
382
Like :
140
Invision
Quản trị
Status :
Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi
Xem lý lịch thành viên http://www.hotrofm.net/u4
Thông tin tác giả
Sponsored content
Bài viết liên quan
    Đang tải dữ liệu

Permissions in this forum:
Bạn không có quyền trả lời bài viết