[Skin] Chia sẻ skin Phutu 2016 ver Punbb

Demo ảnh

[Skin] Chia sẻ skin Phutu 2016 ver Punbb Phutu10

Hướng dấn

ACP >> Display >> Colors >> CSS
Thay toàn bộ bằng code sau

Code:

/* Button topic */.pun .posting a{background-color:#3B6E22;color:#FFF !important;font:bold 14px Arial;padding:6px 20px;margin-right:5px}
.posting a[href*="mode=reply"]:before{content:"Trả lời"}
.posting a[href*="mode=newtopic"]:before{content:"Đăng bài"}
.posting a[href^="/privmsg?mode=reply"]:before{content:"Trả lời"}
.posting a[href^="/privmsg?mode=post"]:before{content:"Gửi tin"}
.post-options a[href*="mode=quote"]:before{content:"• Trích dẫn"}
.post-options a[href*="?thank="]:before{content:"• Cảm ơn"}
.post-options a[href*="mode=editpost"]:before{content:"• Sửa"}
.post-options a[href*="mode=delete"]:before{content:"• Xóa"}
.post-options a[href*="mode=report"]:before{content:"• Báo lỗi"}
.post-options a[href^="/report?mode=lock"]:before{content:"• Khóa báo lỗi"}
.post-options a[href*="mode=ip"]:before{content:"• Xem IP"}
/* Khung post */.sceditor-group a{cursor:pointer!important;border:1px solid #999!important;background:#FFF url(http://i38.servimg.com/u/f38/16/18/15/10/untitl27.png)repeat-x bottom left!important;box-shadow:0 1px 0 #dedade!important;margin-left:-1px;border-radius:0;-moz-border-radius:0;padding:0 3px!important}
a.sceditor-button-faspoiler div{background:#FFF url(http://i35.servimg.com/u/f35/16/18/15/10/183.png)no-repeat center!important;border:1px solid #ccc!important;height:9px!important;width:9px!important;padding:3px!important}
.sceditor-container{border:1px solid #bdbdbd!important;border-radius:0!important;-moz-border-radius:0!important}
.sceditor-toolbar{text-align:left;border-bottom:1px solid #cecfce!important;background:#f2f2f2!important}
.sceditor-group a:active{background:#dedede!important;box-shadow:inset 0 1px 1px #b0b0b0!important}
.sceditor-group a.hover,.sceditor-group a.active{background:#dedede!important;box-shadow:inset 0 0 0 #b0b0b0!important}
.sceditor-toolbar .sceditor-group{background:none!important;border:0!important}
.sceditor-button-date,.sceditor-button-time{display:none!important}
/* View */.reply #pun-qpost .main-head{display:none}
.reply #pun-qpost .main-content.frm,.reply .frm-form{background:none !important;border:0;margin:-10px;padding:0}
/* Số trang */.pun .paging a{background-color:#FFF;background-image:url(http://i28.servimg.com/u/f28/16/18/15/10/untitl12.png);background-position:bottom left;background-repeat:repeat-x;border:1px solid #ccc;color:#000;font-family:Tahoma;font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;height:15px !important;line-height:15px !important;margin:3px;padding:4px 6.5px}
.pun .paging{color:#FFF;display:inline-block;font-size:0;padding:0}
.pun .paging b{background-color:#ffedcf;border:1px solid #e6913c;color:#f60;font-family:Tahoma;font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;height:15px !important;line-height:15px !important;margin:3px;padding:4px 6.5px}
.pun .paging a:hover{border:1px solid #417394}
.pun .paged .paging,.pun .paged-foot .paging{float:right}
.pun .paged .posting{float:left}
/* Điều hướng */.pun div.nav a.nav{color:#243E75;display:inline-block;margin-top:-2px}
.pun div.nav a.nav{background-image:url(http://i57.servimg.com/u/f57/16/18/15/10/141.png);background-position:left top;background-repeat:no-repeat;display:inline-block;font-family:Tahoma;font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;height:20px;margin-bottom:-2px;padding:10px 5px 4px 15px}
.pun div.nav{background-color:#FFF;background-image:url(http://i57.servimg.com/u/f57/16/18/15/10/1335.png);background-position:top left;background-repeat:repeat-x;font-size:0;height:31px;margin-bottom:-5px;overflow:hidden;padding:2px 5px 1px 20px}
/* Box con 2 cột */.indexbox .smallrum{font-size:0;display:inline-block;width:100%}
.indexbox .smallrum a img{vertical-align:text-top;padding-right:2px}
.indexbox .smallrum a.gensmall{margin-right:5px;display:inline-block;padding-left:20px;overflow:hidden;text-overflow:ellipsis;width:40%;white-space:nowrap;float:left;font-size:12px;font-weight:bold;font-famli:Arial;background-size:16px 16px;margin-bottom:4px}
/* Box */.indexbox{display:inline-block;width:50%;font:12px Arial;float:left}
.indexbox1{padding:10px;border:1px solid #ddd;margin:5px}
.indexbox2{overflow:hidden;padding-left:110px}
.avatar_box1{display:inline-block;height:100px;width:100%}
.indexbox3{border-top:1px solid #ddd;margin:10px -10px 0 -10px;padding:7px 10px;height:30px;overflow:hidden}
.lastpost{font-weight:bold;background:url(http://i19.servimg.com/u/f19/18/83/96/52/111.png)no-repeat left center;padding-left:20px}
.indexbox01{margin:0 -5px}
.indexbox_view{display:inline-block;background:url(http://tb2.bdstatic.com/tb/static-frs/widget/forum_recommend/img/post_num_icon_3b35c3c.png)no-repeat left;padding-left:20px;color:rgb(255,125,57);margin:7px 0}
.indexbox_mota{color:rgb(156,154,156);max-height:50px;overflow-y:hidden}
/* Cột phải */#content-container div#right{float:right;overflow:hidden;width:180px}
#right{height:100%;margin-top:0 !important}
#right{position:relative}
.top_avatarbox,.avatar_box a[href*="/f"]{background-image:url(http://i38.servimg.com/u/f38/18/83/96/52/th/timg10.png);background-repeat:no-repeat;background-position:left top;background-size:100px 100px}
.avatar_box a[href*="/f40-"]{background-image:url(http://i39.servimg.com/u/f39/18/83/96/52/th/113.jpg)}
.mapxte{font-family:Arial;width:244px;display:inline-block;margin:0;padding:0;list-style:none;margin-top:10px}
.mapxte li a{font-size:14px;margin:0;padding:5px 1px 5px 28px;color:#333!important;display:block;background-size:16px 16px!important;background-position:4px 4px!important}
.mapxte li a:hover{background-color:rgb(247,247,247)}
.mapxte dd,.mapxte dd a{color:rgb(148,150,165)!important}
.mapxte .anbox{display:none}
.mapxte li{text-transform:capitalize}
.mapxte dd{margin:10px 0 5px 3px;font-size:14px;text-transform:uppercase;font-weight:bold}
.mapxtemo{background-position:228px 4px;background-repeat:no-repeat;background-image:url(http://i84.servimg.com/u/f84/17/57/29/64/select10.gif)}
.mapxte li a:first-child{text-transform:uppercase;font-weight:bold}
li.mapxteshow,.mapxtemo:hover{background-color:#FFF;background-image:none;border:1px solid #b0b0b0;margin-left:-1px;margin-top:-1px}
li.mapxteshow{border-top:0!important;border-right:0!important;border-bottom:0!important;background:none!important}
li.mapxteshow .anbox,.mapxtemo:hover .anbox,.mapxtemo:active .anbox{display:block!important}
.hrright{border-top:1px solid #d4d4d4;margin:7px 0 5px 0}
.navright{padding-top:8px;padding-bottom:8px;font-size:14px;font-weight:bold;font-family:Arial;text-transform:uppercase}
.navright,.pun .navright a{color:#333}
.pun a.topictitle{font-size:14px;line-height:180%;font-family:Arial;font-weight:bold}
/* All */.pun{width:982px !important}
body{color:#000;font-family:Verdana,Arial,sans-serif;font-size:12px}
a{text-decoration:none !important}
#pun-intro,#pun-head #pun-navlinks,.pun-crumbs,#pun-visit,#pun-about #qjump,#pun-info{display:none}
#wrapper{width:700px;display:inline-block;border-right:1px solid rgb(222,223,231)}
#content-container{min-height:2000px;margin-top:-4px;border-width:0 1px 1px;border-style:none solid solid;border-color:rgb(222,223,231);border-image:none}
.pun .main-content{background-color:#fff}
.main .main-head,.main-head{color:#333 !important;background-color:#e7e7e7;background-image:url(http://i.imgur.com/36LlnK7.png);background-position:top left;background-repeat:repeat-x;font-family:Tahoma !important;font-size:12px !important;padding:8px 15px;border:1px solid #ddd}
.pun .paged-foot,.pun .paged-head{background:0;border:0;margin:0 -3px}
#pun-about{background:0;border:0;line-height:normal;padding:0;text-align:center}
#ab39 img{display:none}
/* Log Reg */#username_reg,#email,#password_reg,#password,#subject,#username{width:200px;padding:7px 7px 7px 30px;font:14px Arial;border:1px solid #b0b0b0}
#username_reg,#username{float:left;background:#FFF url(http://i48.servimg.com/u/f48/16/18/15/10/login_11.jpg) no-repeat 5px center}
#password_reg,#password{float:left;background:#FFF url(http://i48.servimg.com/u/f48/16/18/15/10/login_12.jpg) no-repeat 5px center}
#email{float:left;background:#FFF url(http://i21.servimg.com/u/f21/17/57/29/64/emaiii10.jpg) no-repeat 5px center}
/* Thanh menu */.pun .topmuc a.acpt{margin:-13px -1px -13px -1px;padding:13px 15px 12px 39px;background-color:rgb(231,227,231);border:1px solid rgb(206,211,214);border-right:1px solid rgb(222,227,231) position:relative;z-index:2}
.pun .topmuc a{display:inline-block;padding:0 15px 0 39px;background-repeat:no-repeat;background-position:15px center;font:16px Arial;color:rgb(90,101,115);border-left:1px solid #FFF;border-right:1px solid rgb(214,219,231)}
.pun .topmuc a:nth-child(2){border-left:0}
.tienich:hover a.tienichshow{border:1px solid #ccc !important;background-color:#FFF !important;border-bottom:1px solid #FFF !important}
.tienich span{z-index:5;position:relative;float:right;margin-bottom:-170px;margin-top:10px;border:1px solid #ccc;width:170px;height:80px;margin-right:-1px;background-color:#FFF;padding:10px}
.pun .tienich span a{font:12px Arial !important;background:none;width:75px;border:0;color:#000;margin:0 !important;padding:5px !important}
a.tienichshow{position:relative;z-index:6;border:1px solid transparent !important;background:url(http://i39.servimg.com/u/f39/18/83/96/52/169.png)no-repeat 80px center !important;margin:-8px 4px -11px 0;padding:8px 39px 10px 15px !important}
.tienich:hover span{display:inline-block!important}
/* Button */.pun input[name="login"],.pun input[name="submit"],.pun input.mainoption,.pun input[name="post"]{color:#fff;background-color:rgb(87,145,237);background-position:top left}
input.button2:hover,input[type="button"],.pun input[type="submit"],input[type="reset"]{border:0;cursor:pointer;background-position:bottom left;font:bold 11px Tahoma !important;height:32px !important;padding:8px 20px 11px !important;font:bold 14px Arial !important}
button.button2,input.button2{background-image:none}

ACP >> Display >> QLTT
Thay từng template tương ứng
Index_box

Code:

<div class="main">
<!-- BEGIN catrow -->
 <!-- BEGIN tablehead -->
 <table cellspacing="0" class="table">

 <div class="indexbox01">
 <!-- END tablehead -->

 <!-- BEGIN forumrow -->
 <div class="indexbox">
 <div class="indexbox1 avatar_box">
                                                  <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle avatar_box1">
                                                  <div class="indexbox2">
 <h{catrow.forumrow.LEVEL} class="hierarchy">{catrow.forumrow.FORUM_NAME}</h{catrow.forumrow.LEVEL}>
 <br />
                                                    <div class="indexbox_view">{catrow.forumrow.TOPICS}</div>
 <br />
                                                    <div class="indexbox_mota">{catrow.forumrow.FORUM_DESC}</div>
                                                    
                                                  </div>
                                                  </a>
 <div class="indexbox3">
                                                          <div class="box smallrum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
                                                  <a class="lastpost" href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a>
                                                  </div>
                                                    
 </div>
 
 </div>
 <!-- END forumrow -->

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

Overall_header

Code:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
 <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
        <script type="text/javascript">
        //<![CDATA[
        function lang_vi(a) {
            a = a.toLowerCase();
            a = a.replace(/\u00e0|\u00e1|\u1ea1|\u1ea3|\u00e3|\u00e2|\u1ea7|\u1ea5|\u1ead|\u1ea9|\u1eab|\u0103|\u1eb1|\u1eaf|\u1eb7|\u1eb3|\u1eb5/g, "a");
            a = a.replace(/\u00e8|\u00e9|\u1eb9|\u1ebb|\u1ebd|\u00ea|\u1ec1|\u1ebf|\u1ec7|\u1ec3|\u1ec5/g, "e");
            a = a.replace(/\u00ec|\u00ed|\u1ecb|\u1ec9|\u0129/g, "i");
            a = a.replace(/\u00f2|\u00f3|\u1ecd|\u1ecf|\u00f5|\u00f4|\u1ed3|\u1ed1|\u1ed9|\u1ed5|\u1ed7|\u01a1|\u1edd|\u1edb|\u1ee3|\u1edf|\u1ee1/g, "o");
            a = a.replace(/\u00f9|\u00fa|\u1ee5|\u1ee7|\u0169|\u01b0|\u1eeb|\u1ee9|\u1ef1|\u1eed|\u1eef/g,
                "u");
            a = a.replace(/\u1ef3|\u00fd|\u1ef5|\u1ef7|\u1ef9/g, "y");
            a = a.replace(/\u0111/g, "d");
            a = a.replace(/\W+/g, "-");
            a = a.replace(/^\-+|\-+$/g, "");
            a = a.replace(/(-group)$/, "");
            return a.replace(/(-page-\d+)$/, "")
        }
        var path = location.pathname,
            canonical = path + location.search + location.hash;
        /(\-category|\-forum|\-topic|\-group)/.test(path) && history.replaceState(null, null, canonical.slice(1).replace(/(\-category|\-forum|\-topic|\-group)/, "-" + lang_vi(document.title)));
        //]]>
 </script>
 <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}
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" />{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 -->
 <!-- BEGIN switch_ticker_new -->
 <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
 <script type="text/javascript">//<![CDATA[
 /* Definir le sens de direction en fonction du panneau admin */
 var tickerDirParam = "{switch_ticker.DIRECTION}";
 var slid_vert = false;
 var auto_dir = 'next';
 var h_perso = parseInt({switch_ticker.HEIGHT});
 switch( tickerDirParam )
 {
 case 'top' :
 slid_vert = true;
 break;
 case 'left':
 break;
 case 'bottom':
 slid_vert = true;
 auto_dir = 'prev';
 break;
 case 'right':
 auto_dir = 'prev';
 break;
 default:
 slid_vert = true;
 }
 $(document).ready(function() {
 var width_max = $('ul#fa_ticker_content').width();
 var width_item = Math.floor(width_max / {switch_ticker.SIZE});
 if (width_max > 0)
 {
 $('#fa_ticker_content').css('display','block');
 $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
 if ($(this).width() > width_item)
 {
 var ratio = $(this).width() / width_item;
 var new_height = Math.round($(this).height() / ratio);
 $(this).height(new_height).width(width_item);
 }
 });
 if (slid_vert)
 {
 var height_max = h_perso;
 $('ul#fa_ticker_content li').each( function () {
 if ($(this).height() > height_max)
 {
 height_max = $(this).height();
 }
 } );
 $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
 $('ul#fa_ticker_content li').height(height_max);
 }
 $('#fa_ticker_content').jcarousel({
 vertical: slid_vert,
 wrap: 'circular',
 auto: {switch_ticker.STOP_TIME},
 auto_direction: auto_dir,
 scroll: 1,
 size: {switch_ticker.SIZE},
 height_max: height_max,
 animation: {switch_ticker.SPEED}
 });
 }
 else
 {
 $('ul#fa_ticker_content li:not(:first)').css('display','none');
 $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
 }
 });
 //]]>
 </script>
 <!-- END switch_ticker_new -->
 <script type="text/javascript">
 //<![CDATA[
 jQuery().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 -->
 $(window).load(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 = false;
 <!-- END switch_login_popup -->
 <!-- BEGIN switch_login_popup -->
 $(document).ready( function() {
 $(window).resize(function() {
 var windowWidth = document.documentElement.clientWidth;
 var popupWidth = $("#login_popup").width();
 var mypopup = $("#login_popup");
 $("#login_popup").css({
 "left": windowWidth/2 - popupWidth/2
 });
 });
 });
 <!-- END switch_login_popup -->
 //]]>
 </script>
 {GREETING_POPUP}
 <!-- BEGIN switch_ticker_new -->
 <style>
 .jcarousel-skin-tango .jcarousel-item {
 text-align:center;
 width: 10px;
 }
 .jcarousel-skin-tango .jcarousel-item-horizontal {
 margin-right: {switch_ticker.SPACING}px;
 }
 .jcarousel-skin-tango .jcarousel-item-vertical {
 margin-bottom: {switch_ticker.SPACING}px;
 }
 </style>
 <!-- END switch_ticker_new -->
 {HOSTING_JS}
 <!-- BEGIN google_analytics_code -->
 <script type="text/javascript">
 //<![CDATA[
 var _gaq = _gaq || [];
 _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
 _gaq.push(["_trackPageview"]);
 _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 main" style="z-index: 10000 !important;">
 <div id="login_popup_title" class="main-head">
 <div class="h3">{SITENAME}</div>
 </div>
 <div class="main-content">
 {LOGIN_POPUP_MSG}
 <div id="login_popup_buttons">
 <form action="{S_LOGIN_ACTION}" method="get">
 <input type="submit" class="button2" value="{L_LOGIN}" />
 <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
 <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
 </form>
 </div>
 </div>
 </div>
 <!-- END switch_login_popup -->
 <a id="top" name="top" accesskey="t"></a>
 <div class="minwidth_IE">
 <div class="layout_IE">
 <div class="container_IE">
 <div class="pun">
                                  
                                  <div style="top:0px;left:0px;z-index:7;width:100%;background-position:top left;padding:10px 0 15px 0;height:24px;background-color:#FFF" class="topload blogpt" align="center">
                                    <div class="bb22" align="left">
                                      <!-- BEGIN switch_user_logged_out -->
                                      <span style="float:right;display:inline-block;width:470px" class="ptdn">
                                        <style>.toplogin input#username,.toplogin input#password {width:90px;margin:0px 5px;font:14px Arial;}</style>
                                        <script type="text/javascript"> $(function(){$("input#username_reg").attr("maxlength","16");})</script>
                                        <form action="/login" method="post" name="form_login" class="toplogin" style="float:left">
                                          <script type="text/javascript">document.write('<input type="hidden" name="redirect" value="' + location.href + '" />')</script>
                                          <input name="autologin" checked="true" style="display:none" type="checkbox">
                                            <input tabindex="1" name="username" id="username" size="30" maxlength="40" onblur="if (this.value == '') this.value = 'Tên truy cập';" onfocus="if (this.value == 'Tên truy cập') this.value = '';" value="Tên truy cập" placeholder="Tên truy cập" class="inputfield" type="text">
                                              <input tabindex="2" id="password" name="password" size="30" maxlength="25" onblur="if (this.value == '') this.value = 'Mật khẩu';" onfocus="if (this.value == 'Mật khẩu') this.value = '';" value="Mật khẩu" placeholder="Mật khẩu" class="inputfield" type="password">
                                                <input name="login" tabindex="6" value="Đăng Nhập" type="submit">
                                                </form>
                                                <a href="/register?agreed=true&amp;step=2" class="dangkibottom mobilept">Đăng ký</a>
                                              </span>
                                         <!-- END switch_user_logged_out -->
                                              
                                              <!-- BEGIN switch_user_logged_in -->
                                              <div style="float:right;display:inline-block;margin-top:-4px;text-align:right" class="toppt">
                                                <style>.quangcaopt {display:none!important}.topprofile {float:right;display:inline-block;font-family:Arial;;margin-right:2px}.topprofile span {display:none}div.topprofile .a_topprofile {display:inline-block;padding:10px 5px;border:1px solid transparent;border-bottom:0;font-weight:bold;}.topprofile .tb_top,.topprofile .edit_top {background-image:url(http://i59.servimg.com/u/f59/18/83/96/52/untitl13.png);background-repeat:no-repeat;background-position:center 10px;height:17px;width:14px;}.topprofile .tb_top {background-image:url(http://i59.servimg.com/u/f59/18/83/96/52/untitl14.png);}.topprofile:hover .a_topprofile {border-color: rgb(181,174,173);background-color:#FFF;position: relative;z-index:15;}.topprofile:hover span {z-index: 12;position: absolute;display:inline-block;border:1px solid rgb(181,174,173);padding:0 20px;background-color:#FFF;width:100px;margin-top:-1px;margin-left:-142px;text-align:left;}.pun .topprofile span a {display:block;border-top:1px dotted #d4d4d4;padding:7px 0;color:#000;}.pun .topprofile span a b {color:red;font-weight:normal;float:right}.topprofile span a:first-child {border:0}#av_top img {width:25px;height:25px;margin-top:5px}.sms_top {background-color:red;color:#FFF;font-weight:normal;display:inline-block;padding:0 3px;position: absolute;margin-top:-7px;margin-left:13px;font-size:10px;}.sms_top0 {display:none}</style>
                                                <script>$(function() {$('#name_top').html(_userdata['username']);$('#av_top,.reply1').html(_userdata['avatar']);$('#post_top').html(_userdata['user_posts']);$('#like_top').html(_userdata['point_reputation']);$('#not_top').html(_userdata['notifications']);});</script>
                                                <div class="topprofile" style="margin-top:1px">
                                                  <a href="/privmsg?folder=inbox" class="a_topprofile tb_top" style="background-color:transparent;border-color: transparent;">
                                                    <b class="sms_top sms_top0"></b>
                                                  </a>
                                                </div>
                                                <div class="topprofile">
                                                  <a href="/profile?mode=editprofile" class="a_topprofile edit_top"></a>
                                                  <br />
                                                  <span>
                                                    <a href="/profile?mode=editprofile&amp;page_profil=preferences">Tùy chỉnh cá nhân</a>
                                                    <a href="/profile?change_password=Change+your+password&amp;mode=editprofile&amp;page_profil=informations">Đổi mật khẩu</a>
                                                    <a href="/profile?mode=editprofile&amp;page_profil=avatars">Sửa ảnh đại diện</a>
                                                    <a href="/profile?mode=editprofile&amp;page_profil=signature">Sửa chữ ký</a>
                                                    <a href="{U_LOGIN_LOGOUT}" rel="nofollow" id="logout">Thoát</a>
                                                  </span>
                                                </div>
                                                <div class="topprofile mobilept">
                                                  <a href="/profile?mode=editprofile" class="a_topprofile" id="name_top"></a>
                                                  <br/>
                                                  <span>
                                                    <a href="/profile?mode=editprofile">Lý lịch tôi</a>
                                                    <a href="/search?search_id=activetopics">Bài trong ngày</a>
                                                    <a href="/search?search_id=favouritesearch">Bài yêu thích</a>
                                                    <a href="/search?search_id=egosearch">Bài viết tôi
                                                      <b id="post_top"></b>
                                                    </a>
                                                    <a href="/profile?mode=editprofile">Được thích
                                                      <b id="like_top"></b>
                                                    </a>
                                                    <a href="/profile?mode=editprofile&amp;page_profil=notifications">Thông báo
                                                      <b id="not_top"></b>
                                                    </a>
                                                  </span>
                                                </div>
                                                <a href="/profile?mode=editprofile&amp;page_profil=avatars" class="topprofile" id="av_top">
                                                  <img src="http://r12.imgfast.net/users/1211/23/83/92/avatars/gallery/111.jpg" alt=""/>
                                                </a>
                                              </div>
                                              <!-- END switch_user_logged_in -->
                                              
                                              <form id="sell1" method="get" action="/h36-search" name="cpsearch" style="width:450px;display:inline-block;float:left;">
                                                <input autocomplete="off" class="ui-autocomplete-input" name="q" onblur="if (this.value == '') this.value = 'My Life';" onfocus="if (this.value == 'My Life') this.value = '';" value="My Life" placeholder="My Life" style="border:1px solid #d4d4d4;padding:7px 30px 7px 8px;font:14px Arial;color:#333333;background: #FFF url(http://i57.servimg.com/u/f57/16/18/15/10/1102.png)no-repeat right;width:100%;height:16px" type="text">
                                                </form>
                                              </div>
                                            </div>
                                  
                                    
                                    <div class="topmuc blogpt" style="background-color:rgb(238,239,243);background-image:url(http://i.imgur.com/36LlnK7.png);background-repeat:repeat-x;background-position:top left;border:1px solid rgb(222,223,231);border-bottom:1px solid rgb(214,219,222)">
                                      <div style="padding:12px 0">
                                        <a href="/" style="background-image:url(http://i.imgur.com/HE1Sg9r.png)" class="acpt mobilept">Trang chính</a>
                                        <a href="/f54-forum#view" style="background-image: url(http://i.imgur.com/ayBGt3J.png)">Hình ảnh</a>
                                        <a href="/f3-forum" style="background-image: url(http://i39.servimg.com/u/f39/16/18/15/10/113.png)">Tin Hay</a>
                                        <a href="/h58-Games" style="background-image: url(http://i39.servimg.com/u/f39/18/83/96/52/123.png)" class="mobilept">Games</a>
                                        <a href="/h3-Tools" style="background-image: url(http://i74.servimg.com/u/f74/18/83/96/52/110.png)" class="mobilept">Phần mềm</a>
                                        <a href="/f65-forum#view" style="background-image: url(http://i39.servimg.com/u/f39/18/83/96/52/156.png);border-right:0!important">Video</a>
                                        <span class="tienich">
                                          <a href="/t129-topic" target="_blank" style="float:right;border:0" class="mobilept tienichshow">Tiện ích</a>
                                          <span style="display:none">
                                            <a href="/h32-forum" target="_blank">Photoshop</a>
                                            <a href="/h22-uploadimage" target="_blank">Up Ảnh</a>
                                            <a href="/h1-gamemini" target="_blank">Game Mini</a>
                                            <a href="/h4-" target="_blank">Truyện Tranh</a>
                                            <a href="/h47-" target="_blank">Ảnh Bìa Fb</a>
                                          </span>
                                        </span>
                                      </div>
                                            </div>
                                    
                                    
 <div id="pun-intro" class="clearfix">
 <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
 <!-- BEGIN switch_h1 -->
 <div id="pun-title">{switch_h1.MAIN_SITENAME}</div>
 <!-- END switch_h1 -->
 <!-- BEGIN switch_desc -->
 <p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>
 <!-- END switch_desc -->
 </div>
 <div id="pun-head">
 <div id="pun-navlinks">
 <ul class="clearfix">
 <li>{GENERATED_NAV_BAR}</li>
 </ul>
 </div>
 </div>
 <!-- BEGIN switch_ticker_new -->
 <div id="fa_ticker_block" style="padding-top:4px;">
 <div class="module main">
 <div class="main-content clearfix">
 <div id="fa_ticker_container">
 <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">
 <!-- BEGIN ticker_row -->
 <li>{switch_ticker.ticker_row.ELEMENT}</li>
 <!-- END ticker_row -->
 </ul>
 </div>
 </div>
 </div>
 </div>
 <!-- END switch_ticker_new -->
 <!-- BEGIN switch_ticker -->
 <div id="fa_ticker_block" style="padding-top:4px;">
 <div class="module main">
 <div class="main-content clearfix">
 <div id="fa_ticker_container">
 <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
 <div class="fa_ticker_content">
 <!-- BEGIN ticker_row -->
 <div>{switch_ticker.ticker_row.ELEMENT}</div>
 <!-- END ticker_row -->
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 <!-- END switch_ticker -->
 <div id="page-body">
 <div id="content-container">
 <div id="outer-wrapper">
                                                          
                                                          
<span style="float:right">
  <div id="right" style="display:inline-block;width:245px;padding:15px;padding-top:0" class="topload1 blogpt">
    <ul class="mapxte avatar_box">
      <dd>Trò chơi</dd>
      <li class="mapxtemo f40 f4 f16 f29 f32 f25 f87 suboxf46">
        <a href="/f40-forum" class="f40">Divide &amp; Fight</a>
        <a href="/f4-forum" class="anbox f4">Bản tin D&amp;F</a>
        <a href="/f16-forum" class="anbox f16">Báo lỗi</a>
        <a href="/f29-forum" class="anbox f29">Giao lưu - đấu trường</a>
        <a href="/f32-forum" class="anbox f32">Thư viện</a>
        <a href="/f25-forum" class="anbox f25">Clan</a>
        <a href="/f87-forum" class="anbox f87 mapsub">Video DF</a>
      </li>
      <li class="mapxtemo f15 f106 f47 27 f104 f46 f22 suboxf15">
        <a href="/f15-forum" class="f15">Warcraft III</a>
        <a href="/f22-forum" class="f22 anbox">Custom map tần tật</a>
        <a href="/f106-forum" class="anbox f106">9x Hero Defense VN</a>
        <a href="/f27-forum" class="anbox f27 mapsub">Hướng dẫn tạo map</a>
        <a href="/f104-forum" class="anbox f104">Ảnh đẹp Warcraft III</a>
        <a href="/f46-forum" class="anbox f16">Video Warcraft III</a>
      </li>
      <li>
        <a href="/f121-forum" class="f64">Game Private</a>
      </li>
      <li class="mapxtemo f58 f6 f102 f131 f110">
        <a href="/f58-forum" class="f58">PC Games Offline</a>
        <a href="/f102-forum" class="anbox f102">Mini Game PC</a>
      </li>
      <dd>Giải trí</dd>
      <li>
        <a href="/f65-forum" class="f65 f111 f95 f87 f11">Video Clip</a>
      </li>
      <li class="mapxtemo f54 f73 f98 f57 f55 f100 f74 f83">
        <a href="/f54-forum" class="f54">Hình ảnh đẹp</a>
        <a href="/f115-forum" class="anbox f115">Ảnh Vui Cười</a>
        <a href="/f73-forum" class="anbox f73">Hình Nền Máy Tính</a>
        <a href="/f98-forum" class="anbox f98">Cosplay</a>
        <a href="/f100-forum" class="anbox f100">Bìa facebook</a>
        <a href="/f74-forum" class="anbox f74">Ảnh đẹp khác</a>
      </li>
      <li>
        <a href="/f3-forum" class="f3">Tin Hay</a>
      </li>
      <li class="mapxtemo f56 f126 f118 f79 f127 f129 f103">
        <a href="/f56-forum" class="f56">Hội quán truyện</a>
        <a href="/f52-forum" class="anbox f52">Tam Quốc Kỳ Truyện</a>
        <a href="/f126-forum" class=" anbox f126">Truyện cười</a>
        <a href="/f118-forum" class="anbox f118">Ô Long Viện</a>
        <a href="/f127-forum" class="anbox f127">Tay Du Ký 1</a>
        <a href="/f129-forum" class="anbox f129">Tay Du Ký 2</a>
        <a href="/f103-forum" class="anbox f103">Lưu trữ truyện tranh</a>
      </li>
      <li>
        <a href="/f8-forum" class="f8">Âm nhạc - Nonstop</a>
      </li>
      <dd>Công nghệ</dd>
      <li class="mapxtemo f97 f122">
        <a href="/f97-forum" class="f97">Phần Mềm Tổng Hợp</a>
        <a href="/f105-forum" class="anbox f105">Movie Maker</a>
      </li>
      <li>
        <a href="/f122-forum" class="f122">Thủ thuật mẹo vặt</a>
      </li>
      <dd>Nhóm</dd>
      <li class="mapxtemo">
        <a href="/f30-forum" class="f30">Anime Manga</a>
        <a href="/f48-forum" class="anbox f48">Fairy Tail</a>
        <a href="/f49-forum" class="anbox f49">One Piece</a>
        <a href="/f60-forum" class="anbox f60">Tổng Hợp Map Anime</a>
        <a href="/f66-forum" class="anbox f66">Anime Vietsub</a>
      </li>
    </ul>
    
    <div id="abb11">
      <style>.phutu_new {display:inline-block;margin-top:10px}.new_mod div:first-child .phutu_new{border-top:0px}.phutu_new img {width:100%;height:170px;margin-top:-25px;margin-bottom:10px}.phutu_new b {display:inline-block;color:#000;font:bold 14px/20px Arial}.phutu_new span {float:left;display:block;width:100%;height:123px;float:left;overflow:hidden;margin-bottom:5px;background-color:#000}.phutu_new embed {display:none}</style>
      <div style="float:right">
            
 <div class="thanhtien" style="right:20px;float: right; width: 45px; position: fixed; bottom: 30%;display: inline-block;margin-left:20px;z-index:98">
          <a style="display:none;width:45px;height:45px;background-image: url(http://i39.servimg.com/u/f39/18/83/96/52/163.png);background-repeat:no-repeat;margin-bottom:4px" href="#comments"></a>
          <a style="display:inline-block;width:45px;height:45px;background-image: url(http://i39.servimg.com/u/f39/18/83/96/52/164.png);background-repeat:no-repeat;margin-bottom:4px" onclick="reloadPage()" href="javascript:reloadPage()"></a>
          <a style="display:inline-block;width:45px;height:45px;background-image: url(http://i39.servimg.com/u/f39/18/83/96/52/161.png);background-repeat:no-repeat;margin-bottom:4px" href="#top"></a>      
 </div>
</div>
      <script>
function reloadPage()
  {
  location.reload();
  }
</script></div><div class="bailienquan"></div></div></span>
                                                          
                                                          
 <div id="wrapper">
                                                                  
             <div style="border-width:0px 0px 1px" class="nav main-box">
 <div style="display:block">
 <a href="/" style="display:inline-block;background-image: url(http://i48.servimg.com/u/f48/14/28/30/23/home10.gif);background-repeat:no-repeat;margin:8px 5px 0px -5px;float:left;padding:9px" class="nav"></a>{NAV_CAT_DESC}
 </div>
 </div>
                                                                  
 <div id="container">
 <div id="content" style="padding:10px">
 <div id="{ID_LEFT}">
 <!-- BEGIN giefmod_index1 -->
 {giefmod_index1.MODVAR}
 <!-- BEGIN saut -->
 <div style="height:{SPACE_ROW}px"></div>
 <!-- END saut -->
 <!-- END giefmod_index1 -->
 </div>
 <div id="main">
 <div id="main-content">
<!-- BEGIN html_validation -->
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>  
</body>
</html>
<!-- END html_validation -->

Topics_blog_box

Code:

<style>
  /* Mod new và topic blog */
.singleCol #post-container{background:url("http://i21.servimg.com/u/f21/17/57/29/64/timeli11.jpg") repeat-y 567px top}
.pin-container{float:left;position:relative}
.singleCol #post-container .pin-container{width:220px;padding:5px}
.singleCol #post-container .pin-container:first-of-type{margin-top:0}
.singleCol #post-container .pin-container .midCol{margin-right:10px;width:220px}
.pin{font-size:11px}
.singleCol #post-container .pin{position:relative}
.singleCol .upperInfo h3{display:inline;font-size:100%;font-weight:normal;font-family:inherit;margin:0}
.pin-container .upperInfo h3 a{color:#2b2b2b;font-size:22px;font-weight:bold}
.singleCol #post-container .pin .pin_pic_img_a{height:142px;display:block;overflow:hidden;font-size:0}
.singleCol #post-container .pin .pin_pic_img_a img{width:220px;height:142px;margin-bottom:0}
.pin-container .pinleft{color:#aaa;margin-bottom:5px;margin-top:5px;height:auto;font-size:11px}
.pin-container .pinleft a{color:#aaa;font-size:11px}
.pin-container .pinright{float:right}
.pin-container .bottomInfo{width:450px;padding-top:3px;overflow:hidden}
.pin-container .bottomInfo .block{margin:1px 3px 0 0;padding:3px}
.fl-l{float:left;overflow:hidden}
.pin-container .bottomInfo .block{margin:1px 3px 0 0;padding:3px}
.item {
    display: none;
}
.borr {margin: 0px -5px;}
.pin_pic_img_a br, .pin_pic_img_a > strong, .pin_pic_img_a font, .pin_pic_img_a span{
    display: none;
}
.pin_pic_img_a {
    background-image: url('http://i.imgur.com/rhebXoh.png');
}
</style>

<!-- BEGIN topics_blog_box -->
<div class="singleCol">
 <div id="post-container">
          <div class="borr">
  <!-- BEGIN row -->
<!-- BEGIN topic -->
 <div class="masonry-brick pin-container">
 <div class="midCol">
 <div class="pin">
 <div class="upperInfo">
 </div>
 <a class="pin_pic_img_a" target="_blank" href="{topics_blog_box.row.U_VIEW_TOPIC}">
 {topics_blog_box.row.FIRST_POST_TEXT}
 </a>
                                  <a href="{topics_blog_box.row.U_VIEW_TOPIC}" style="font: bold 14px/20px Arial; display: inline-block; margin-top: 5px; overflow: hidden; height: 38px;" target="_blank">{topics_blog_box.row.TOPIC_TITLE}</a>
 <div class="pinleft">
 <a>Bởi {topics_blog_box.row.TOPIC_AUTHOR}</a>
                                          <span style="float:right">{topics_blog_box.row.LAST_POST_TIME}</span>
 </div>

<div class="item">
 <a href="{topics_blog_box.row.U_VIEW_TOPIC}">
 <div>
 <div class="photo">
                  {topics_blog_box.row.FIRST_POST_TEXT}
 </div>
 </div>
 <p>
{topics_blog_box.row.TOPIC_TITLE}
 </p>
 </a>
</div>
 </div>
 </div>
 </div>
<!-- END topic -->
<!-- END row -->
          </div>
 <div id="listEnd">
 </div>
 </div>
</div>
 <!-- END topics_blog_box -->

Hướng dẫn thay ảnh box chuyên mục : http://www.hotrofm.net/t356-hoi-dap-can-giup-do-ve-skin-phutu-2016#1570

Tags: #skin #punbb

Topics_list_box

Code:

<style>
  .pun .options a {color:#333333!important}.pun a.topictitle1 {line-height:170%}.pun a.topictitle1 img {float:left}.pun .ava_topic{display:inline-block;height:60px;width:160px;float:right;margin-top:-4px;background-size: cover;background-repeat:no-repeat;background-position:center center;border:1px solid #000;}.pun h2.topic-title{padding-right:5px}.pun a.topictitle:visited {color:#096600}.pun a.topictitle:hover {color:red}.pun strong.pagination a {color:#333;font-size:11px;margin:0 1px;background-color:#FFF;padding:0 3px 1px 4px;border:1px solid #999;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius:2px;}.pun strong.pagination a:hover {border-color:#407294;color:#000966;}strong.pagination .page-sep {font-size:0px}.pun table td.tcl{height:auto;}.pun .main-content table.table th{color:#1542AB;font:bold 12px Tahoma}.pun table td.tc2{color:#1542AB}.pun .page-title a {font:bold 11px Tahoma!important;border:1px solid #999;color:#333!important;background-color:#FFF;background-image:url(http://i38.servimg.com/u/f38/16/18/15/10/untitl27.png);background-repeat:repeat-x;background-position:bottom left;box-shadow: 0px 1px 0px #dedade;padding:3px 5px;display:inline-block;margin:-2px 13px -2px -6px;text-transform:none!important;}.pun .page-title a:active {background:#dedede;box-shadow: inset 0 1px 1px #b0b0b0;}.view{float:right;margin-right:5px}.status img {margin-top:3px}.box0 {background-image:url(http://www.servimg.com/u/f57/16/18/15/10/1336.png);background-repeat:repeat-x;background-position:bottom left;padding-bottom:1px;display:inline-block;width:100%}.boxa1 {background-color:rgb(255,251,255);padding:0px 20px;margin:0px -20px}.boxa1 .box1:last-child,.box1 {width:100%;padding:12px 0px 9px 0px;display:inline-block;}.boxa1 .box1:hover {margin:0px;background-color:rgb(255,251,255)}div[alt="http://i57.servimg.com/u/f57/16/18/15/10/144.png"],div[alt="http://i57.servimg.com/u/f57/16/18/15/10/bullho10.png"]{background-color:#fff5f5;padding:8px 20px 1px 20px;margin:0px -20px}.box1:last-child {border-bottom:0px}.box1:hover{background-color:rgb(247,251,255);margin:0px -20px;padding-left:20px;padding-right:20px}.box2 {display:inline-block;width:50px;background-image: url(http://i57.servimg.com/u/f57/16/18/15/10/1223.png);background-repeat:no-repeat;height:13px;padding:4px 0px 12px 0px;color:rgb(102,102,102);text-align:center;float:left;margin-right:15px;margin-top:-3px;font: 12px Arial;margin-bottom:-15px}.box2 span{float:right}.box2 img{margin:10px 0px 0px -12px;position:absolute}.box3 {display:inline-block;width:470px;float:left;margin-top:-2px}.box3 .topictitle {font-weight: bold}.box3 img[src="http://2img.net/i/fa/empty.gif"]{margin:0px!important;margin-bottom:1px!important}.box4 {display:inline-block;font: 12px Tahoma!important}.box4tg{background-image: url(http://i57.servimg.com/u/f57/16/18/15/10/1143.png);background-repeat:no-repeat;background-position:left;padding-left:18px;display:block}.box4bc{background-image: url(http://i57.servimg.com/u/f57/16/18/15/10/1144.png);background-repeat:no-repeat;background-position:left;padding-left:18px;display:block;margin-top:7px}.topic-title a[href*="?view=newest"] img{display:none}.topic-title a[href*="?view=newest"]{display:inline-block;width:25px;height:11px;background: url(http://i57.servimg.com/u/f57/16/18/15/10/new12.gif)no-repeat;margin:0px 4px -2px 4px}.viewpt {text-align:right;float:right;display:inline-block;font:12px Tahoma;margin-right:5px;margin-top:2px}.viewpt img {margin-top:7px}.box1 img+.box2{background-image: url(http://i57.servimg.com/u/f57/16/18/15/10/1246.png)}div[src="http://i57.servimg.com/u/f57/16/18/15/10/bullho10.png"] {background: url(http://i57.servimg.com/u/f57/16/18/15/10/1307.png)no-repeat right}.mota .box4{display:block;width:auto;margin-left:65px}.mota .box4 span {display:inline-block;width:auto;margin-right:5px}.box4a0 {display:none!important}</style>
<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
 <!-- BEGIN multi_selection -->
 <script type="text/javascript">
 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="main-head" style="margin-top:10px">
 <!-- BEGIN multi_selection -->
 <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
 <!-- END multi_selection -->
 <h1 class="page-title"><a rel="nofollow" href="/search?search_id=newposts&amp;search_where=f{FORUM_ID}">Bài mới từ truy cập trước</a><a rel="nofollow" href="/search?search_id=egosearch&amp;search_where=f{FORUM_ID}">Xem bài của bạn</a><a rel="nofollow" href="/search?search_id=watchsearch&amp;search_where=f{FORUM_ID}">Bài đang theo dõi</a></h1>
                <form method="get" action="/search?search_where=11" id="search" style="float:right;margin-top:-20px;margin-right:-10px">
                  <input name="search_keywords" id="keywords1" type="text" maxlength="150" onblur="if (this.value == '') this.value = 'Tìm bài trong chuyên mục này';" onfocus="if (this.value == 'Tìm bài trong chuyên mục này') this.value = '';" value="Tìm bài trong chuyên mục này" placeholder="Tìm bài trong chuyên mục này" style="background:#FFF url(http://i35.servimg.com/u/f35/16/18/15/10/175.png) no-repeat right top;border:1px solid #8d9ac7;padding:4px;font-family: Tahoma;width:250px;color:#333!important;height:13px"><input value="f107" name="search_where" type="hidden" />
                </form>
 </div>
 <div class="main-content" style="padding:0px 10px;margin-bottom:10px;border:0">

<!-- END header_table -->

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

<!-- BEGIN topic -->
 <!-- BEGIN table_sticky -->
 </div>

 <div class="main-head">
 <!-- BEGIN multi_selection -->
 <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
 <!-- END multi_selection -->
 <h2>{topics_list_box.row.topic.table_sticky.L_TITLE} [{topics_list_box.row.topic.table_sticky.COUNT_TOTAL_TOPICS}]</h2>
 </div>
 <div class="main-content" style="padding:0px 20px;margin-bottom:10px">
 <!-- END table_sticky -->
<div class="box0">
 <div class="box1" src="http://2img.net/i/fa/empty.gif">
 <div class="box2">
 {topics_list_box.row.REPLIES}
 </div>
 <div class="box3">
                  <span class="viewpt">
                    <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></span>
                  {topics_list_box.row.ICON}&nbsp;
 <h2 class="topic-title"><span style="text-transform:uppercase;color:Red;font:bold 12px Tahoma"></span>
                          <a class="topictitle topictitle1" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
 <div style="display:inline-block;width:auto;color:rgb(99,101,99);font:12px Tahoma;">
 {topics_list_box.row.FIRST_POST_TIME}
 </div>
 </h2>
 </div>
 <div class="box4">
 <span class="box4tg">
                         {topics_list_box.row.TOPIC_AUTHOR}
                         </span>
                  <span class="box4bc box4a1">{topics_list_box.row.LAST_POST_AUTHOR} 
                    <a href="{topics_list_box.row.U_VIEW_TOPIC}">
     {topics_list_box.row.LAST_POST_IMG}
      </a>
                    </span>
 </div>
 </div>
</div>
<!-- END topic -->
<!-- BEGIN no_topics -->
<tr>
 <td class="tcl" colspan="4"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
</tr>
<!-- END no_topics -->

<!-- BEGIN bottom -->

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

Viewcomments_body

Code:

<script>
$(function(){
  $('.postbody img').wrap("<a href={U_VIEW_NEWER_TOPIC}#view></a>");
});
</script>
<style>
#content {
    padding: 0 !important;
}
  .entry-content div[align="justify"] img,.entry-content img.fullwith {
 width:650px
}
.entry-content img {
 margin:5px 0px
}
.entry-content img[src*="imgfast.net"] {
 margin:0px!important
}
  .pun .entry-content {
    padding-bottom: 3em;
}
.bailienquan1 a[href*="/t60702-"] {
 display:none
}
ul#cungchuyenmuc {
 margin:10px;
 display:inline-block;
 font:bold 12px Arial
}
#cungchuyenmuc li {
 list-style:square inside;
 margin-top:2px;
 width:48%;
 float:left;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 margin-right:10px
}
.postbody1 embed[src*="youtube"] {
 width:590px;
 height:350px
}
.postbody1 {
 margin:3px 0
}
.jwplayer,embed[src*="youtube"] {
 width:700px;
 height:410px;
 margin:4px 0px
}
.postbody .entry-content img {
 margin:5px 0px
}
.postbody .entry-content img[src*="r12.imgfast.net"] {
 margin:0px
}
.pun a.ola_1 {
 display:inline-block;
 margin:5px 4px;
 font:bold 13px Tahoma;
 color:#333;
 background:url(http://i16.servimg.com/u/f16/16/18/15/10/116.png) no-repeat left top;
 padding-left:14px;
}
.pun a.ola_2 {
 display:inline-block;
 margin:5px 4px;
 font:bold 13px Tahoma;
 color:#333;
 background:url(http://i16.servimg.com/u/f16/16/18/15/10/214.png) no-repeat right;
 padding-right:14px;
}
a.ola_1:hover {
 color:red;
 background:url(http://i80.servimg.com/u/f80/16/18/15/10/312.png) no-repeat left top
}
a.ola_2:hover {
 color:red;
 background:url(http://i80.servimg.com/u/f80/16/18/15/10/158.png) no-repeat right top
}
div[style="display:block;"].post {
 background-color:rgb(253,248,217)!important;
}
.pun div[style="background-color:#ffffff;"] {
 border:2px solid rgb(204,0,0)!important;
 padding-left:5px;
 padding-right:5px;
 margin-left:-2px;
}
img[alt="Topic already thanked"],img[alt="Thank you"] {
 float:right;
 margin-right:5px;
 margin-bottom:-5px;
 margin-top:-3px
}
img[src="http://r12.imgfast.net/users/1211/23/83/92/avatars/gallery/110.png"],img[src*="phutu.org"] {
 display:none
}
.pun .posting img[src="http://i48.servimg.com/u/f48/16/18/15/10/khoa110.png"] {
 width:0;
 height:0;
 background:url(http://i35.servimg.com/u/f35/16/18/15/10/4threa10.gif)no-repeat left top;
 border:0;
 padding:12px 56px;
}
.pun .paging b {
 margin:4px 2px;
 display:inline-block;
}
#ab54 div[align="justify"],#ab54,#ab95,#ab87,#ab111,#ab65,#ab115 {
 text-align:center;
}
#ab65 img {
 display:none
}
.postbody ol,.postbody ul {
 margin-left:20px;
}
a[href*="report?mode=report"],a[href*="&mode=delete"],a[href*="mode=quote"],a[href*="mode=editpost"] {
 display:inline-block;
 text-decoration:none !important;
 padding:0 5px;
}
.post-options a[href*="mode=editpost"]:before {
 content:"• Sửa";
 font:12px Arial;
 color:#385a9c;
}
.khung2 a[href*="mode=delete"] {
 float:right;
 display:inline-block;
 width:15px;
 height:15px;
 background:url(http://i57.servimg.com/u/f57/16/18/15/10/1127.png)no-repeat;
 margin-right:-12px;
 margin-bottom:-2px;
 margin-top:2px
}
.khung2 a[href*="mode=delete"] img {
 display:none
}
.post-options img {
 display:none!important;
}
.post-options a[href*="/report?mode=report"]:before {
 content:"Báo cáo vi phạm";
 font:bold 12px Tahoma;
 color:#333;
 background:url(http://i16.servimg.com/u/f16/16/18/15/10/untitl33.png)no-repeat left;
 padding-left:13px;
}
.post-options a[href*="mode=quote"]:before {
 content:"• Trích dẫn";
 font:12px Arial;
 color:#385a9c;
}
.khung1 {
 background-image:url(http://www.phutu.vn/users/1211/23/83/92/avatars/gallery/110.jpg);
 background-color:#FFF;
 background-repeat:no-repeat;
 background-position:center center;
 background-size:50px 50px;
 width:50px;
 height:50px;
 float:left;
}
.khung0 {
 margin-left:5px;
 margin-top:10px
}
.khung1 img {
 width:100%;
 height:100%;
 background-color:#FFF;
}
.khung2 {
 margin-left:62px
}
.postbody img {
 max-width:100%;
 margin:3px;
}
.khung2 img {
 max-width:580px;
}
sub,#icon_new,a[href*="report?mode=report"] img,a[href*="report?mode=lock"],.quote table,.postbody sub {
 display:none;
}
.post {
 border:0!important;
 background:url(http://i57.servimg.com/u/f57/16/18/15/10/1336.png)repeat-x bottom left;
 padding:10px 0px;
 margin:0 5px;
}
.a111 .post:last-child {
 border:0!important;
}
.nav_blog {
 height:10px;
 background:url(http://www.servimg.com/u/f74/16/18/15/10/imuzik10.png)repeat-x top left;
 border:1px solid #ccc;
 border-top:6px solid rgb(222,223,223);
 border-left: 0;
  border-right: 0;
 padding:8px 10px 12px 0px;
 text-transform:uppercase;
}
.pun .nav_blog a.ac1 {
 font:bold 12px Tahoma;
 color:#333;
 display:inline-block;
 margin-top:-13px;
 border-top:5px solid transparent;
 float:left;
 padding:8px 13px 8px;
 background:url(http://i57.servimg.com/u/f57/16/18/15/10/128.png)no-repeat right;
}
.pun .nav_blog a.ac1:hover,.pun .nav_blog a.ac1.f{FORUM_ID} {
 border-top:5px solid red;
 color:red;
}
.nav_bl {
 display:inline-block;
 float:left;
}
.nav_bl:hover .nav_bl1 {
 display:inline-block;
 position:absolute;
 z-index:3;
 padding-bottom:5px;
}
.pun .nav_bl1 a {
 display:inline-block;
 font:bold 12px Arial;
 color:#333;
 width:130px;
 padding:6px 0 2px 20px;
}
.nav_bl1,.pm_1 span {
 display:none;
}
div[data*="a/t60702-"] {
 display:none!important
}
.timept br {
 display: none
}
</style>
   <!-- BEGIN postrow -->
   <!-- BEGIN displayed -->
<div id="fixadent">

<span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-send="false" data-layout="button_count" data-width="85" data-show-faces="false" style="display:inline-block;float:left;width:85px;margin-right:5px"></span><span style="float:left;display:inline-block;width:50px;margin-right:5px"><span class="g-plusone" data-size="medium"></span></span>

</div>
   <!-- END postrow -->
   <!-- END displayed -->

<div class="main">
<div class="nav_blog">
 <a href="/f{FORUM_ID}-forum" style="float:left;margin-left:4px;margin-top:-6px;padding:13px;background: url(http://i78.servimg.com/u/f78/17/70/81/78/left_c11.png)no-repeat" title="Quay lại chuyên mục"></a>
  <a href="/f4-forum" class="ac1 f4">Tin tức DF</a><a href="/f85-forum" class="ac1 f85">Bản tin vip</a><a href="/f76-forum" class="ac1 f76">Lạ Độc</a><a href="/f2-forum" class="ac1 f2">Bối vui</a><span class="nav_bl"><a href="/f115-forum" class="ac1 f115 f134" style="background-image: url(http://i73.servimg.com/u/f73/17/98/19/05/129.png);background-repeat: no-repeat;background-position: center bottom;">Ảnh Vui | Hài</a>
 <div class="nav_bl1" style="border:1px solid #b0b0b0;border-top:0px;width:150px;background-color:#FFF;margin-top:23px;margin-left:-134px">
 <a href="/f134-forum" style="color:red">Vui Hài 24h HOT</a><a href="/f126-forum">Truyện cười</a>
 </div>
 </span><a href="/f65-forum" class="ac1 f65" style="background: url(http://i57.servimg.com/u/f57/16/18/15/10/128.png)no-repeat left">Video</a><a href="/f93-forum" class="ac1 f93" style="background: url(http://i57.servimg.com/u/f57/16/18/15/10/128.png)no-repeat left">Game</a>
</div>
<div style="background: #FFF;padding:18px;border-top:1px solid #b0b0b0;border-width:0 0 1px" class="forum_pt main-content">
   <!-- BEGIN postrow -->
   <!-- BEGIN displayed -->
<a name="view"></a><a name="{postrow.displayed.U_POST_ID}"></a>

  <div style="border:1px solid rgb(239,235,239);background-color: rgb(255,251,255);padding:10px;margin-bottom:20px;height: 50px">
 <div class="khung1">
{postrow.displayed.POSTER_AVATAR}
 </div>
 <div class="khung2">
           <div style="display:inline-block;font:bold 14px Arial;margin-bottom:5px">
 {postrow.displayed.POST_SUBJECT}
 </div>
 <div style="font:bold 12px Arial;height:20px;width:100%;color:#1542ab">
 <span class="title_profile">{postrow.displayed.POSTER_NAME}</span>
 {postrow.displayed.DELETE_IMG}<div class="post-options" style="display:inline-block;float:right">
 {postrow.displayed.REPORT_IMG} {postrow.displayed.EDIT_IMG}  
 </div>
 <span style="display:inline-block;font:bold 11px Tahoma;color:#1542ab">&nbsp;<img src="http://i35.servimg.com/u/f35/16/18/15/10/176.png" alt="" border="0" style="margin-bottom:-2px"> {postrow.displayed.POST_DATE_DMY_VALUE0}-{postrow.displayed.POST_DATE_DMY_VALUE1}-{postrow.displayed.POST_DATE_DMY_VALUE2}</span>
 </div>
 </div>
</div>
  
  
<div class="postbody entry-content"  id="ab{FORUM_ID}">{postrow.displayed.MESSAGE}
</div>
        <a href="/f{FORUM_ID}-forum" style="display:block;color:#000;font:bold 16px Arial">Có thể bạn thích xem</a>
 <div class="lasbv"></div>
    
<span class="fb-like" data-href="https://www.facebook.com/phutu" data-send="false" data-width="620" data-show-faces="false" style="height:25px;display:inline-block;overflow:hidden;width:430px;margin-top:-3px"></span>
    
<span style="font:12px Arial;color:#858285">{postrow.displayed.EDITED_MESSAGE}</span>
   <!-- END postrow -->   
   <!-- END displayed -->
<a name="comments"></a>
<div style="background:#FFF url(http://i57.servimg.com/u/f57/16/18/15/10/149.png)no-repeat 20px 0px;border-bottom:3px solid rgb(237,239,244);height:5px"></div>
<div class="reply">
<!-- BEGIN switch_user_logged_in -->   
<a name="quickreply"></a>
  <a name="comments"></a>
<form action="/post" class="frm-form" method="post" name="post" id="quick_reply" style="text-align:right;background-color:rgb(239,242,239)!important;border-top:1px solid rgb(231,235,231);border-bottom:1px solid rgb(231,235,231);padding:10px;margin:10px 0px 0px">
 <div class="khung1 reply1">
 <a href="/profile?mode=editprofile&amp;page_profil=avatars"></a>
 </div>
 <textarea id="text_editor_textarea" placeholder="Viết bình luận..." name="message" style="margin-bottom:5px;padding:5px;font:14px Arial;width:570px;height:60px;border-top:1px solid rgb(132,134,132);border-left:1px solid rgb(132,134,132);border-right:1px solid rgb(231,231,231);border-bottom:1px solid rgb(231,231,231)"></textarea>
  <input original-title="" name="attach_sig" value="" type="hidden">
    <input original-title="" name="mode" value="reply" type="hidden">
      <input original-title="" name="t" value="{TOPIC_ID}" type="hidden">
        <input name="notify" value="1" type="hidden">
          <input name="post" value="Bình luận" type="submit" align="left">
</form>
  <br />
         <!-- END switch_user_logged_in -->
</div>
<div class="post1" style="display:inline-block;width:100%;background: rgb(237,239,244) url(http://i57.servimg.com/u/f57/16/18/15/10/1217.jpg)repeat-x bottom left"><p class="paging" style="padding:0px 3px;margin-right:0px">{PAGINATION}</p></div>
<div class="a111">
<!-- BEGIN comment --><!-- BEGIN displayed -->
<a name="{comment.displayed.U_POST_ID}"></a>
<div class="post" {comment.displayed.THANK_BGCOLOR}><div class="khung1"> {comment.displayed.POSTER_AVATAR}</div>
  <div class="khung2"><div style="font:bold 12px Arial;height:20px;width:100%;color:#1542ab"><span class="title_profile">{comment.displayed.POSTER_NAME}</span> <em>{comment.displayed.L_ONLINE}</em>
  {comment.displayed.DELETE_IMG}{comment.displayed.THANK_IMG} {postrow.displayed.COUNT_POSTS}</div>
<div class="postbody postbody1">
{comment.displayed.MESSAGE}</div>
<div class="post-options" style="margin-top:5px">  
                              {comment.displayed.QUOTE_IMG} {comment.displayed.EDIT_IMG}
                           <span style="font:12px Arial;color:#858285">• {comment.displayed.POST_DATE_NEW} {comment.displayed.EDITED_MESSAGE}</span></div></div></div>
<!-- END displayed --><!-- END comment -->
</div>
      <!-- BEGIN no_comment -->
<div style="background-color:rgb(237,239,244);padding: 10px;text-align:center;color:#333;font:12px Arial">{no_comment.L_NO_COMMENT}</div>
      <!-- END no_comment -->
 
<div align="right" style="display:inline-block;width:100%;background-color: rgb(237,239,244);margin-bottom:5px"><p class="paging" style="padding:0px 3px;margin-right:0px">{PAGINATION}</p></div>
<div class="fb-comments" data-href="http://lastest18.forumvi.com/t{TOPIC_ID}-topic" data-num-posts="10" data-width="715"></div>

    
</div></div>
<div class="main paged">
   <div class="paged-head clearfix" style="margin-bottom:5px">
      <p class="posting" style="margin-top:-4px">
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>&nbsp;&nbsp;

         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}"></a>
      </p>
   </div></div>
  <div style="text-align:center;margin-top:2px">{S_TOPIC_ADMIN}</div>
  
  <script>
    $(function () {
    $('<span class="bv1" />').load('/f{FORUM_ID}-forum .pin .item:not(".pin .item:gt(2)")', {
        limit: 10
    }, function () {
        jQuery(this).hide().appendTo('.lasbv').fadeIn(1)
    })
});
  </script>
  <style>
    .lasbv {
    margin: 0 -5px;
}
.item {
    display: block;
    width: 158px;
    margin: 5px;
    float: left;
    height: 143px;
    overflow: hidden;
}
    .item iframe {
    display: none;
}
.photo {
    width: 158px;
    font-size: 0;
    height: 110px;
}
.photo img {
    width: 158px;
    height: 110px;
}
    .item p {
    width: 158px;
}
.photo > strong, .photo br, .photo span, .photo font {
    display: none;
    font-size: 0;
}
</style>

Viewtopic_body

Code:

<script type="text/javascript">$(function () {$(".fmvitab").each(function () {var $fmvitab = $(this);$fmvitab.show().find("li:first, td>strong:first").addClass("active");$fmvitab.find("td>strong").click(function () {var n = $fmvitab.find("td>strong").index(this);$fmvitab.find("li, td>strong").removeClass("active");$fmvitab.find("li:eq(" + n + "), td>strong:eq(" + n + ")").addClass("active");});});$('a[href*="mode=quote"]').click(function () {var datahref = $(this).attr('href');$.get(datahref , function (a) {var datatext = $(a).find('#text_editor_textarea[name="message"]').val();$("#text_editor_textarea").sceditor('instance').val(datatext);});$('body,html').stop().animate({scrollTop: $('#quick_reply').offset().top}, 0);return false;});$('#quick_reply input[name="post"]').click(function(a){a.preventDefault();var g = $("#text_editor_textarea").sceditor('instance').val();var href = $('a[href*="mode=reply"]').attr("href");var value = $("#text_editor_textarea").sceditor("instance").val().replace(/\s/g, '').length;if(5 < value){$('<div class="lreply" style="font:bold 12px Tahoma;color:#333333;margin-top:-15px;display:inline-block;width:100%" align="center"><style>.frm-buttons input {display:none}</style><span style="display:inline-block"><img src="http://i57.servimg.com/u/f57/16/18/15/10/loadin12.gif " style=" width:20px;height:20px;margin-right:5px;float:left"/> Đang cập nhật bình luận của bạn</span></div>').appendTo(".frm-buttons");$.post(href, {"message" : g,"auth[]": $("#quick_reply input[name='auth[]']:last").val(),"lt" : $("#quick_reply input[name='lt']").val(),"attach_sig" : "1" ,"post": "Send"}, function(t) {if(t.indexOf("Flood") != -1 && $("html").attr("xml:lang") == "vi"){alert("Lỗi!\nBạn phải chờ 5 giây mới có thể gửi bài");$(".lreply").remove();}else if(t.indexOf("Flood") != -1 && $("html").attr("xml:lang") != "vi"){alert("Error!\nYou must wait 5 second before replying");$(".lreply").remove();}if(t.indexOf("A new") != -1 && $("html").attr("xml:lang") == "vi"){alert("Lỗi!\nĐã có người gửi bài trước bạn.\nBạn phải F5 lại trang để tiếp tục.\nChú ý : Bạn  nên lưu lại tin nhắn nếu không muốn mất ");$(".lreply").remove();}else if(t.indexOf("A new") != -1 && $("html").attr("xml:lang") != "vi"){alert("Error!\nSomeone had replied before your post\nYou must refresh the page to continue.\nNotice : You should save or copy your message if you don't want it gone");$(".lreply").remove();}else {var f = $(t).find(".message a:first").attr('href');location.href = f;$.get(f , function(z){$("#quick_reply input[name='auth[]']:last").val($(z).find("#quick_reply input[name='auth[]']:last").val());$("#quick_reply input[name='lt']").val($(z).find("#quick_reply input[name='lt']").val());$(z).find(".post:last").hide().insertAfter(".post1:last").slideDown(0);});$("#text_editor_textarea").sceditor('instance').val("");$(".lreply").remove();}});}else {if($("html").attr("xml:lang") == "vi" ) {alert("Xin lỗi\nNội dung quá ngắn không thể gửi bài !\nBạn cần nhập thêm "+ (5 - value) +" ký tự nữa.");}else {alert("Sorry\nThe content is too short to send as post !\nYou must write "+ (5 - value) +" characters more.");}}});$.ajax({url: "/feed/?f={FORUM_ID}",type: "GET",dataType: "html",success: function (a) {$("#bai_viet1 .clear1").before('<div style="margin-top:10px;border:1px solid rgb(239,235,239);background-color:#fff;padding:10px 15px 10px 15px;display:inline-block;width:calc(100% - 32px)" id="cungchuyenmuc"><a href="/f{FORUM_ID}-forum" style="color:#333;font-weight:bold;margin-bottom:-4px;float: none">Xem thêm bài khác :</a><a href="/h36-search?q=tặng code x2 ip lol + keygoldmenber garena free hạn dùng 6 tháng 2014 cho ai cần" target="_blank" style="float:right;display:inline-block"><img src="http://i.imgur.com/gLPIi3C.png" style="margin-top:0px;float:right"></a><div style="height:1px;background:url(http://i16.servimg.com/u/f16/16/18/15/10/113.png)repeat-x left;margin:10px 0px 5px 0px;display:block"></div></div>');$(a).find("item:lt(16)").each(function () {$("#cungchuyenmuc div").after('<a href="' + $(this).find("guid").html() + '">■ ' + $(this).find("title").html() + "</a>")})},error: function (a) {console.error(a)}});$('.pun div[style="background-color:#ffffff;"] .post-entry').before('<span style="background: url(http://i57.servimg.com/u/f57/16/18/15/10/350.png)no-repeat;width:110px;height:32px;display:inline-block;float:right;margin:-5px -8px 0 0"></span>')});</script>
<style>
#content {
    padding: 0 !important;
}
.main .main-head, .main-head {
    background: 0;
    border: 0;
}

/* Viewtopic */
div[alt="traloinhanh123"] {
 display:none
}
div[src="http://i64.servimg.com/u/f64/15/44/78/93/reply111.gif"] {
 display:block
}
.reply .frm-buttons {
    text-align: center !important;
    width: 526px !important;
    border: 0 !important;
}
.reply .sceditor-container {
 width:547px!important;
 margin-top:-10px
}
.user-contact img {
 height:13px;
}
.user-contact img[src="http://2img.net/i/fa/empty.gif"] {
 display:none
}
#cungchuyenmuc a[href*="/t{TOPIC_ID}-"],.bailienquan1 a[href*="/t{TOPIC_ID}-"] {
 display:none!important
}
.profile {
 display:none;
 width:300px;
 height:97px;
 position:absolute;
 margin-left:-1px;
 background:#FFF;
 border:1px solid rgb(214,215,214);
 margin-top:-15px;
 z-index:1;
 text-align:left;
 padding:5px 0px 0px 10px
}
.profile span {
 font-weight:bold
}
.profile div {
 width:150px;
 display:inline-block;
 color:#31414a;
 font:11px Tahoma;
 margin:2px 0px
}
.pun .profile .label {
 display:inline-block;
 width:75px;
}
.profile div:nth-of-type(5) {
 display:none
}
.profile11 {
 width:300px;
 display:inline-block;
 float:right;
 margin-top:15px;
 padding-top:5px;
 border-top:1px dashed #d4d4d4
}
.poster-link a {
 float:left;
 display:inline-block;
 margin-right:2px;
 font:bold 12px Arial;
 padding:5px 5px 5px 25px;
 background-repeat:no-repeat;
 background-position:5px center
}
.poster-link a:hover {
 background-color:rgb(239,239,247)
}
.poster-link a:nth-of-type(1) {
 background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/profil10.png)
}
.poster-link a:nth-of-type(2) {
 background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/total_10.gif)
}
.poster-link a:nth-of-type(3) {
 background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/friend10.png)
}
.poster-link a:nth-of-type(4) {
 background-image:url(http://i57.servimg.com/u/f57/17/05/17/70/button10.png)
}
.profile:hover,.ava_pt:hover+.profile {
 display:inline-block
}
#cungchuyenmuc a {
 color:#333333;
 list-style:square inside;
 margin-top:2px;
 width:48%;
 float:left;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 margin-right:10px;
 line-height:140%!important;
 font:bold 12px Arial
}
.mapxte a[href*="/f26-"] {
 border-right:5px solid red;
 color:red!important;
 font-weight:bold;
}
.imgur_Zzbv,.imgur_Zzbv * {
 box-sizing:content-box;
 -moz-boxsizing:content-box;
 -webkit-box-sizing:content-box;
 margin:0;
 padding:0
}
.imgur_Zzbv {
 border:1px solid #333;
 background:#FFF;
 height:auto
}
.imgur_Zzbv-iconError,.imgur_Zzbv-iconDevs,.imgur_Zzbv-delete,.imgur_Zzbv-remove,.imgur_Zzbv-iconSelect,.imgur_Zzbv-button div img,.imgur_Zzbv-iconComplete,.imgur_Zzbv-iconImage {
 display:inline-block;
 background:url(http://i.imgur.com/e9GpBzF.png) no-repeat center center;
 width:16px;
 height:16px;
 float:left;
 margin:7px!important
}
.imgur_Zzbv-iconDevs {
 background-position:0 0
}
.imgur_Zzbv-iconComplete {
 background-position:-32px -16px
}
.imgur_Zzbv-status img {
 margin:0
}
.imgur_Zzbv-iconError {
 background-position:0 -32px
}
.imgur_Zzbv-iconSelect {
 background-position:0 -16px
}
.imgur_Zzbv-iconUpload {
 background-position:-16px -16px
}
.imgur_Zzbv-iconReset {
 background-position:-16px 0
}
.imgur_Zzbv-iconImage {
 background-position:-16px -32px
}
.imgur_Zzbv-iconImage.imgur_Zzbv-iconUrl {
 background-position:-32px -32px
}
.imgur_Zzbv-mode {
 cursor:pointer;
 width:30px;
 height:30px;
 float:left;
 background-color:#FF475D
}
.imgur_Zzbv-mode.imgur_Zzbv-zzURL {
 background-color:#0B704C
}
.imgur_Zzbv-button div {
 cursor:pointer;
 background-color:#359BED;
 border:0;
 height:30px;
 display:none;
 padding:0 10px 0 0
}
.imgur_Zzbv-button .imgur_Zzbv-reset {
 background-color:#01686D
}
.imgur_Zzbv-delete,.imgur_Zzbv-remove {
 background-position:-32px 0;
 position:absolute;
 right:3px;
 top:3px;
 height:16px;
 width:16px;
 text-indent:-9999px;
 overflow:hidden;
 background-color:transparent;
 margin:0
}
.imgur_Zzbv-control {
 position:relative;
 height:30px;
 line-height:30px;
 overflow:hidden;
 background:#333;
 color:#FFF
}
.imgur_Zzbv-preview {
 overflow-y:auto;
 overflow-x:hidden
}
.imgur_Zzbv-li {
 background:#f2f2f2;
 list-style-type:none;
 position:relative;
 height:68px;
 border-top:1px solid #DDD;
 overflow:hidden
}
.imgur_Zzbv-li:first-child {
 border-top:0 none
}
.imgur_Zzbv-li:nth-child(2n) {
 background:#E7E6E6
}
.imgur_Zzbv-li:hover {
 background:#007CEE;
 color:#FFF
}
.imgur_Zzbv-li.imgur_Zzbv-success {
 background:#FFFFA1
}
.imgur_Zzbv-image {
 width:100px;
 overflow:hidden;
 position:absolute;
 height:100%
}
.imgur_Zzbv-image img {
 max-width:100%;
 max-height:100%;
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 margin:auto
}
.imgur_Zzbv-info {
 position:absolute;
 left:100px;
 top:0;
 right:0;
 height:100%
}
.imgur_Zzbv-info>* {
 white-space:nowrap
}
.imgur_Zzbv-dl {
 line-height:34px
}
.imgur_Zzbv-dl>div {
 height:34px
}
.imgur_Zzbv-dt {
 float:left;
 width:70px;
 font-weight:300;
 font-size:12px
}
.imgur_Zzbv input.imgur_Zzbv-input {
 width:calc(100% - 84px)!important;
 height:16px!important;
 line-height:16px!important;
 margin:8px 0!important;
 padding:0!important
}
.imgur_Zzbv-status {
 position:absolute;
 width:16px;
 height:16px;
 line-height:16px;
 left:5px;
 top:7px;
 display:none
}
.imgur_Zzbv-add {
 cursor:pointer;
 position:absolute;
 width:100px;
 height:30px;
 overflow:hidden;
 background:orange;
 left:30px;
 top:0;
 z-index:10
}
.imgur_Zzbv-upload-URL.imgur_Zzbv-add {
 background:#C100E6
}
.imgur_Zzbv-textSelect {
 position:absolute;
 width:100%;
 left:30px;
 height:30px;
 line-height:30px
}
.imgur_Zzbv-choose {
 cursor:pointer;
 z-index:10;
 opacity:0;
 filter:alpha(opacity=0);
 -moz-opacity:0;
 font-size:300px;
 height:1000px;
 right:0;
 top:0;
 position:absolute
}
.imgur_Zzbv-length {
 position:absolute;
 width:50px;
 text-align:center;
 top:0;
 left:50%;
 margin-left:-25px;
 display:none
}
.imgur_Zzbv-button {
 position:absolute;
 width:90px;
 right:0;
 top:0;
 white-space:nowrap;
 z-index:10
}
.imgur_Zzbv-mode:hover,.imgur_Zzbv-button div:hover,.imgur_Zzbv-add:hover {
 background-color:#666
}
.imgur_Zzbv-devs-icon {
 position:absolute;
 right:0;
 top:0;
 line-height:16px
}
.imgur_Zzbv-tip {
 height:24px;
 font-size:13px;
 font-style:italic;
 line-height:26px
}
.imgur_Zzbv-tip img {
 vertical-align:middle;
 float:none;
 margin:-4px 0 0
}
.imgur_Zzbv-wrap-progress {
 background:#FFF;
 height:3px;
 border:0;
 position:absolute;
 bottom:0;
 left:-100px;
 right:0
}
.imgur_Zzbv-progress {
 height:3px;
 background:red;
 width:1px
}
.imgur_Zzbv-errorURL {
 color:red
}
.imgur_Zzbv input.imgur_Zzbv-imageURL {
 width:calc(100% - 11px)!important;
 border:0 none!important;
 box-shadow:0 0 0 1px #DDD!important;
 height:16px!important;
 line-height:16px!important;
 margin:0 0 0 1px !important
}
.imgur_Zzbv-mini .imgur_Zzbv-button,.imgur_Zzbv-mini .imgur_Zzbv-add {
 width:30px
}
.imgur_Zzbv-mini .imgur_Zzbv-info {
 left:10px
}
.imgur_Zzbv-mini .imgur_Zzbv-wrap-progress {
 left:-10px
}
.imgur_Zzbv-upload-URL,.imgur_Zzbv-mini .imgur_Zzbv-image {
 display:none
}
.jwplayer,embed[src*="youtube"] {
 width:574px;
 height:380px;
 margin:4px 0px
}
.online1 img {
 display:inline-block;
 float:right;
 margin-top:-31px;
 margin-left:27px;
}
.online1 br {
 display:none
}
.pun .username a strong {
 display:inline-block;
 font:bold 12px Arial;
 overflow:hidden;
 text-overflow:ellipsis;
 max-width:100px;
 white-space:nowrap
}
.pun div[style="background-color:#ffffff;"] {
 background:url(http://i.imgur.com/47lnlBO.png)no-repeat right top!important;
}
img[alt="Topic already thanked"],img[alt="Thank you"] {
 margin-bottom:-5px;
 margin-right:5px;
 margin-top:-1px
}
.quotebox {
 border:2px dashed #d4d4d4;
}
.pun .post {
 border-top:0px;
 border-bottom:1px solid rgb(214,219,214);
 background:#f4f4f4!important;
}
.pun .topic {
    background: #f4f4f4;
}
img[alt="Select/Unselect multi-quote"] {
 cursor:pointer;
 float:right;
 background-color:#fff;
 margin-left:5px;
 margin-top:5px;
}
.fmvitab {
 width:100%;
 display:inline-block;
 padding:0;
 border:1px solid rgb(214,211,214);
}
.nen_pt+a[href*="/u"],.fmvitab li {
 display:none
}
.fmvitab li.active {
 display:block;
}
.fmvitab td>strong {
 text-transform:uppercase;
 color:#646663;
 margin-right:4px;
 border-right:1px solid #bfbfbd;
 border-bottom:0;
 cursor:pointer;
 display:inline-block;
 font:bold 11px Tahoma;
 padding:5px 10px;
 margin-bottom:2px;
}
.fmvitab td>strong.active {
 cursor:default;
 background-color:#0e99b5;
 color:#fff;
 border:0;
 margin-right:5px
}
.fmvitab br {
 margin:0;
 padding:0;
 line-height:0!important;
}
.fmvitab ul {
 border-top:1px solid rgb(206,207,206);
 list-style:none;
 background:url(http://i57.servimg.com/u/f57/16/18/15/10/1344.png)repeat-x top left;
 width:550px;
 margin:0!important;
 margin-left:-2px!important;
 padding:11px!important;
}
.postbody .fmvitab li img {
 max-width:550px!important;
}
.postbody .fmvitab embed[src*="youtube"] {
 width:550px;
 height:350px
}
.postbody img {
 max-width:100%;
}
.postbody ol,.postbody ul {
 margin-left:20px;
}
.tit1 span,.tit1 span:nth-of-type(5)+b {
 display:none
}
.tit1 span:nth-of-type(5) {
 display:block;
 color:blue
}
.tit1 br {
 display:none
}
.tit1 b,.tit1 span {
 font:bold 12px Arial;
 overflow:hidden;
 text-overflow:ellipsis;
 max-width:80px;
 white-space:nowrap;
 margin:4px 0;
 float:left
}
.pun .user .user-info {
    line-height: normal;
}
.tit1 img {
 background-color:#FFF
}
.tit1 {
 display:block;
 color:#333333;
 border:1px solid rgb(231,231,231);
 background-color:#FFF;
 background:#FFF url(http://i.imgur.com/sG4bhAp.png)no-repeat 93px center;
 width:105px;
 margin-top:7px;
 padding:2px 2px 1px 6px;
 text-align:right;
}
.sig-content1 {
 background:url(http://i16.servimg.com/u/f16/16/18/15/10/113.png)repeat-x left top;
 height:1px;
 width:90%;
 margin-top:15px;
 margin-bottom:4px;
}
.sig-content {
 overflow:hidden;
 max-height:180px;
 width:535px;
 text-align:center;
 margin-bottom:4px;
}
.sig-content:hover {
 overflow-y:auto
}
.sig-content2 {
 width:535px;
}
.sig-content2>br,.sig-content2 br+br {
 display:none
}
.sig-content img {
 max-width:480px;
}
.posting a img[src="http://i48.servimg.com/u/f48/16/18/15/10/khoa110.png"] {
 display:inline-block;
 width:0px;
 height:0px;
 padding:12px 56px;
 background:url(http://i35.servimg.com/u/f35/16/18/15/10/4threa10.gif)no-repeat left top;
 border:0px
}
img[src="http://i48.servimg.com/u/f48/16/18/15/10/tra_lo10.png"]:hover,.icon_bt img:hover {
 border:1px solid #417394;
}
.pun img[src="http://i48.servimg.com/u/f48/16/18/15/10/khoa110.png"] {
 border:1px solid red;
 padding:1px;
}
.pun .icon_bt img[src="http://i64.servimg.com/u/f64/15/44/78/93/reply111.gif"] {
 display:inline-block;
 width:0;
 height:0;
 background-image:url(http://i48.servimg.com/u/f48/16/18/15/10/tra_lo10.png);
 background-repeat:no-repeat;
 background-position:center center;
 padding:8px 33px;
}
.pun .postmain {
    background-color: #fff;
}
strong[alt*="{PAGE_TITLE}"] {
 display:none
}
#bai_viet1 strong[alt*="{PAGE_TITLE}"] {
 display:block
}
.atk1 img {
 margin:0px!important
}
.ava_pt {
 border:1px solid rgb(214,215,214);
 cursor:pointer;
 display:inline-block;
 overflow:hidden;
 padding:2px;
 margin-top:-15px;
 background-color:#FFF;
}
.ava_pt table img {
 background:#FFF;
 background-color:rgb(239,239,239);
 width: 98px;
height: 98px;
}
.pun div[alt*="doi4"],.pun div[alt*="doi5"] {
 border:1px solid #000!important;
 margin:-1px -1px 0 -1px;
 background-color:#999999!important
}
.pun div[a="Message reputation:0% (1 vote)"],.pun div[a*="(2 votes)"],.pun div[a*="(3 votes)"] {
 border:0px!important;
 background:none!important;
 margin:0!important;
 border-bottom:1px solid rgb(214,219,214)!important
}
/* fb_Vote - DEVs.forumvi.com */.vote-Zzbaivong,.vote-Zzbaivong *,.vote-Zzbaivong *:before,.vote-Zzbaivong *:after {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box
}
.vote-Zzbaivong {
 display:inline-block;
 float:left;
 height:26px;
 line-height:24px;
 position:relative;
 text-align:left;
 white-space:nowrap
}
.vote-plus-post,.vote-minus-post {
 z-index:10;
 position:absolute;
 top:32px;
 left:0;
 display:none;
 width:250px;
 background:#FFF;
 border:1px solid #F2F2F2;
 box-shadow:4px 4px 7px 0 #999;
 padding:5px
}
.vote-minus-post {
 left:120px
}
.vote-note {
 height:20px;
 line-height:20px;
 font-size:11px;
 background:#ffffd3;
 border:1px solid #F7EB93;
 margin-bottom:2px;
 padding:0 5px
}
.vote-mess {
 width:200px;
 resize:vertical;
 min-height:40px;
 height:40px
}
.vote-Zzbaivong .vote-send {
 width:36px;
 margin-top:0!important;
 margin-left:2px;
 cursor:pointer;
 text-align:center;
 vertical-align:top;
 height:40px;
 background:#0085FF;
 border:1px #87CEEB;
 color:#FFF
}
.vote-plus-post:before,.vote-minus-post:before {
 content:'';
 display:inline-block;
 border-left:10px solid transparent;
 border-right:10px solid transparent;
 border-bottom:10px solid #E2E2E2;
 position:absolute;
 left:10px;
 width:10px;
 right:-10px;
 top:-10px
}
.vote-plus-post:after,.vote-minus-post:after {
 content:'';
 display:inline-block;
 border-left:9px solid transparent;
 border-right:9px solid transparent;
 border-bottom:9px solid #fff;
 position:absolute;
 left:11px;
 right:-9px;
 width:9px;
 top:-9px
}
.vote-plus {
 background:url(http://i57.servimg.com/u/f57/17/05/17/70/like10.png) no-repeat 5px 2px #deeaf7;
 height:24px;
 border:1px solid #C8D7EC;
 color:#5089BE!important;
 font-family:sans-serif;
 border-radius:2px;
 display:inline-block;
 padding:2px 5px 0 25px;
 float:left
}
.vote-plus:hover {
 border-color:#6A9AD6
}
.vote-plus[href="javascript:;"] {
 color:#666!important;
 background-color:#DDD;
 cursor:url(http://i57.servimg.com/u/f57/16/18/15/10/nope10.png),pointer;
 background-image:url(http://i57.servimg.com/u/f57/17/05/17/70/gpqbxh10.png);
 border-color:#CCC
}
.vote-time {
 ;
 position:relative;
 border-radius:2px;
 display:inline-block;
 height:24px;
 line-height:22px;
 border:1px solid #D8D7D7;
 margin:auto 7px;
 padding:0 5px;
 background-color:#FFF
}
.vote-time:before {
 content:'';
 display:inline-block;
 border-top:6px solid transparent;
 border-bottom:6px solid transparent;
 border-right:6px solid #CCC;
 position:absolute;
 left:-6px;
 width:6px;
 top:5px
}
.vote-time:after {
 content:'';
 display:inline-block;
 border-bottom:5px solid transparent;
 border-top:5px solid transparent;
 border-right:5px solid #fff;
 position:absolute;
 left:-5px;
 width:5px;
 top:6px
}
.vote-minus {
 margin-left:20px;
 color:#666!important
}
.vote-minus:hover {
 color:red!important
}
.vote-minus[href="javascript:;"] {
 color:#C5C5C5!important;
 cursor:url(http: https://i.servimg.com/u/f57/16/18/15/10/nope10.png),pointer
}
</style>
<script type="text/javascript">//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){

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

    _atc.cwait = 0;
    $('.addthis_button').mouseup(function(){
        if ($('#at15s').css('display') == 'block') {
            addthis_close();
        }
    });
});

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

//]]>
</script>
  <a name="view"></a>
<script type="text/javascript">document.write('<div href="' + location.search + '">')</script>
  
<div class="main paged">
 <div class="paged-head clearfix">
<!-- BEGIN topicpagination -->
 <p class="paging" style="float:left">{PAGINATION}</p>
 <!-- END topicpagination -->
 </div>
</div>
 {POLL_DISPLAY}
<div class="main-head clearfix" id="fixadent" style="height:auto;border-bottom:1px solid #b0b0b0;padding:9px 0px 5px 12px;height:20px">
 <span style="display:inline-block;overflow: hidden;text-overflow: ellipsis;max-width: 300px;white-space: nowrap;float:left;margin-right:5px;height:20px" class="chude">{PAGE_TITLE}</span>
 
 <p class="posting" style="float:right">
        <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>&nbsp;&nbsp;
 <!-- END switch_user_authpost -->

 <!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
 <!-- END switch_user_authreply -->
 </p>
</div>
 <div class="main-content topic topic2" style="border:0">
 <!-- BEGIN postrow -->
 <!-- BEGIN hidden -->
 <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
 <!-- END hidden -->
 
 <!-- BEGIN displayed -->
 <!-- BEGIN first_post_br -->
 </div>
 <hr id="first-post-br" />
 <div class="main-content topic topic2" style="border-top:1px solid #b0b0b0">
 <!-- END first_post_br -->
                  <a name="{postrow.displayed.U_POST_ID}" id="{postrow.displayed.U_POST_ID}" class="nen_pt"></a>
<div data-rank="{postrow.displayed.POSTER_RANK_NEW}" class="post post--{postrow.displayed.U_POST_ID} post1"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}" href="?showpost={postrow.displayed.U_POST_ID}" id="bai_viet{postrow.displayed.COUNT_POSTS}" ccc="view#{postrow.displayed.U_POST_ID}"> 
 <div class="postmain"{postrow.displayed.THANK_BGCOLOR} style="margin-left:130px;border-left:0px;padding:0 7px">
 
<div id="p{postrow.displayed.U_POST_ID}" class="posthead" style="background:none;border:0px;margin-bottom:0px">
</div>
 <div class="postbody"{postrow.displayed.THANK_BGCOLOR}>
 <div class="user" style="background:none;text-align:center;width:130px;margin-left:-137px;margin-top:15px;overflow:visible">
 <span class="online1">{postrow.displayed.ONLINE_IMG}</span>
                                                  <div class="user-ident">
 
 <div class="user-basic-info">
 <span class="ava_pt"><span>
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
 <td align="center">
 {postrow.displayed.POSTER_AVATAR}
 </td>
</tr>
</tbody>
</table>
</span></span>
<div class="profile">
 <div style="height:40px;width:100%">
<!-- BEGIN profile_field -->
          <div>{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}</div>
<!-- END profile_field -->
 </div>
 <span class="profile11">
 <div class="zzPoster-name" style="display:none">
 {postrow.displayed.POSTER_NAME}
 </div>
 <span class="poster-link"><a target="_blank" href="/profile.forum?mode=viewprofile&u=POSTER_NAME&page_profil=messages"> Tường </a>
          <a target="_blank" href="/spa/POSTER_NAME"> Bài viết </a>
          <a target="_blank" href="/profile?friend=POSTER_NAME&mode=editprofile&page_profil=friendsfoes"> Kết bạn </a>
          <a target="_blank" href="/profile?foe=POSTER_NAME&mode=editprofile&page_profil=friendsfoes"> Chặn</a></span></span>
</div>
 </div>
 </div>
 <div class="user-info">
 <h4 class="username">{postrow.displayed.POSTER_NAME}</h4>
                                                          <div class="tit1" style="display:inline-block">
 <div style="display:inline-block;float:left">
<!-- BEGIN profile_field -->
          <span>{postrow.displayed.profile_field.CONTENT}</span>
<!-- END profile_field -->
          <b>{postrow.displayed.POSTER_RANK_NEW}</b>
 </div>
 {postrow.displayed.RANK_IMAGE}
</div>
 </div>
 </div>

 <div class="post-entry" style="margin-top:-15px;min-height:116px">
                                                  <div>
 <div class="entry-content" style="margin: 8px 0px 0px">
 <div class="entry-content1">
 <div>{postrow.displayed.MESSAGE}</div>
 <!-- BEGIN switch_attachments -->
 <dl class="attachbox">
 <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
 <dd>
 <!-- BEGIN switch_post_attachments -->
 <dl class="file">
 <dt>
 <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />

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

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

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

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

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

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

 <!-- BEGIN switch_signature -->
 <div class="sig-content">
 {postrow.displayed.SIGNATURE_NEW}
 </div>
 <!-- END switch_signature -->

 <div class="postfoot" style="margin-left:0px;text-align:right;margin-top:30px">
                                          <div style="color:#333;font:bold 12px arial;margin:-30px -10px 0px 10px;height:30px;display:block" align="right">
 <a href="#{postrow.displayed.U_POST_ID}">Tầng {postrow.displayed.COUNT_POSTS}</a><a href="?showpost={postrow.displayed.U_POST_ID}#{postrow.displayed.U_POST_ID}" style="background: url(http://i57.servimg.com/u/f57/16/18/15/10/214.png)no-repeat;width:14px;height:14px;display:inline-block;margin-bottom:-2px"></a> {postrow.displayed.POST_DATE_NEW}
</div>
                                          <div class="user-contact profile_left" style="margin-left:-150px;text-align:center;width:130px">
 <span>{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></span>
</div>
                                          <div class="post-options profile_left">
 
<span class="icon_bt"> {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}</span>
</div>
 <div style="clear:both;"></div>
 </div>
 </div>
 </div>
 <!-- END displayed -->
 <!-- END postrow -->
 </div>



 <a name="bottomtitle"></a>

<div class="paged-foot clearfix" style="margin-top:8px">
           <p class="paging" style="float:left">
  <a href="{U_VIEW_OLDER_TOPIC}">Chủ đề trước</a>&nbsp;
                  <a href="{U_VIEW_NEWER_TOPIC}">Chủ đề tiếp theo</a>
 </p>
 <!-- BEGIN topicpagination -->
 <p class="paging">{PAGINATION}</p>
 <!-- END topicpagination -->
 </div>
</div>
<div class="pun-crumbs">
 <p class="crumbs">
 <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}&nbsp;»&nbsp;
 <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
 </p>
</div>

<!-- BEGIN promot_trafic -->
<div class="main" id="ptrafic_close" style="display:none">
 <div class="main-head clearfix">
 <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
 <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></p>
 </div>
</div>
<div class="main" id="ptrafic_open" style="display:''">
 <div class="main-head clearfix">
 <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
 <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></p>
 </div>
 <div class="main-content clearfix">
 <!-- BEGIN link -->
 »&nbsp;<a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
 <!-- END link -->
 </div>
</div>
<!-- END promot_trafic -->


<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
<a name="comments"></a>
<div class="main" alt="traloinhanh123" src="http://i64.servimg.com/u/f64/15/44/78/93/reply111.gif">

<div class="main-content" style="padding:0!important;border-width:1px 0px">
<div class="topic " style="border:0;padding:0px">
<span class="ava_pt" style="position: absolute;margin:17px 0 0 13px"><span>
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
 <td align="center" class="reply1">
 
 </td>
</tr>
</tbody>
</table>
</span></span>
<div class="postmain reply" style="margin-left:130px;border-left:0px;padding:10px">
{QUICK_REPLY_FORM}
  <div id="pun-info" style="font-family:Tahoma;font-size:11px">
 <div class="main-content">
 <div id="stats">
  {S_AUTH_LIST}
 </div>
 </div>
</div>

</div></div></div></div>
<!-- END switch_user_logged_in -->


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

<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
<script type="text/javascript">
  $(".poster-link a").attr("href", function () {
     return this.href.replace(/POSTER_NAME/, encodeURI($.trim($(this).parent().prev(".zzPoster-name").text())))
});
</script>

ACP >> Display >> Post & Tin nhắn
Posting_body

Code:

<style>
  fieldset.frm-set dl dd {
    margin-left: 0;
}
  .main .main-content.frm {
    background-color: #fff;
}
  .pun .main-content {
    border: 0 !important;
}
  fieldset.frm-set {
    margin: 0;
}
  div.posting-block {
    width: 680px;
}
  #sce_smilies_body {
    background: #fff;
}
  #smiley-box iframe {
    height: 120px;
    overflow: auto;
    width: 669px;
    margin-left: 6px;
    border: 1px solid rgb(176, 176, 176);
}
  fieldset.frm-set.multi {
    border-bottom: 0;
}
  .frm-buttons {
    padding: .7em 0 0 19.5em;
}
</style>
<script src="{JS_DIR}extendedview.js" type="text/javascript"></script>
<div class="frm-set1" style="display:none">
  {S_HIDDEN_FORM_FIELDS}
  <input type="hidden" name="lt" value="{LAST_TOPIC_ID}" />
  <!-- BEGIN switch_publish -->
  &nbsp;<input type="submit" name="publish" value="{L_PUBLISH}" tabindex="8" accesskey="p" />&nbsp;
  <!-- END switch_publish -->
  &nbsp;<input type="submit" name="post" value="{L_SUBMIT}" tabindex="6" accesskey="s" />
</div>
<script type="text/javascript">//<![CDATA[
postfId=$('.frm-set1 input[name="f"]').val();$('.frm-set1 input[name="mode"]').val()==='newtopic'&&postfId.length&&/^(39)$/.test(postfId)&&window.location.replace("/h3-youtube?postto="+postfId);
  //]]> </script>
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
 <ul>
 <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
 <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
 </ul>
 <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
 <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<div class="pun-crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
 <p class="crumbs">
 <a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>{NAV_CAT_DESC}&nbsp;»&nbsp;<strong>{L_NEW_OR_EDIT_POST}</strong>
 </p>
</div>

{ERROR_BOX}

<div class="main">
<form action="{S_POST_ACTION}" class="frm-form" method="post" name="post" enctype="multipart/form-data">

    {POST_PREVIEW_BOX}

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

    <!-- BEGIN switch_quote_limit -->
    <div class="main">
        <div class="main-head"></div>
        <div class="main-content warning">
            <p class="center">{switch_quote_limit.L_QUOTE_LIMIT_WARNING}</p>
            <br />
        </div>
    </div>
    <!-- END switch_quote_limit -->

    <div class="main-content frm">
        <fieldset class="frm-set multi">
            <!-- BEGIN switch_username_select -->
            <dl>
                <dd><input type="text" name="username"  maxlength="25" value="{USERNAME}" /></dd>
            </dl>
            <!-- END switch_username_select -->

            <!-- BEGIN switch_reasons -->
            <dl>
                <dd>{REASON_NEW}</dd>
            </dl>
            <!-- END switch_reasons -->

            <!-- BEGIN switch_privmsg -->
            <dl>
                <dd>
                    <!-- BEGIN switch_username -->
                    <input style="margin-top:2px" type="text" name="username[]" value="{switch_privmsg.switch_username.USERNAME}" /><br />
                    <!-- END switch_username -->
                    <input style="margin-top:2px" type="text" id="username" name="username[]" value="{USERNAME}" tabindex="1" />&nbsp;
                    <img id="add_username" src="{ADD_USERNAME_IMG}" class="selectHover" alt="" />&nbsp;
                    <input type="button" id="find_user" value="{L_FIND_USERNAME}" />
                </dd>
            </dl>
            <!-- BEGIN switch_privmsg_friend -->
            <dl>
                <dt><label>{switch_privmsg.switch_privmsg_friend.L_OR_FRIEND}</label></dt>
                <dd>{switch_privmsg.switch_privmsg_friend.FRIEND_PM}</dd>
            </dl>
            <!-- END switch_privmsg_friend -->
            <!-- BEGIN switch_privmsg_group -->
            <dl>
                <dt><label>{switch_privmsg.switch_privmsg_group.L_OR_GROUP}</label></dt>
                <dd>{switch_privmsg.switch_privmsg_group.MASS_PM}<input type="button" value="  ?  " title="{switch_privmsg.switch_privmsg_group.MASS_PM_EXPLAIN}" class="button2" /></dd>
            </dl>
            <!-- END switch_privmsg_group -->
            <!-- END switch_privmsg -->

            <!-- BEGIN switch_icon_checkbox -->
            <dl>
                <dd>
                    <!-- BEGIN row -->
                    <!-- BEGIN cell -->
                    <label style="vertical-align:bottom">

                        <input type="radio" name="post_icon" tabindex="2" value="{switch_icon_checkbox.row.cell.ICON_ID}" {switch_icon_checkbox.row.cell.ICON_CHECKED} id="post_icon_{switch_icon_checkbox.row.cell.ICON_ID}" />&nbsp;
                        <span onclick="document.forms['post'].post_icon_{switch_icon_checkbox.row.cell.ICON_ID}.checked=true">{switch_icon_checkbox.row.cell.ICON_IMG}</span>
                    </label> &nbsp;
                    <!-- END cell -->
                    <!-- END row -->
                </dd>
            </dl>
            <!-- END switch_icon_checkbox -->

            <!-- BEGIN switch_subject -->
            <dl style="background: rgb(237, 242, 247) url(&quot;http://i80.servimg.com/u/f80/16/18/15/10/176.png&quot;) repeat-x scroll left top; height: 48px; border: 1px solid rgb(176, 176, 176); margin: 0.5em; padding-left:0; width: 668px;">
                <dd class="frm-input">
                    <input placeholder="Tiêu đề bài viết : " style="float:left;width:604px;padding:10px 40px 10px 10px;border:1px solid #b0b0b0" type="text" name="subject" value="{SUBJECT}" maxlength="{TOPIC_TITLE_MAXLENGTH}" title="{TOPIC_TITLE_LENGTH_EXPLAIN}" onkeypress="if (event.keyCode==13){return false}" />
                  <a href="javascript:void(0)" onclick="window.open('/h37-page','welcome','width=400,height=300,left=400,top=200,screenX=0,screenY=100')"><img src="http://i74.servimg.com/u/f74/16/18/15/10/172.png" style="display:inline-block;margin-left:-30px;position:relative;margin-bottom:-13px;margin-top:13px"/></a>
                    <!-- BEGIN switch_subject_color -->
                    <script type="text/javascript">
                    //<![CDATA[
                    input = document.getElementsByName('subject');
                    //]]>
                    </script>
                    <select name="topic_color" onchange="input[0].style.color = topic_color.value" style="margin-left:10px">

                    {switch_subject.switch_subject_color.TOPIC_TITLE_COLOR_OPTIONS}

                    </select>
                    <script type="text/javascript">
                    //<![CDATA[
                    input[0].style.color = '{switch_subject.switch_subject_color.TOPIC_TITLE_COLOR_DEFAULT}';
                    //]]>
                    </script>
                    <!-- END switch_subject_color -->
                </dd>
            </dl>
            <!-- END switch_subject -->

            <div id="text_editor_select_controls">
                <!-- must enclose helpbox in a floating div for ie bug -->
                <div class="clear"></div>

                <div id="textarea_content" class="posting-block" style="">
                    <dl>
                        <dd class="frm-textarea">
                            <textarea id="text_editor_textarea" onclick="storeCaret(this)" rows="15" cols="9" onkeyup="storeCaret(this)" name="message" tabindex="3" onselect="storeCaret(this)" wrap="virtual" style="width:98%">{MESSAGE}</textarea><br />
                        </dd>
                    </dl>
                    <!-- BEGIN edit_reason -->
                    <br />
                    <dl>
                        <dd><input class="inputbox medium" style="width:63%" type="text" name="edit_reason" value="{edit_reason.EDIT_REASON}" maxlength="255" /></dd>
                    </dl>
                    <!-- END edit_reason -->
                </div>
                <div id="smiley-box">
                    <div id="smileyContainer">
                    {L_SMILIES_PREVIEW_NEW}
                    </div>
                </div>
            </div>
        </fieldset>

        <fieldset class="frm-set">

            <div class="frm-buttons">
                {S_HIDDEN_FORM_FIELDS}
                <input type="hidden" name="lt" value="{LAST_TOPIC_ID}" />
                <!-- BEGIN switch_preview -->
                <input type="submit" name="preview" value="{L_PREVIEW}" tabindex="5" />&nbsp;
                <!-- END switch_preview -->
                 <!-- BEGIN switch_draft -->
                &nbsp;<input type="submit" name="draft" value="{L_DRAFT}" tabindex="7" accesskey="d" />&nbsp;
                <!-- END switch_draft -->
                <!-- BEGIN switch_publish -->
                &nbsp;<input type="submit" name="publish" value="{L_PUBLISH}" tabindex="8" accesskey="p" />&nbsp;
                <!-- END switch_publish -->
                 &nbsp;<input type="submit" name="post" value="{L_SUBMIT}" tabindex="6" accesskey="s" />
            </div>
        </fieldset>
    </div>
<div class="tuychonkhac">Tùy chọn khác</div>
    <div class="main" id="tuychonkhac">
        <!-- BEGIN switch_roll_dice -->
        <div class="main-head clearfix">{ROLL_DICE_TITLE}</div>
        <div class="main-content frm">
            <script type="text/javascript">
                function add_dice(dice_number,dice,number)
                {
                    var content = document.getElementById('post_dice').innerHTML;
                    document.getElementById('dice_to_del').innerHTML = '';
                    document.getElementById('dice_to_del').id = '';

                    var new_tr = document.createElement('tr');
                    new_tr.appendChild(document.createElement('td'));
                    new_tr.firstChild.innerHTML = '{ROLL_DICE_TITLE_LOW} #' + (dice_number + 1) + ' :&nbsp;<select name="post_dice_' + dice_number + '" id="post_dice_' + dice_number + '" value="' + dice + '">' + content + '</select>&nbsp;<label for="nb_rolls">{switch_roll_dice.L_DICE_ROLLS} : </label><input type="text" size="2" maxlength="3" name="nb_rolls_' + dice_number + '" id="nb_rolls" value="' + number + '" />&nbsp;<span id="dice_to_del"><a href="javascript:add_dice(' + (dice_number + 1) + ',\'\',1)"><img src="{PATH_IMG_FA}tabs_more.gif" alt="plus" /></a></span>';
                    document.getElementById('list_dice').lastChild.appendChild(new_tr);

                    var select_dice = document.getElementById('post_dice_' + dice_number);
                    if ( dice == '' )
                    {
                        select_dice.selectedIndex=0;
                    }
                    for ( var i = 1; select_dice.options[i]; i++ )
                    {
                        select_dice.options[i].selected = ( select_dice.options[i].value == dice );
                    }
                }
            </script>
            <table style="width:100%" id="list_dice"><tr><td>
                {ROLL_DICE_TITLE_LOW} #1 :&nbsp;
                <select name="post_dice_0" id="post_dice">
                    <option value="">-</option>
                <!-- BEGIN row_replace -->
                    <option value="{switch_roll_dice.row_replace.DICE_ID}"{switch_roll_dice.row_replace.DICE_SELECTED}>{switch_roll_dice.row_replace.DICE_NAME}</option>
                <!-- END row_replace -->
                </select>
                &nbsp;<label for="nb_rolls">{switch_roll_dice.L_DICE_ROLLS} : </label><input type="text" size="2" maxlength="3" name="nb_rolls_0" id="nb_rolls" value="{switch_roll_dice.S_DICE_ROLLS_VALUE}" />
                &nbsp;<span id="dice_to_del"><a href="javascript:add_dice(1,'',1)"><img src="{PATH_IMG_FA}tabs_more.gif" alt="plus" /></a></span>
                </td></tr>
            </table>
            {switch_roll_dice.DICE_SCRIPT}
        </div>
        <!-- END switch_roll_dice -->

        <div class="main-head clearfix">
            <p class="h2">{L_OPTIONS}</p>
        </div>

        <div class="main-content frm">
            <fieldset class="frm-set multi">
                <!-- BEGIN switch_html_checkbox -->
                <label><input type="checkbox" name="disable_html"{S_HTML_CHECKED} />&nbsp;{L_DISABLE_HTML}</label><br />
                <!-- END switch_html_checkbox -->

                <!-- BEGIN switch_bbcode_checkbox -->
                <label><input type="checkbox" name="disable_bbcode"{S_BBCODE_CHECKED} />&nbsp;{L_DISABLE_BBCODE}</label><br />
                <!-- END switch_bbcode_checkbox -->

                <!-- BEGIN switch_smilies_checkbox -->
                <label><input type="checkbox" name="disable_smilies"{S_SMILIES_CHECKED} />&nbsp;{L_DISABLE_SMILIES}</label><br />
                <!-- END switch_smilies_checkbox -->

                <!-- BEGIN switch_signature_checkbox -->
                <label><input type="checkbox" name="attach_sig"{S_SIGNATURE_CHECKED} />&nbsp;{L_ATTACH_SIGNATURE}</label><br />
                <!-- END switch_signature_checkbox -->

                <!-- BEGIN switch_notify_checkbox -->
                <label><input type="checkbox" name="notify"{S_NOTIFY_CHECKED} />&nbsp;{L_NOTIFY_ON_REPLY}</label><br />
                <!-- END switch_notify_checkbox -->

                <!-- BEGIN switch_delete_checkbox -->
                <label><input type="checkbox" name="delete" />&nbsp;{L_DELETE_POST}</label><br />
                <!-- END switch_delete_checkbox -->

                <!-- BEGIN switch_type_toggle -->
                <br />{S_TYPE_TOGGLE}
                <!-- END switch_type_toggle -->
            </fieldset>

            <!-- BEGIN switch_topic_modif -->
            <fieldset class="frm-set">
                <!-- BEGIN switch_icon_checkbox -->
                <dl>
                    <dt><label>{POST_ICON_TITLE}</label></dt>
                    <dd>
                        <!-- BEGIN row -->
                        <!-- BEGIN cell -->
                        <label style="vertical-align:top">
                            <input type="radio" name="post_icon" value="{switch_topic_modif.switch_icon_checkbox.row.cell.ICON_ID}" id="post_icon_{switch_topic_modif.switch_icon_checkbox.row.cell.ICON_ID}" {switch_topic_modif.switch_icon_checkbox.row.cell.ICON_CHECKED} />&nbsp;<span onclick="document.forms['post'].post_icon_{switch_topic_modif.switch_icon_checkbox.row.cell.ICON_ID}.checked=true">{switch_topic_modif.switch_icon_checkbox.row.cell.ICON_IMG}</span>
                        </label>
                        <!-- END cell -->
                        <!-- END row -->
                    </dd>
                </dl>
                <!-- END switch_icon_checkbox -->
                <dl>
                    <dt><label for="modif_topic_title">{L_TOPIC_TITLE_MODIFY}</label></dt>
                    <dd>
                        <input type="text" name="modif_topic_title" id="modif_topic_title" value="{MODIF_TOPIC_TITLE}" maxlength="{TOPIC_TITLE_MAXLENGTH}" onkeypress="if (event.keyCode==13){return false}" />
                        <!-- BEGIN switch_topic_button -->
                        &nbsp;<input type="button" value="{L_SOLVED_WITHOUT_BRAKETS}" onclick="set_solved(this.form.elements['modif_topic_title'],'{L_SOLVED}')" style="display:none" id="button_solved" />
                        <script type="text/javascript">
                        //<![CDATA[
                        document.getElementById('button_solved').style.display = 'inline';
                        //]]>
                        </script>
                        <!-- END switch_topic_button -->
                    </dd>
                </dl>
            </fieldset>
            <!-- END switch_topic_modif -->
        </div>

    {POLLBOX}
    </div>
</form>
{TOPIC_REVIEW_BOX}


<!-- BEGIN switch_privmsg -->
<div id="find_username" class="jqmWindow"></div>

<script src="{JS_DIR}jquery/jqmodal/jqmodal.js" type="text/javascript"></script>
<!-- END switch_privmsg -->
<script type="text/javascript">
//<![CDATA[
$(function(){
<!-- BEGIN switch_privmsg -->
 privmsg_add_username('{U_SEARCH_USER}', '<br /><input style="margin-top:2px" type="text" name="username[]" />');
<!-- END switch_privmsg -->
<!-- BEGIN switch_image_resize -->
    resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} });
<!-- END switch_image_resize -->
});
//]]>
</script>

{SCEDITOR}
  
<style type="text/css">
#tuychonkhac {display: none;}
.tuychonkhac {cursor:pointer;padding: 10px;background: #f2f2f2;color: #333;font-weight: bold;font-size: 18px;text-align: center;}</style>
<script>
   $('.tuychonkhac').click(function () {
         $('#tuychonkhac').slideDown(500);
         $(this).remove()
      });
</script>

Lưu ý: Nhớ bật chế độ Blog

Topics_list_box với Topics_blog_box của phutu là 2 thứ tạo sự kích thích mà ae vẫn thèm thuồng đi xin mấy năm qua Smile

Topics_blog_box và vewcoment_body chổ nào vậy bạn? Làm sao để bật chế độ blog. Thanhs ạ mình là người mới

thanhto193 đã viết:

Topics_blog_box và vewcoment_body chổ nào vậy bạn? Làm sao để bật chế độ blog. Thanhs ạ mình là người mới

APC >> Modules >> Blogs >> Cấu Hình diễn đàn >> Activate blogs : Có Very Happy