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

avatar

LASPERPEN169
357
132
Invision
Quản trị
Quản trị viên

Bài viết :
169
Points :
357
Like :
132
Invision
Quản trị

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
 Trả lời bài viết
avatar

LASPERPEN169
357
132
Invision
Quản trị
Quản trị viên

Bài viết :
169
Points :
357
Like :
132
Invision
Quản trị

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
 Trả lời bài viết
avatar

LASPERPEN169
357
132
Invision
Quản trị
Quản trị viên

Bài viết :
169
Points :
357
Like :
132
Invision
Quản trị

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
 Trả lời bài viết
avatar

LASPERPEN169
357
132
Invision
Quản trị
Quản trị viên

Bài viết :
169
Points :
357
Like :
132
Invision
Quản trị

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')));
});
});
 Trả lời bài viết
avatar

Giựt238
388
80
Punbb
Cẩn thận
Éo có đối thủ
Thành viên thân thiết
Thành viên thân thiết

Bài viết :
238
Points :
388
Like :
80
Punbb
Cẩn thận
Éo có đối thủ
Tks
 Trả lời bài viết
avatar

hoilamgi19
29
4
Punbb
An toàn
Thành viên chính thức
Thành viên chính thức

Bài viết :
19
Points :
29
Like :
4
Punbb
An toàn
quá đẹp
 Trả lời bài viết
avatar

binhdinhz21
25
0
blogger
Thành viên chính thức
Thành viên chính thức

Bài viết :
21
Points :
25
Like :
0
blogger
 Trả lời bài viết
avatar

binhdinhz21
25
0
blogger
Thành viên chính thức
Thành viên chính thức

Bài viết :
21
Points :
25
Like :
0
blogger
 Trả lời bài viết
avatar

the_dav186
263
41
Punbb
Quản trị
Trảm Phong

Bài viết :
186
Points :
263
Like :
41
Punbb
Quản trị
@binhdinhz đã viết:

vẻr invísion nhé bạn
 Trả lời bài viết
avatar

binhdinhz21
25
0
blogger
Thành viên chính thức
Thành viên chính thức

Bài viết :
21
Points :
25
Like :
0
blogger
đã chọn ivision rồi đó , Thôi add skin khác rồi Smile
 Trả lời bài viết
avatar

tonyhoaivu13
22
3
Punbb
Thành viên chính thức
Thành viên chính thức

Bài viết :
13
Points :
22
Like :
3
Punbb
làm ăn như *** mè cái skin rồi đó
 Trả lời bài viết
avatar

dksFeed154
236
24
Punbb
Your Name?
Thành viên thân thiết
Thành viên thân thiết

Bài viết :
154
Points :
236
Like :
24
Punbb
Your Name?
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 đó
 Trả lời bài viết
avatar

tonyhoaivu13
22
3
Punbb
Thành viên chính thức
Thành viên chính thức

Bài viết :
13
Points :
22
Like :
3
Punbb
ý mình sao khi chèn xong lỗi tè lè
 Trả lời bài viết
avatar

LASPERPEN169
357
132
Invision
Quản trị
Quản trị viên

Bài viết :
169
Points :
357
Like :
132
Invision
Quản trị
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
 Trả lời bài viết
Điểm 4.6/5 dựa vào 87 đánh giá

Có Thể Bạn Quan Tâm

Đang tải...