Diễn Đàn Hỗ Trợ FM
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.

 

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

Tác giả: - vào lúc:
lasperpen
Bài viết : 239
Points : 457
Like : 156
PhpBB3
Quản trị
Status : Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi
lasperpenMOD
8/28/2016, 23:37
#1

Demo

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

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://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">
                  
 <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
Bài viết : 239
Points : 457
Like : 156
PhpBB3
Quản trị
Status : Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi
lasperpenMOD
8/28/2016, 23:42
#2

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
Bài viết : 239
Points : 457
Like : 156
PhpBB3
Quản trị
Status : Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi
lasperpenMOD
8/28/2016, 23:45
#3

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
[Share] Skin thích hát hò ver invision CylJT5K
lasperpen
Bài viết : 239
Points : 457
Like : 156
PhpBB3
Quản trị
Status : Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi
lasperpenMOD
8/28/2016, 23:47
#4

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
Bài viết : 272
Points : 440
Like : 89
Punbb
Cẩn thận
Status : Giựt đẹp trai
GiựtMOD
8/29/2016, 11:49
#5
Tks
hoilamgi
Bài viết : 19
Points : 29
Like : 4
Punbb
An toàn
hoilamgiMEM LV1
8/29/2016, 12:37
#6
quá đẹp
binhdinhz
Bài viết : 21
Points : 25
Like : 0
blogger
binhdinhzMEM LV1
11/2/2016, 20:42
#7
đã thử và thất bại http://quynhon-binhdinh.forumvi.com/
binhdinhz
Bài viết : 21
Points : 25
Like : 0
blogger
binhdinhzMEM LV1
11/2/2016, 20:54
#8
[Share] Skin thích hát hò ver invision XpurGvU
the_dav
Bài viết : 226
Points : 323
Like : 47
Punbb
Quản trị
the_davMEM LV3
11/3/2016, 07:09
#9
binhdinhz đã viết:
[Share] Skin thích hát hò ver invision XpurGvU


vẻr invísion nhé bạn
binhdinhz
Bài viết : 21
Points : 25
Like : 0
blogger
binhdinhzMEM LV1
11/3/2016, 09:01
#10
đã chọn ivision rồi đó , Thôi add skin khác rồi Smile
tonyhoaivu
Bài viết : 124
Points : 280
Like : 8
Punbb
Cẩn thận
tonyhoaivuMEM LV3
12/19/2016, 00:07
#11
làm ăn như *** mè cái skin rồi đó
dksFeed
Bài viết : 154
Points : 238
Like : 26
Punbb
Status : Rất vui khi được tham gia cùng HotroFM !
dksFeedMEM LV3
12/19/2016, 00:09
#12
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
Bài viết : 124
Points : 280
Like : 8
Punbb
Cẩn thận
tonyhoaivuMEM LV3
12/21/2016, 01:54
#13
ý mình sao khi chèn xong lỗi tè lè
lasperpen
Bài viết : 239
Points : 457
Like : 156
PhpBB3
Quản trị
Status : Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi
lasperpenMOD
12/21/2016, 14:00
#14
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
tonyhoaivu
Bài viết : 124
Points : 280
Like : 8
Punbb
Cẩn thận
tonyhoaivuMEM LV3
4/29/2018, 11:25
#15
http://phanriclub.bforum.biz/forum Lỗi Last Không Được Như Demo Ai Xem Giúp Mình Với
Sponsored content
#16
Ads bannerAds banner