[Skin] Chia sẻ skin Phutu 2016 ver Punbb

  • Móm Đặc Biệt
    1. [Skin] Chia sẻ skin Phutu 2016 ver Punbb
    avatar S-MOD

    Demo ảnh



    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://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
     <div class="content">
     <p>
     {hitskin_preview.L_THEME_SITE_PREVIEW}
     <br />
     <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
     </p>
     </div>
     </div>
     <!-- END hitskin_preview -->
     <!-- BEGIN switch_login_popup -->
     <div id="login_popup" class="module 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

  • Móm Đặc Biệt
    2. Re: [Skin] Chia sẻ skin Phutu 2016 ver Punbb
    avatar S-MOD
    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://illiweb.com/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://illiweb.com/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>

  • Móm Đặc Biệt
    3. Re: [Skin] Chia sẻ skin Phutu 2016 ver Punbb
    avatar S-MOD
    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://illiweb.com/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>

  • Móm Đặc Biệt
    4. Re: [Skin] Chia sẻ skin Phutu 2016 ver Punbb
    avatar S-MOD
    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

  • Kou94
    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

  • thanhto193
    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

  • Giựt
    7. Re: [Skin] Chia sẻ skin Phutu 2016 ver Punbb
    avatar MOD
    @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

  • Sponsored content

Thông tin tác giả
avatar
S-MOD
Bài viết :
287
Points :
594
Like :
157
Punbb
An toàn
Status :
Đành vậy thế thôi
Xem lý lịch thành viên http://vnraovat.forumvi.com/
Thông tin tác giả
avatar
S-MOD
Bài viết :
287
Points :
594
Like :
157
Punbb
An toàn
Status :
Đành vậy thế thôi
Xem lý lịch thành viên http://vnraovat.forumvi.com/
Thông tin tác giả
avatar
S-MOD
Bài viết :
287
Points :
594
Like :
157
Punbb
An toàn
Status :
Đành vậy thế thôi
Xem lý lịch thành viên http://vnraovat.forumvi.com/
Thông tin tác giả
avatar
S-MOD
Bài viết :
287
Points :
594
Like :
157
Punbb
An toàn
Status :
Đành vậy thế thôi
Xem lý lịch thành viên http://vnraovat.forumvi.com/
Thông tin tác giả
avatar
MEM LV3
Bài viết :
114
Points :
169
Like :
9
Punbb
An toàn
Xem lý lịch thành viên
Thông tin tác giả
avatar
MEM
Bài viết :
1
Points :
1
Like :
0
Punbb
An toàn
Xem lý lịch thành viên
Thông tin tác giả
avatar
MOD
Bài viết :
273
Points :
440
Like :
89
Punbb
Cẩn thận
Status :
Giựt đẹp trai
Xem lý lịch thành viên
Thông tin tác giả
Sponsored content
Bài viết liên quan
    Đang tải dữ liệu

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

<