[Skin] Chia sẻ skin VXF giống xenforo cho version Invision.

    Chuyển đến trang : 1, 2, 3  Next

  • Móm Đặc Biệt
    1. [Skin] Chia sẻ skin VXF giống xenforo cho version Invision.
    avatar S-MOD

    Demo ảnh



    Demo online

    Xem tại đây: http://huudang2.forumvi.com/

    Hướng dẫn

    ACP >> Display >> Color >> CSS
    Thay toàn bộ bằng code sau
    Code:
    /* memberlist */
    div.borderwrap .member-list{padding:0}
    .member{border-width:3px;margin-bottom:0;margin-right:0;width:284px}
    #profile-advanced-details .message-header,.avatar,.mini-avatar{border:0!important}
    .member p{font-size:.85em;overflow:hidden}
    .member:hover p{overflow:auto}
    .member-header{background:#F8F8F8;position:relative;height:33px;margin-bottom:10px;padding-top:12px}
    .member .popmenubutton-new-out a{background-color:transparent;border:0 none;padding-left:50px}
    .member-list .popmenubutton .mini-avatar {
      height: auto;
    width: auto;
        position: absolute;
        top: -4px;
        left: -4px;
    }
    .member-list .popmenubutton .mini-avatar img{padding:2px;border:1px solid #EEE}
    .search-filter,.search-filter select{font-size:inherit}
    .search-filter dt{margin-top:7px;color:#888}
    /* profile page */
    #profile-advanced-right .module,#new-message-link,.new-message.bottom,#profile-advanced-add br,.message-footer{display:none}
    #profile-advanced-right .module:first-child,#profile-advanced-add + .module{display:block;position:relative;margin:0;border:0;width:300px;height:240px;overflow:hidden}
    #profile-advanced-left{margin-right:0;margin-left:300px}
    #profile-advanced-right{float:left;width:300px;height:240px;position:relative;overflow:hidden}
    #profile-advanced-layout{float:right;margin-right:0;margin-left:-304px;position:relative;margin-bottom:30px;background:#0F61A1}
    #profile-advanced-layout #new-message{padding:0;position:absolute;left:1px;top:240px}
    #profile-advanced-layout ul.privmsg{min-height:220px;width:300px;padding:0}
    #profile-advanced-layout ul.privmsg li{display:block;float:none;width:300px;height:44px;line-height:44px;background:#FFF;color:inherit}
    #profile-advanced-layout ul.privmsg li div.tabitem{padding:0 20px}
    #profile-advanced-layout ul.privmsg li a{margin:0px -19px 0px -20px;padding:0 20px;background:#246FAF;color:#FFF}
    #profile-advanced-right .module:first-child .box-content.profile,#profile-advanced-add + .module .box-content.profile{height:210px;background:#0F61A1;font:0/0 a}
    #profile-advanced-layout ul.privmsg,#profile-advanced-details,#profile-advanced-details .message-footer li,.posting-options{margin:0}
    #profile-advanced-add{position:absolute;width:300px;padding:0;margin:0;left:0;top:-30px;z-index:50;background:#3498db;transition:top .3s;-webkit-transition:top .3s}
    #profile-advanced-add a{display:block;width:150px;float:left;height:30px;text-indent:-9999px;background:#2ecc71 url(http://i39.servimg.com/u/f39/18/83/32/63/14085310.png) no-repeat center center;overflow:hidden;text-align:left;position:absolute;left:0;top:0}
    #profile-advanced-add a[href*="foe="]{background-color:#e74c3c;background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085311.png);left:150px}
    #profile-advanced-add a[href*="remove="]{background-color:#9b59b6;width:300px;background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085312.png)}
    #profile-advanced-add a:hover{background-position:15px 50%;text-indent:0;padding-left:50px;width:300px;z-index:50;line-height:30px;color:#FFF;left:0}
    #profile-advanced-add:after{clear:both!important;content:".";display:block;height:0;visibility:hidden}
    #profile-advanced-right .box-content.profile img:first-child{height:156px;max-width:290px;padding:4px;margin-bottom:8px}
    #profile-advanced-right .box-content.profile img{background:#FFF;padding:4px 75px}
    #profile-advanced-right .module .maintitle{padding:0 5px;height:30px;line-height:30px;background:#0F61A1;text-align:center}
    #profile-advanced-right .maintitle,#profile-advanced-details .maintitle{text-shadow:0 0 1px #FFF,0 0 1px #FFF,0 0 1px #FFF}
    #profile-advanced-right:hover #profile-advanced-add{top:0}
    #profile-advanced-details .maintitle{padding:0 10px;height:30px;line-height:30px}
    #profile-advanced-details .box-content.profile{min-height:430px;padding:5px 15px}
    #profile-advanced-details ol{padding:0}
    #profile-advanced-details .message-block{border:0;margin:10px 0 20px 60px;position:relative;border-left:1px solid #666}
    .message-text{padding:5px;white-space:pre-wrap;word-break:break-all;word-wrap:break-word}
    .message-block:before,.message-block:after{content:"";display:block;width:0;height:0;border-style:solid;border-width:6px 8px 6px 0;border-color:transparent #444 transparent transparent;position:absolute;top:8px;left:-8px}
    .message-block:after{left:-6px;border-color:transparent #FFF transparent transparent}
    .message-header{font-size:0;height:21px;line-height:13px}
    .message-date{font-size:12px}
    #profile-advanced-details .message-footer{position:absolute;height:21px;right:0;top:0;background:#FFF;padding:0}
    #profile-advanced-details .message-footer li:after{content:initial}
    #profile-advanced-details .message-footer li a{text-decoration:none;font-size:11px;display:inline-block;background:#2980b9;color:#FFF;padding:0 7px;margin-right:0;float:right;margin-left:5px;height:20px;line-height:20px}
    .message-block:hover .message-footer{display:block}
    .message-textarea{width:calc(100% - 8px);margin:0 0 0 8px}
    #profile-advanced-details .message-editor .message-block{border-left-color:red}
    .message-editor .message-block:before{border-color:transparent red transparent transparent}
    #profile-advanced-details .message-newMess .message-block{border-left-color:orange}
    .message-newMess .message-block:before{border-color:transparent orange transparent transparent}
    #profile-advanced-details dl{width:100%;padding:0}
    /* inbox */
    th.select-items {
        width: 7%;
    }
    .posting-options + ul.privmsg{float:none;margin:5px 0 20px}
    .posting-options + ul.privmsg li{width:25%;text-align:center;margin:0;height:100px;line-height:100px}
    .posting-options + ul.privmsg li a{color:#333;display:block;padding:20px 0 0;height:100px;margin:-20px 0 0;color:#FFF}
    .posting-options + ul.privmsg li div.tabitem{padding:20px 0 0;height:100px;background:url(http://i83.servimg.com/u/f83/16/58/89/73/read_m10.png) no-repeat center 20px #FFF;color:#444}
    .posting-options + ul.privmsg li:nth-child(2) div.tabitem{background-image:url(http://i83.servimg.com/u/f83/16/58/89/73/reply10.png)}
    .posting-options + ul.privmsg li:nth-child(3) div.tabitem{background-image:url(http://i83.servimg.com/u/f83/16/58/89/73/new_po10.png)}
    .posting-options + ul.privmsg li:nth-child(4) div.tabitem{background-image:url(http://i83.servimg.com/u/f83/16/58/89/73/save_a10.png)}
    .posting-options + ul.privmsg li div.tabitem a{background:url(http://i39.servimg.com/u/f39/18/59/49/93/read_m10.png) no-repeat center 20px #0F61A1}
    .posting-options + ul.privmsg li:nth-child(2) div.tabitem a{background-image:url(http://i39.servimg.com/u/f39/18/59/49/93/reply110.png)}
    .posting-options + ul.privmsg li:nth-child(3) div.tabitem a{background-image:url(http://i39.servimg.com/u/f39/18/59/49/93/new_po10.png)}
    .posting-options + ul.privmsg li:nth-child(4) div.tabitem a{background-image:url(http://i39.servimg.com/u/f39/18/59/49/93/save_a10.png)}
    #profile-advanced-layout ul.privmsg li a:hover,#profile-advanced-details .message-footer li a:hover,.posting-options + ul.privmsg li div.tabitem a:hover{background-color:#444!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{float:left;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:#deeaf7;border:1px solid #C8D7EC;color:#5089BE!important;font-family:sans-serif;border-radius:2px;display:inline-block;padding:6px 15px}
    .vote-plus:hover{border-color:#6A9AD6}
    .vote-plus[href="javascript:;"]{color:#666!important;background-color:#DDD;cursor:no-drop;border-color:#CCC}
    .vote-time{position:relative;border-radius:2px;display:inline-block;border:1px solid #D8D7D7;margin:auto 5px;padding:6px}
    .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:8px}
    .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:9px}
    .vote-minus{margin-left:20px;color:#666!important}
    .vote-minus:hover{color:red!important}
    .vote-minus[href="javascript:;"]{color:#C5C5C5!important;cursor:no-drop}
    /* Edit profile */
    .box-content.profile{background-color:#fff}
    .ipbform2 dl dd textarea.inputbox{background-color:transparent}
    .borderwrap .subtitle{background-color:#F5F5F5;border-bottom:1px solid #ddd}
    .ipbform2 dl dd{background-color:#fff;margin-left:0}
    .formbuttonrow{background-color:#fff}
    ul.privmsg li{background-color:#246FAF}
    ul.privmsg{margin-bottom:0;margin-left:0}
    ul.privmsg li a{background-color:#fff}
    /* Quote - Spoiler - Hide - Code */
    blockquote cite,.codebox dt{font-size:13px;padding:8px;border-bottom:2px solid #FFF;background-color:#EFF2F7;background-image:none}
    blockquote,.codebox dd{background-color:#EFF2F7;border:0 none;margin:0}
    dl.codebox{margin:0}
    .spoiler dt{cursor:pointer;padding:8px;border-bottom:2px solid #FFF;background-color:#EFF2F7;background-image:none;font-size:13px}
    .spoiler{border:0 none;margin:0}
    /* Post */
    div.sceditor-toolbar{background:#EFF2F7 !important;border-radius:0!important;text-align:center;border-bottom:1px solid #ddd!important}
    div.sceditor-group{background:0!important;border-bottom:0!important;margin:0!important}
    .qreply{background-color:0;border:0;margin:0 auto 1em;padding:0;background:0}
    /* Số trang */
    div.pagination a.goto{padding:7px 15px 7px 6px;display:inline-block;background-color:transparent;border-radius:3px}
    div.pagination a{padding:7px 10px;background-color:transparent;border-radius:3px;color:#1062A1}
    div.pagination b{padding:7px 10px;background-color:#EFF2F7!important;border-radius:3px;color:#1062A1}
    div.pagination{color:#fff}
    div.pagination a.goto:hover,div.pagination a:hover{background-color:#EFF2F7!important}
    /* View */
    .postprofile{margin-left:-9.6em;width:9.6em;border-radius:3px}
    .post-container{background-color:#fff;margin-left:9.6em;padding-bottom:10px;padding-top:10px}
    .postprofile-details{margin:0}
    .postava img{padding:0;border:medium none;border-bottom-left-radius:0;border-bottom-right-radius:0;width:120px;height:120px;margin:2px;border-radius:3px}
    .post .post-header{display:none}
    .postprofile{background-color:#EFF2F7}
    .post{background-color:#fff;border-top:1px solid #ddd;border-bottom:0}
    .post-footer{display:inline}
    .post-entry{margin:0 0 0 1em;min-height:100px}
    .userinfo{padding:5px 7px}
    .hienthiz{float:right}
    .usertext{padding:6px;border-bottom:1px solid #FFF;text-align:center}
    #topicmenu-options{float:none;text-align:center}
    .titlebar h1{font-size:18pt;color:#246FAF;padding:20px 0;overflow:hidden;font-weight:300;text-align:center}
    .post-footer ul.misc-icons{padding:7px 6px}
    .vote {
    display:none
    }
    /* Menu mem */
    #logoBlock .navTabs{float:right}
    .navTabs .visitorTabs{float:right}
    .Popup .PopupControl,.Popup.PopupContainerControl{display:inline-block;cursor:pointer}
    .navTabs .navTab.PopupOpen{background:transparent none repeat scroll 0% 0%}
    .Popup .PopupControl.PopupOpen,.Popup.PopupContainerControl.PopupOpen{color:#32A34F;border-radius:3px 3px 0 0}
    #logoBlock .navTabs .visitorTabs .navLink{padding:0 10px;height:30px;line-height:30px}
    .Popup .arrowWidget{background:transparent url("http://i68.servimg.com/u/f68/17/57/29/64/xenfor10.png") no-repeat scroll -64px 0;margin-top:-2px;margin-left:2px;display:inline-block;vertical-align:middle;width:13px;height:14px}
    #showuser:hover #AccountMenu{display:block!important}
    #showinbox:hover #ConversationsMenu{display:block!important}
    #showuser:hover .arrowWidget{background-position:-48px 0}
    #showinbox:hover .arrowWidget{background-position:-48px 0}
    /* Drop menu */
    #AccountMenu,.Menu.navPopup{margin-top:8px;text-transform:none;text-align:left}
    .navPopup{width:260px}
    .Menu .menuHeader h3{font-size:12pt}
    .navPopup .listPlaceholder{max-height:350px;overflow:auto}
    .navPopup .sectionFooter .floatLink{float:right}
    #AccountMenu{width:274px}
    .Menu{font-size:11px;margin-top:1px;border-width:5px 1px 1px;border-style:solid;border-color:#0F61A1;-moz-border-top-colors:none;-moz-border-right-colors:none;-moz-border-bottom-colors:none;-moz-border-left-colors:none;border-image:none;overflow:hidden;box-shadow:0 5px 5px rgba(0,0,0,0.5);min-width:200px;position:absolute;z-index:999;display:none}
    #AccountMenu .menuHeader{position:relative}
    .Menu .primaryContent{background-color:#FFF}
    .Menu .menuHeader{overflow:hidden}
    .primaryContent{background-color:#FFF;padding:10px;border-bottom:1px solid #EFF2F7}
    #AccountMenu .menuHeader .avatar{float:left;margin-right:10px;width:96px;height:96px}
    .avatardrop img {
        width: 96px;
        height: 96px;
    }
    .avatar.plainImage img,.avatar.plainImage .img{border:medium none;border-radius:0;padding:0;background-position:left top}
    .Menu .menuHeader h3{font-size:15pt}
    .Menu .menuHeader .muted{font-size:11px}
    #AccountMenu .menuHeader .links .fl{position:absolute;bottom:10px;left:116px}
    #AccountMenu .menuColumns{overflow:hidden;padding:2px}
    .Menu .secondaryContent{background-color:#FFF}
    .secondaryContent{background-color:#FFF;padding:10px;border-bottom:1px solid #EFF2F7}
    #AccountMenu .menuColumns ul{float:left;padding:0;max-height:none;overflow:hidden}
    .Menu .blockLinksList{max-height:400px;overflow:auto}
    .blockLinksList{font-size:13px;padding:2px}
    #AccountMenu .menuColumns a,#AccountMenu .menuColumns label{width:115px}
    .blockLinksList a,.blockLinksList label{color:#0F61A1;padding:5px 10px;border-radius:3px;display:block;outline:0 none}
    #AccountMenu .menuColumns{overflow:hidden;padding:2px}
    .Menu .sectionFooter{background-color:#EFF2F7}
    .sectionFooter{overflow:hidden;font-size:11px;color:#246FAF;background-color:#EFF2F7;padding:4px 10px;line-height:16px}
    #AccountMenu .statusPoster textarea{width:245px;margin:0;resize:vertical;overflow:hidden}
    textarea.textCtrl.Elastic{max-height:300px}
    /* Box */
    table.ipbtable .forum-name a {
        font-size: 16px;
    }
    .boxtp {
        font-size: 14px;
    }
    table.ipbtable span.status {
        margin-top: 3px;
    }
    .lastpost-avatar {
        margin-right: 5px;
        margin-top: -2px;
        padding: 2px;
        border: 1px solid #246FAF;
        border-radius: 5px;
      margin-bottom: -2px;
    }
    .lastpost-avatar img {
        border-radius: 3px;
        height: 32px;
        width: 32px;
    }
    div.maintitle{color:#FFF;font-weight:500;background-color:#246FAF;padding:10px;border-top-left-radius:3px;border-top-right-radius:3px;min-height:6px}
    .row1,.row2{background:#fff !important;border-bottom:1px solid #EFF2F7!important;vertical-align:middle !important}
    table.ipbtable td.icon{width:500px}
    .forum-desc{display:none}
    .stat4r{color:#888;font-size:12px;padding-right:10px}
    span.stat4r > br:nth-child(3){display:none}
    span.stat4r > strong{float:left;margin-right:5px}
    div.maintitle .contract,div.maintitle .expand{background:0;margin-right:13px;margin-top:-3px}
    .PanelScroller .scrollContainer,.PanelScrollerOff .panel{background-color:#FFF;padding:3px;margin-bottom:10px;border-radius:3px;font-size:13pt}
    .PanelScroller .PanelContainer{position:relative;clear:both;width:100%;overflow:auto}
    .hasJs .PanelScroller .Panels{position:absolute}
    .PanelScroller .Panels{clear:both;margin:0;padding:0}
    .PanelScroller .panel,.PanelScrollerOff .panel{overflow:hidden;position:relative;padding:0 !important;background:#EFF2F7 url("http://i68.servimg.com/u/f68/17/57/29/64/catego10.png") repeat-x scroll center top}
    .PanelScroller .panel .noticeContent,.PanelScrollerOff .panel .noticeContent{padding:10px;color:#ED1B24}
    .DismissParent .DismissCtrl{position:absolute;top:12px;right:5px;display:block;background:transparent url("http://i68.servimg.com/u/f68/17/57/29/64/xenfor10.png") no-repeat scroll -80px 0;color:#FFF;width:15px;height:15px;line-height:15px;text-align:center;opacity:0.4;transition:opacity 0.3s ease-in-out 0s;font-size:10px;overflow:hidden;white-space:nowrap;text-indent:20000em;cursor:pointer}
    /* Side bar */
    .sidebar{padding:10px;background:#fff;margin-bottom:13px;text-align:center;border-radius:3px 3px 0 0}
    #SignupButton{font-size:18px;color:#FFF;background-color:#246FAF;border-radius:3px;display:block;text-shadow:0 0 0 transparent,0 0 3px rgba(0,0,0,0.5);font-weight:700;padding:10px}
    #LogButton{font-size:18px;color:#FFF;background-color:#246FAF;border-radius:3px;display:block;text-shadow:0 0 0 transparent,0 0 3px rgba(0,0,0,0.5);font-weight:700;padding:10px;margin-top:10px}
    #SignupButton:hover,#LogButton:hover{background-color:#0F61A1}
    .sidebar h3{font-size:14px;color:#38445F;background-color:#FFF;padding:8px 10px;margin:-10px -10px 10px;border-bottom:1px solid #EFF2F7;border-radius:3px 3px 0 0;text-transform:uppercase}
    .thin{border-bottom:0;border-top:0}
    .Tinhte_XenTag_TagCloud{zoom:1}
    .Tinhte_XenTag_TagCloud:after{content:'.';display:block;height:0;clear:both;visibility:hidden}
    .Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloudTag{background:#0F61A1;color:#EFF2F7;display:inline;float:left;margin:0.2em;padding:0}
    .Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloudTag:hover{background:#f9d9b0;color:#32A34F}
    .Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloudTag a{color:inherit;display:block;font-size:1em;font-weight:bold;margin:0.5em;white-space:nowrap}
    .Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloud_Level1{background-color:#EFF2F7;color:#0F61A1}
    .Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloud_Level2{background-color:#D4D4D4}
    .Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloud_Level3{background-color:#6cb2e4}
    .sidebar .avatar{margin-right:10px;float:left;width:auto;height:auto;border:0}
    .sidebar .avatar img{width:70px;height:70px;display:block;border-radius:3px;padding:0;padding:2px;border:1px solid #246FAF}
    .sidebar .username{font-size:14px}
    .sidebar .stats{margin-top:10px}
    .sidebar .stats .pairsJustified{line-height:normal}
    .sidebar .pairsJustified dd,.sidebar .pairsJustified dt{color:#92A5B4}
    .pairsJustified dt{float:left}
    .sidebar .pairsJustified dd,.sidebar .pairsJustified dt{color:#92A5B4}
    .pairsJustified dd{float:right;text-align:right}
    dl.pairsColumns,dl.pairsJustified,.pairsColumns dl,.pairsJustified dl{overflow:hidden}
    /* Footer */
    .footer{background:#090C15 none repeat scroll 0% 0%;clear:both}
    .footer .pageContent{font-size:13px;color:#4F5C77;overflow:hidden;padding:50px 0 40px}
    .footercolumns{display:inline;margin-left:0;margin-right:0}
    #footer{clear:both;min-height:100px;padding:20px 0 25px}
    .footer .blockFooter{float:left;width:25%}
    .footer .boxInner{padding:0 10px}
    .footer-top-left .block-top{margin-bottom:10px}
    #footer .footerLogo{width:auto;height:auto;max-width:100%}
    .footer-top-left .block-bottom{float:left;margin-right:15px;padding-bottom:5px;margin-bottom:5px}
    .footer-top-left .block-bottom p{font-size:13px;margin-bottom:0;padding:5px 0;text-align:justify}
    .footer h3{background:#10131C none repeat scroll 0% 0%;border-radius:3px 3px 0 0;border-bottom:1px solid #090C15;color:#68738C;font-family:"Roboto",sans-serif;font-size:14px;text-transform:uppercase;font-weight:500;padding:10px}
    .footer .boxContent{background:#0D1019 none repeat scroll 0% 0%;border-radius:0 0 3px 3px;padding:0 10px}
    .footer .boxContent ul.itemsList li:first-child{border-top:0 none}
    .footer .boxContent ul.itemsList li{padding:5px 0;border-top:1px solid #10131C;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .footer a,.footer a:visited{color:#4F5C77}
    .fotter-contact a{font-size:13px;display:inline-block}
    #footer .three.columns.column{min-height:174px}
    .columns{overflow:hidden}
    #footer .four.columns.column{min-height:174px}
    .footer .four .blue{color:#1175A7}
    .footer .four span{display:inline-block;width:40px;text-align:center;margin-right:10px}
    #footer .boxContent ul.itemsList.hasIcon li a .fa-lg{margin-right:5px}
    /* Footer 2 */
    .footerLegal{background:#080A13 none repeat scroll 0% 0%}
    .footerLegal .pageContent{font-size:14px;overflow:hidden;padding:30px 0;text-align:center}
    #copyright{float:left}
    .concealed,.concealed a,.cloaked,.cloaked a{text-decoration:inherit !important;color:inherit !important}
    .footerLegal .pageContent a:link{color:#4F5C77}
    #legal{float:right}
    #legal li{display:inline-block;margin-left:10px}
    /* Head */
    #header{background-color:#246FAF;margin-bottom:40px}
    #headerMover #header{width:100%;position:absolute;top:0;left:0}
    #logoBlock{height:80px;position:relative}
    .pageWidth{margin:0 auto;max-width:1200px}
    #logoBlock .pageContent{display:table;width:100%}
    #logoBlock .pageContent .brHeaderBox{display:table-cell;width:50%;vertical-align:middle}
    #logoBlock .brLogoBlockLeft{box-sizing:border-box}
    #logoBlock .brLogoBlockLeft ul li{float:left;height:40px;line-height:40px;margin:20px 0;box-sizing:border-box}
    #logoBlock .brLogoBlockLeft ul li a,.navTabs .visitorTabs .navLink,.navTabs .visitorTabs .navTab .navLink{display:block;color:#FFF;font-family:"Roboto",sans-serif;padding:0 20px;font-size:14px;text-transform:initial}
    #logoBlock .pageContent #logo.brHeaderBox{width:100px;text-align:center}
    #logoBlock .pageContent .brHeaderBox{display:table-cell;width:50%;vertical-align:middle}
    #logo{display:block;max-width:100%;line-height:76px;height:80px;vertical-align:middle}
    #logo img{vertical-align:middle;max-height:65px;width:auto}
    #logoBlock .pageContent .brHeaderBox{display:table-cell;width:50%;vertical-align:middle}
    #loginBar{float:right;z-index:1}
    #loginBar a{font-size:14px;font-family:"Roboto Condensed",sans-serif;color:#FFF !important;display:block;border-radius:3px;float:left;height:30px;line-height:30px;padding:0 15px;margin:0 3px;background-color:#0F61A1}
    #searchBar{position:relative;z-index:52;float:right}
    #QuickSearch{display:block;border-radius:3px;z-index:999;padding-right:30px;background-color:#0F61A1;background-image:url("http://i68.servimg.com/u/f68/17/57/29/64/vxf-im10.png");background-position:right -261px;background-repeat:no-repeat;height:30px;margin:0 3px}
    #QuickSearch .textCtrl{font-size:13px;font-family:Calibri,"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;color:#38445F;background-color:#FFF;border:medium none;border-radius:0;outline:0 none;padding:3px 0;height:18px;line-height:18px;margin:3px 0 3px 3px;width:0}
    .textCtrl{font-size:13px;font-family:Calibri,"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;color:#000;background:#FFF url("http://illiweb.com/fa/empty.gif") repeat scroll 0% 0%;padding:3px;margin-bottom:2px;border-width:1px;border-style:solid;border-color:#C0C0C0 #E9E9E9 #E9E9E9 #C0C0C0;border-radius:2px;outline:0 none}
    #header .pageWidth .pageContent::after{content:".";display:block;height:0;clear:both;visibility:hidden}
    #logoBlock::after{content:"";width:100%;height:1px;position:absolute;left:0;bottom:-2px;z-index:0;background-color:#246FAF}
    #navigation{position:relative;background-color:#0F61A1}
    #navigation .pageContent{height:40px}
    .navTabs{font-size:13px;padding:0;text-transform:uppercase;height:30px;text-align:center}
    .navTabs .publicTabs{display:inline-block;box-sizing:border-box}
    .navTabs .navTab.PopupClosed{position:relative}
    .navTabs .navTab{float:left;white-space:nowrap;word-wrap:normal}
    .navTabs .publicTabs .navLink{padding:0 15px;background-color:transparent}
    .navTabs .navLink,.navTabs .SplitCtrl{font-size:14px;font-family:"Roboto Condensed",sans-serif;color:#97B7CD;background:rgba(0,0,0,0.1) none repeat scroll 0% 0%;margin-left:5px;border-radius:2px;display:block;float:left;vertical-align:text-bottom;text-align:center;outline:0 none;height:40px;line-height:40px}
    .navTabs .navTab.selected .navLink{position:relative;color:#FFF}
    .navTabs .navTab.selected .SplitCtrl{display:none}
    .navTabs .navTab:hover .tabLinks,.navTabs .navTab.selected .tabLinks{display:block;transition:all 0.2s ease 0s}
    .navTabs .navTab .tabLinks{text-align:center;background-color:#FFF;width:100%;padding:0;border:medium none;overflow:hidden;position:absolute;left:0;top:40px;background-position:0 -40px;height:40px;display:none;z-index:52}
    .navTabs .navTab .tabLinks .menuHeader{display:none}
    .navTabs .publicTabs .navTab:hover .navLink{color:#FFF;background:transparent url("http://i68.servimg.com/u/f68/17/57/29/64/vxf-im10.png") no-repeat scroll center 36px}
    .primaryContent{background-color:#FFF;padding:10px;border-bottom:1px solid #EFF2F7}
    .navTabs .navTab .blockLinksList{background:transparent none repeat scroll 0% 0%;padding:0;border:medium none;display:inline-block}
    .blockLinksList{font-size:13px;padding:2px}
    .navTabs .navTab .tabLinks li{float:left;padding:2px 0}
    .navTabs .navTab .tabLinks a{font-size:14px;color:#38445F;padding:0 10px;display:block;text-transform:initial;line-height:36px}
    .blockLinksList a,.blockLinksList label{color:#0F61A1;padding:5px 10px;border-radius:3px;display:block;outline:0 none}
    .secondaryContent a{color:#0F61A1}
    /* All */
    body{background-color:#e9eaed;font:13px/1.231 arial,helvetica,clean,sans-serif;word-wrap:break-word;line-height:1.28;font-family:"Roboto",sans-serif;color:#38445F}
    #ipbwrapper{width:1200px}
    a:link,a:visited{text-decoration:none}
    fieldset,img{border:0 none}
    li{list-style:outside none none}
    #logostrip,#submenu,#userlinks{display:none}
    .borderwrapm,div.borderwrap{border:0;padding:0;border-top-left-radius:4px;border-top-right-radius:4px}
    #gfooter .footer-links{float:none}
    .box-content{background-color:transparent;border-bottom:0}
    /* Đăng nhập - đăng ký */
    .frameTop{display:none;padding:10px 0;display:none;color:#DDD;position:relative;background:#246FAF}
    .frameTop .inputTop,.frameTop fieldset,.frameTop h2,.frameTop > div{width:100%;display:block;height:30px!important;line-height:28px;border:1px solid #DDD;max-width:600px;margin:10px auto}
    .frameTop fieldset{border:0;padding:0!important}
    #outTop fieldset{text-align:center}
    .frameTop h2{border:0 none;text-align:center;font-weight:700}
    .frameTop > div{margin-top:0;height:auto!important;border:0}
    /* Icon input login */
    #password,#password_reg{background:#FFF url(http://i48.servimg.com/u/f48/16/18/15/10/login_12.jpg) no-repeat 5px center;text-indent:30px}
    #username_reg,#username{background:#FFF url(http://i48.servimg.com/u/f48/16/18/15/10/login_11.jpg) no-repeat 5px center;text-indent:30px}
    #email{background:#FFF url(http://i21.servimg.com/u/f21/17/57/29/64/emaiii10.jpg) no-repeat 5px center;text-indent:30px}
    /* breadcrumb for punbb - devs.forumvi.com */
    #navstrip{color:#e8e8e8;font-weight:700;list-style:none;background:#fff;margin:10px 0}
    #navstrip > li{float:left;color:#666;margin:0;padding:0;line-height:36px;height:36px;display:block;position:relative;background:#FFF;padding:0 5px 0 20px}
    #navstrip > li.begin{background-color:#246FAF;background-image:none;background-position:center;background-repeat:no-repeat;width:47px;padding-left:4px}
    #navstrip li a{font-weight:700;text-decoration:none}
    #navstrip > li.begin > a{text-indent:-9999px;display:block;background:url(http://i39.servimg.com/u/f39/19/09/43/62/house411.png) no-repeat center center transparent}
    #navstrip > li:before,.navstrip > li:after{content:" ";border:18px solid transparent;border-left-width:12px;border-right:0;border-left-color:#FFF;display:block;position:absolute;right:-12px;top:0;z-index:10;width:0;height:0}
    #navstrip > li:after{border-left-color:#DBDBDB;right:-13px;z-index:5}
    #navstrip > li.begin:before{border-left-color:#246FAF}
    #navstrip > li:hover,.navstrip > li:hover a{background-color:#444;color:#FFF}
    #navstrip > li:hover:before{border-left-color:#444}
    /* button css */
    .post-icon a,.posting-icons li a{background:#EFF2F7;padding:7px 6px;margin:0 0 0 6px;display:block;border-radius:2px}
    .post-icon a{background: #0F61A1!important;color: #fff}
    .post-icon a:hover {
        background: #444 !important;
    }
    .posting-icons a[title="Thank you"]{background:#ff007e;color:#fff}
    .zzPoll > h3 a:before,div.errorwrap p:before,div.infowrap p:before,.posting-icons a:before,.post-icon a:before,.contract:before,.expand:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
    .contract:before{content:"\f07c";font-size:22px}
    .expand:before{content:"\f07b";font-size:22px}
    .post-icon a[href*="mode=reply"]:before{content:"\f112"}
    .post-icon a[href*="mode=reply"]:after{content:" Trả lời bài viết"}
    .post-icon a[href*="mode=newtopic"]:before,.post-icon > a[href^="/privmsg?mode=post"]:before{content:"\f067"}
    .post-icon a[href*="mode=newtopic"]:after{content:" Tạo chủ đề mới"}
    .post-icon a[href^="/privmsg?mode=reply"]:after{content:" Trả lời tin nhắn"}
    .post-icon a[href^="/privmsg?mode=post"]:after{content:" Viết tin nhắn mới"}
    .posting-icons a[href*="mode=quote"]:before{content:"\f10d"}
    .posting-icons a[href*="mode=quote"]:after{content:" Trích dẫn"}
    .posting-icons a[href*="?thank="]:before{content:"\f164"}
    .posting-icons a[href*="?thank="]:after{content:" Cảm ơn"}
    .posting-icons a[href*="mode=editpost"]:before{content:"\f044"}
    .posting-icons a[href*="mode=editpost"]:after{content:" Sửa"}
    .zzPoll > h3 a:before,.posting-icons a[href*="mode=delete"]:before{content:"\f00d"}
    .posting-icons a[href*="mode=delete"]:after{content:" Xóa"}
    .posting-icons a[href*="mode=report"]:before{content:"\f024"}
    .posting-icons a[href*="mode=report"]:after{content:" Report"}
    .posting-icons a[href^="/report?mode=lock"]:before{content:"\f11d"}
    .posting-icons a[href^="/report?mode=lock"]:after{content:" Lock report"}
    .posting-icons a[href*="mode=ip"]:before{content:"\f041"}
    .posting-icons a[href*="mode=ip"]:after{content:" Xem Ip"}

    .posting-options .posting-buttons {
        margin-bottom: 0.5em;
        margin-top: 8px;
    }
    /* Button icon */
    input[type="button"],input.button,a.button,input.button1,input[type="submit"],input[type="reset"]{border-radius:3px;background:#0F61A1;padding:5px 14px;font-size:1em;border:0 none!important;color:#FFF!important}
    input[type="button"]:hover,input.button:hover,a.button:hover,input.button1:hover,input[type="submit"]:hover{background-color:#444!important}
    a.button,#find_user,select[name="g"] + input,#use,#jqmHide,#friend + input,#foe + input,#find_friend,select[name="avatarcategory"] + input,select[name="active_time"] + input,select[name="msgdays"] + input,input[type="reset"],input[type="submit"],form[name="searchform"] .button{padding:5px 10px 5px 30px;background-repeat:no-repeat;background-position:10px center!important}
    #find_user,#find_friend,form[action="/search"] input[type="submit"],input[type="submit"][name="search"],form[name="searchform"] .button{background-image:url(http://i39.servimg.com/u/f39/14/67/90/38/search10.png)}
    input[type="reset"],input[type="submit"][name="refresh"],input[type="submit"][name="groupstatus"]{background-image:url(http://i39.servimg.com/u/f39/18/95/05/08/refres10.png)}
    a.button[href="/"],input[type="submit"][name="valid"],#jqmHide,input[type="submit"][name="remove"],input[type="submit"][name="cancelavatar"],input[type="submit"][name="cancel"],input[type="submit"][name="delete"],input[type="submit"][name="deleteall"],input[type="submit"][name="delete_all"]{background-image:url(http://i39.servimg.com/u/f39/18/59/49/93/icon_e10.png)}
    input[type="submit"][name="prevent_modif"],input[type="submit"][name="preview"]{background-image:url(http://i39.servimg.com/u/f39/18/95/05/08/previe10.png)}
    input[type="submit"][name="draft"],input[type="submit"][name="save"]{background-image:url(http://i39.servimg.com/u/f39/18/95/05/08/save10.png)}
    a.button[href="/register?agreed=true&step=2"],input[type="submit"][name="prevent_post"],input[type="submit"][name="split_type_beyond"],input[type="submit"][name="split_type_all"],input[type="submit"][name="submitavatar"],input[type="submit"][name="post"],input[type="submit"][name="confirm"],input[type="submit"][name="publish"],input[type="submit"][name="submit"],input[type="submit"][name="login"]{background-image:url(http://i39.servimg.com/u/f39/18/95/05/08/send10.png)}
    select[name="g"] + input,select[name="fid"] + input[type="submit"][name="go"],input[type="submit"][name="moveprofile"],select[name="active_time"] + input,select[name="msgdays"] + input,select[name="avatarcategory"] + input[type="submit"]{background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085610.png)}
    input[type="submit"][name="add"],#friend + input,#foe + input{background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085611.png)}
    input[type="submit"][name="go"],input[type="submit"][name="select_to"],#use{background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085612.png)}
    input[type="submit"][name="avatargallery"]{background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085613.png)}
    .noIcon input.button[type="submit"]{padding-left:10px;background-image:none}
    input.button2{margin:0}
    .pun .frm .frm-buttons input,.button,.button1{padding:5px 10px 5px 30px!important}

    ACP >> Display >> QLTT
    Thay từng template tương ứng
    Index_body
    Code:
    {JAVASCRIPT}
    <ul id="navstrip" class="clearfix" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
     <li class="begin"><a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a></li>
     {NAV_CAT_DESC}
    </ul>


    <!-- BEGIN switch_user_login_form_header -->
    <div class="borderwrap module">
     <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
     <div class="box-content ipbform user_login_form center" style="padding:5px 0;">
     <label><span class="genmed">{L_USERNAME}:</span> <input class="" type="text" size="10" name="username" /></label> &nbsp;
     <label><span class="genmed">{L_PASSWORD}:</span> <input class="" type="password" size="10" name="password"/></label> &nbsp;
     <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
     {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
     <!-- BEGIN switch_fb_connect -->
     <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
     <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
     <!-- END switch_fb_connect -->
     </div>
     </form>
    </div>
     <br />
    <!-- END switch_user_login_form_header -->

    {CHATBOX_TOP}

    <table width="100%"><tbody><tr><td width="74%" valign="top">{BOARD_INDEX}</td>
    <td width="26%" valign="top" style="padding-left:10px">
    <!-- BEGIN switch_user_logged_out -->
    <div class="sidebar">

      <a id="SignupButton" href="/register">Đăng ký!</a>

      <a id="LogButton" href="/login">Đăng nhập!</a>

    </div>
    <!-- END switch_user_logged_out -->
      <!-- BEGIN switch_user_logged_in -->
      <div class="sidebar" style="text-align:left">
            
    <div class="forumstatistics profilez">
        <div class="teststats">
            <span class="hienthianh"></span>
            <div class="visitorText">
              <h2><span class="tenthanhvien"></span></h2>
                <div class="stats">
                    <dl class="pairsJustified"><dt>Tin nhắn:</dt>
                      <dd><span class="tinhan"></span></dd>
                    </dl>
                    <dl class="pairsJustified"><dt>Được Like:</dt>
                        <dd><span class="duoclike"></span></dd>
                    </dl>
                    <dl class="pairsJustified"><dt>Points:</dt>
                        <dd><span class="sopoint"></span></dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
      <script type="text/javascript">
    //<![CDATA[
       $(".hienthianh").replaceWith('<a class="avatar" href="/u' + _userdata.user_id + 'wall" rel="nofollow">' + _userdata.avatar + '</a>');
                  $(".tenthanhvien").replaceWith('<a class="username NoOverlay" href="/u' + _userdata.user_id + 'wall" rel="nofollow">' + _userdata.username + '</a>');
                  $(".tinhan").replaceWith('' + _userdata.user_nb_privmsg + '');
                  $(".duoclike").replaceWith('' + _userdata.point_reputation + '');
                  $('.sopoint').load('/u'+_userdata["user_id"]+' #field_id-13 .field_uneditable');  
    //]]>
    </script>
                      
    </div>
    <!-- END switch_user_logged_in -->
      
    <div class="sidebar">
            
      <a href="http://vxf.vn/threads/tuyen-ban-quan-tri-cong-dong-xenforo-viet-nam-2015.22474/"><img src="http://i68.servimg.com/u/f68/17/57/29/64/tuyen_10.png" style="border: 0; width: 100%;"/></a>
                
    </div>
      
      
      <div class="sidebar">
            
        <a href="https://cer.vn/"><img src="http://i68.servimg.com/u/f68/17/57/29/64/88559b10.png" style="width: 100%;"/></a>
      
    </div>
      
    <div class="sidebar" style="text-align:left">
      
      <h3>AI ĐANG ONLINE ?</h3>
    <div class="clearfix"><div class="left">{TOTAL_USERS_ONLINE}</div> <a href="{U_VIEWONLINE}" rel="nofollow" class="viewonline right">{L_VIEW_COMPLETE_LIST}</a></div>
    <div class="thin">{LOGGED_IN_USER_LIST}{L_CONNECTED_MEMBERS}</div>
    <marquee onmouseout="this.start()" onmouseover="this.stop()" scrolldelay="25" truespeed="" loop="true" direction="left" scrollamount="2"><div>{GROUP_LEGEND}</div></marquee>
      
    </div>
                
    <div class="sidebar" style="text-align:left">


    <ul class="Tinhte_XenTag_TagCloud cloud">
            
                
                 <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level1"><a href="tags/">Á đù</a></li>
                
                 <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level1"><a href="tags/">Á đuuuu</a></li>
                
                 <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level1"><a href="tags/">Hú hù hu</a></li>
                
                 <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level2"><a href="tags/">À đu đú</a></li>
                
                 <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level1"><a href="tags/">Ú đà ú đa</a></li>
                
                 <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level1"><a href="tags/">Hà ha há</a></li>
                
                 <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level1"><a href="tags/">À đu đù</a></li>
                
                 <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level2"><a href="tags/">Đu đủ</a></li>
                
                 <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level2"><a href="tags/">Hahe hehe</a></li>
                
                 <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level2"><a href="tags/">Ú ú đà đà</a></li>
                
                 <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level1"><a href="tags/">Á đù hehe</a></li>
                
                 <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level3"><a href="tags/">Á à á a</a></li>
                
                 <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level3"><a href="tags/">Add đù</a></li>
                
                 <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level3"><a href="tags/">Hía hía</a></li>
                
                 <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level2"><a href="tags/">A akaka</a></li>
                
                 <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level2"><a href="tags/">Test cái</a></li>
                
                 <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level3"><a href="tags/">Úi ui</a></li>
                
                 <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level1"><a href="tags/">Hí hì hi</a></li>
                
                 <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level2"><a href="tags/">Cờ hó</a></li>
                
                 <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level2"><a href="tags/">Dân chơi</a></li>
                
                 <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level2"><a href="tags/">VPS</a></li>
                
                 <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level3"><a href="tags/">Tao là tao</a></li>
                
                 <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level3"><a href="tags/">Hú hù hu</a></li>
                
                 <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level3"><a href="tags/">Gta</a></li>
                
                 <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level1"><a href="tags/">Forum</a></li>
                
            
        </ul>

      
    </div>
      
      
      <div class="sidebar" style="text-align:left">
      
      <h3>THỐNG KÊ DIỄN ĐÀN</h3>
     <!-- BEGIN message_admin_index -->
     <!-- BEGIN message_admin_txt -->
     {message_admin_index.message_admin_txt.MES_TXT}
     <!-- END message_admin_txt -->
    <!-- END message_admin_index -->
    </div>
      
        <div class="sidebar" style="text-align:left">
      
      <h3>TEXT LINK</h3>
          + <a href="http://www.marry.vn/kinh-nghiem-cuoi/trang-diem-lam-dep/" title="Trang điểm cô dâu">Trang diem co dau</a><br/>
          + <a href="http://www.elleman.vn/" title="ELLE MAN">ELLE MAN</a><br/>
          + <a href="http://www.bepgiadinh.com/mon-ngon/" title="mon ngon">Mon Ngon</a><br/>
          + mua ban <a href="http://simsodepviettel.com/" title="sim so dep">sim so dep</a> giá rẻ 10 số<br/>
          + cách chọn <a href="http://xemboisim.vn/xem-phong-thuy-sim" title="sim so dep">sim phong thuy</a> chính xác<br/>
          + tổng đại lý sim <a href="http://muasimsodep.com.vn/" title="sim so dep">so dep</a> giá rẻ<br/>
          + chọn mua  <a href="http://www.simphongthuy.com.vn/xem-phong-thuy-cho-sim.html" title="phong thuy sim">phong thuy sim</a> hợp mệnh<br/>
          + thỏa sức chọn mua <a href="http://simsodepviettel.com/simgiare.htm" title="sim so dep gia re">sim so dep gia re</a><br/>
          + <a href="http://medonthan.net" title="Cộng đồng mẹ đơn thân lớn nhất Việt Nam">Mẹ đơn thân </a> <br/>
          + <a href="http://taigamemienphichodienthoai.net/" target="_blank" title="tải game miễn phí">tải game miễn phí</a><br/>
          + <a href="http://w88daily.com/" target="_blank" title="W88">W88</a><br/>
          + <a href="http://trochoi.pro" title="tai game">tai game</a><br/>
          + cho <a href="http://vaytinchap99.com" target="_blank"> vay tín chấp </a> ngân hàng<br/>
    <span style="color: red;">+ Liên hệ quảng cáo 0902.974.686</span>
        
    </div>
      
      </td></tr></tbody></table>


    {CHATBOX_BOTTOM}


    <!-- BEGIN switch_user_login_form_footer -->
    <div class="borderwrap module">
     <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
     <div class="box-content ipbform user_login_form center" style="padding:5px 0;">
     <label><span class="genmed">{L_USERNAME}:</span> <input class="" type="text" size="10" name="username" /></label> &nbsp;
     <label><span class="genmed">{L_PASSWORD}:</span> <input class="" type="password" size="10" name="password"/></label> &nbsp;
     <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
     {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
     <!-- BEGIN switch_fb_connect -->
     <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
     <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
     <!-- END switch_fb_connect -->
     </div>
     </form>
    </div>
    <!-- END switch_user_login_form_footer -->

    {AUTO_DST}

    <!-- BEGIN switch_fb_index_login -->
    <div id="fb-root"></div>
    <script>
        FB.init({
          appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
          cookie     : true,
          xfbml      : true,
          oauth      : true,
          version    : 'v2.3'
        });

      (function(d, s, id){
         var js, fjs = d.getElementsByTagName(s)[0];
         if (d.getElementById(id)) {return;}
         js = d.createElement(s); js.id = id;
         js.src = "//connect.facebook.net/en_US/sdk.js";
         fjs.parentNode.insertBefore(js, fjs);
       }(document, 'script', 'facebook-jssdk'));
    </script>
    <!-- END switch_fb_index_login -->

    #codefm
    #codefm

    Tags: #skin #invision



    Được sửa bởi Titus ngày 30.08.16 15:33; sửa lần 1.

  • Móm Đặc Biệt
    2. Re: [Skin] Chia sẻ skin VXF giống xenforo cho version Invision.
    avatar S-MOD
    Index_box
    Code:
    <div style="display: block;" class="PanelScroller Notices" data-vertical="0" data-speed="400" data-interval="4000">
     <div class="scrollContainer">
     <div class="PanelContainer">
     <ol style="position: static;" class="Panels">
     
     <li class="panel Notice DismissParent notice_6 " data-notice="6">
     
     <div class="baseHtml noticeContent">Xác thực tài khoản để có thể sử dụng đầy đủ chức năng của diễn đàn. <a href="http://vxf.vn/threads/huong-dan-xac-thuc-ban-quyen-kich-hoat-tai-khoan.23194">Xem hướng dẫn</a></div>
     
     
     <a class="DismissCtrl Tooltip" href="javascript:remove_note()" onclick="annote()">Dismiss Notice</a>
    </li>
     
     </ol>
     </div>
     </div>
     
     
    </div>
    <script>function annote(){$('.scrollContainer').hide();}</script>
    <div class="Latest lasttab">
        <div class="usertabs">
            <ul class="lastnavtab">
                <li class="tabsli selected"><a href="#tab1"><span>Bài viết mới</span></a></li>
                <li class="tabsli"><a href="#tab2"><span>Thảo luận nhiều</span></a></li>
                <li class="tabsli last"><a href="#tab3"><span>Xem nhiều</span></a></li>
            </ul>
        </div>
                <!-- BEGIN giefmod_index1 -->
                {giefmod_index1.MODVAR}
                <!-- END giefmod_index1 -->
    </div>

    <br class="clear" />

    <!-- BEGIN catrow -->
     <!-- BEGIN tablehead -->
     <div class="borderwrap">
     <div class="maintitle floated clearfix">
     {catrow.tablehead.L_FORUM}
     <div class="contract" id="b{catrow.tablehead.ID}" onclick="toggleCategory('{catrow.tablehead.ID}');">
     &nbsp;&nbsp;&nbsp;
     </div>
     </div>

     <table cellpadding="0" cellspacing="0" id="{catrow.tablehead.ID}" class="ipbtable index-box">

     <tbody>
     <!-- END tablehead -->

     <!-- BEGIN forumrow -->
     <tr>
     <td class="row2 icon" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: 65px;">
     <span class="status clearfix" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -48px;">
     <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="icon" />
     </span>
     <div class="par forum-name">
     <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
     <p class="forum-desc">{catrow.forumrow.FORUM_DESC}</p>
     </div>
                                              <div class="boxtp"><i class="fa fa-file-text-o"></i>&nbsp;{catrow.forumrow.TOPICS}&nbsp;&nbsp;<i class="fa fa-comments-o"></i>&nbsp;{catrow.forumrow.POSTS}</div>
     <!-- BEGIN switch_moderators_links -->
     <div class="mods">
     {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
     </div>
     <!-- END switch_moderators_links -->
     <p>
     {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
     <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
     </p>

     </td>

     <td class="row1">

                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

     <span class="stat4r">
     <!-- BEGIN switch_topic_title -->
     Mới nhất: <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
     <!-- END switch_topic_title -->
     {catrow.forumrow.USER_LAST_POST}
     </span>
     </td>
     </tr>
     <!-- END forumrow -->

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

    Overall_footer_begin
    Code:
    <!-- BEGIN html_validation -->
    <div>
     <div>
     <div>
     <div>
     <div>
     <div>
     <div>
    <!-- END html_validation -->
     </div>
     </div>
     </div>
     </div>
     <div id="{ID_RIGHT}">
     <!-- BEGIN giefmod_index2 -->
     {giefmod_index2.MODVAR}
     <!-- BEGIN saut -->
     <div style="height:{SPACE_ROW}px"></div>
     <!-- END saut -->
     <!-- END giefmod_index2 -->
     </div>
     </div>
     </div>
    </div>
    <div class="clearfix"></div>
    <div id="gfooter">
     <div class="clearfix">

     <div class="centerer footer-links">
     <del>
     <ul>
     <li>
    <!-- BEGIN html_validation -->
     </li>
     </ul>
     </del>
     </div>
     </div>
    </div>
    <!-- END html_validation -->

    Overall_footer_end
    Code:
    <!-- BEGIN html_validation -->
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <body>
    <div>
     <div>
     <div>
     <div>
     <div>
     <div>
     <div>
     <del>
     <ul>
     <li>
    <!-- END html_validation -->
     </li>
     </ul>
     <!-- BEGIN switch_footer_links -->
     <ul>
     <li>
     <!-- BEGIN footer_link -->
     <!-- BEGIN switch_separator -->&nbsp;|&nbsp;<!-- END switch_separator -->
     {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
     <!-- END footer_link -->
     </li>
     </ul>
     <!-- END switch_footer_links -->
     </del>
     </div>
     </div>
     </div>
     {PROTECT_FOOTER}
     <p class="center">
     <strong>{ADMIN_LINK}</strong>
     </p>
     </div>
     </div>
     </div>
    </div>

    <!-- BEGIN switch_facebook_login -->
    <div id="fb-root"></div>
    <script type="text/javascript">
        FB.init({
          appId      : {switch_facebook_login.FACEBOOK_APP_ID},
          cookie     : true,
          xfbml      : true,
          oauth      : true,
          version    : 'v2.3'
        });

      (function(d, s, id){
         var js, fjs = d.getElementsByTagName(s)[0];
         if (d.getElementById(id)) {return;}
         js = d.createElement(s); js.id = id;
         js.src = "//connect.facebook.net/en_US/sdk.js";
         fjs.parentNode.insertBefore(js, fjs);
       }(document, 'script', 'facebook-jssdk'));
    </script>
    <!-- END switch_facebook_login -->

    <!-- BEGIN switch_facebook_logout_TMP -->
    <script type="text/javascript">
    //<![CDATA[
    FB.Event.subscribe('auth.logout', function(response) {
     if ($('a#logout'))
     {
     var lien_redir = $('a#logout').attr('href');

     if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
     {
     document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
     }
     }
    });

    $(document).ready( function() {
     $('a#logout').click( function() {
     FB.logout();
     } );
    } );
    //]]>
    </script>
    <!-- END switch_facebook_logout_TMP -->

    <script type="text/javascript">
    //<![CDATA[
     fa_endpage();
    //]]>
    </script>
    </body>
    </html>


    <div class="footer">
     <div class="pageWidth">
     <div class="pageContent">
     <div id="footer" class="footercolumns">
     <div class="blockFooter footer-top-left">
     <div class="boxInner">
     <div class="block-top"><img class="footerLogo" alt="VXF Logo" src="http://i68.servimg.com/u/f68/17/57/29/64/logo-f10.png" height="35" width="170"></div>
     <div class="block-bottom">
     <p>Cộng đồng XenForo Việt Nam được thành lập từ 5/2012 với mục đích giao lưu, học hỏi, chia sẻ và thảo luận về mọi vấn đề liên quan đến mã nguồn XenForo. </p>
    <p>Chúng tôi sẽ không chịu trách nhiệm với các thông tin do thành viên đưa lên trừ thông tin nội bộ.
    </p>
    <p>Website đang hoạt động thử nghiệm, chờ giấy phép </p>
     </div>
     </div>
     </div>
     <div class="blockFooter fotter-contact">
     <div class="boxInner">
     <h3>Text Links</h3>
     <div class="boxContent">
     <ul class="itemsList hasIcon">
     <li><a href="http://tenmien.trade" target="_blank"><i class="fa fa-angle-right"></i><i class="fa fa-angle-right fa-lg"></i>Cộng đồng tên miền Việt Nam </a></li>
     <li><a href="http://ip2domain.com/" target="_blank"><i class="fa fa-angle-right"></i><i class="fa fa-angle-right fa-lg"></i>Website Value Calculator</a></li>
     <li><a href="http://chankinh.com/" target="_blank"><i class="fa fa-angle-right"></i><i class="fa fa-angle-right fa-lg"></i>Doc truyen Online</a></li>
     <li><a href="http://vnwho.com" target="_blank"><i class="fa fa-angle-right"></i><i class="fa fa-angle-right fa-lg"></i>Domain Whois Lookup Instantly</a></li>
     <li><a href="http://cer.vn" target="_blank"><i class="fa fa-angle-right"></i><i class="fa fa-angle-right fa-lg"></i>Chung chi SSL</a></li>
     <li><a href="http://thegioigamevui.com/choi-game" title="choi game" target="_blank"><i class="fa fa-angle-right"></i><i class="fa fa-angle-right fa-lg"></i>choi game</a></li>
     <li><a href="http://lorem.vn" title="Lorem Ipsum" target="_blank"><i class="fa fa-angle-right"></i><i class="fa fa-angle-right fa-lg"></i>Lorem Ipsum Generator</a></li>


     
     </ul>
     </div>
     </div>
     
     </div>
     <div class="blockFooter three columns column">
     <div class="boxInner">
     <h3>Textlink</h3>
     
     <div class="boxContent">
     <ul class="itemsList hasIcon">
     <li><a href="http://www.choi79.com/w88/" target="_blank"><i class="fa fa-angle-right"></i><i class="fa fa-angle-right fa-lg"></i>W88</a></li>
     <li><a href="http://keo365.com/vaobong/" target="_blank"><i class="fa fa-angle-right"></i><i class="fa fa-angle-right fa-lg"></i>vaobong</a></li>
     <li><a href="http://keo365.com/" target="_blank"><i class="fa fa-angle-right"></i><i class="fa fa-angle-right fa-lg"></i>W88</a></li>
     <li><i class="fa fa-angle-right"></i><i class="fa fa-angle-right fa-lg"></i> Trang wap <a href="http://bigkool.biz" target="_blank" title="tai bigkool">tai bigkool</a> ve dien thoai</li>
     <li><i class="fa fa-angle-right"></i><i class="fa fa-angle-right fa-lg"></i> Mua bán <a href="http://www.simvina.com.vn/" target="_blank" title="sim so dep">sim so dep</a> vinaphone</li>
     <li><a href="#" target="_blank"><i class="fa fa-angle-right"></i><i class="fa fa-angle-right fa-lg"></i><span style="color: rgb(255, 111, 111);">Liên hệ quảng cáo 0902.974.686</span></a></li>


     
     </ul>
     </div>
     </div>
     </div>
     <div class="blockFooter four columns column">
     <div class="boxInner">
     <h3>Thông báo mới nhất</h3>
     
     <div class="boxContent">
     <ul class="itemsList">
     <li><span class="blue">VXF</span><a href="http://vxf.vn/threads/thong-bao-mo-cua-lai-vxf-vn-cap-nhat-quy-dinh-moi.23192/">Mở cửa lại VXF.vn &amp; cập nhật quy định mới</a></li>
     <li><span class="blue">VXF</span><a href="http://vxf.vn/posts/159914/">Tuyển BQT VXF.VN 2015</a></li>
     <li><span class="blue">VXF</span><a href="http://vxf.vn/threads/xin-gop-y-v-v-tai-co-cau-to-chuc-lai-vxf-vn.22478/">Tái cơ cấu tổ chức VXF.VN</a></li>
     <li><span class="blue">VXF</span><a href="http://vxf.vn/threads/noi-quy-chung-khi-tham-gia-vietxf.5/">Nội quy chung khi tham gia VXF.VN</a></li>
     <li><span class="blue">VXF</span><a href="http://vxf.vn/threads/thoa-thuan-cap-phep-cua-xenforo.23193/">Thỏa thuận cấp phép bản quyền XenForo</a></li>

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

     
     
     </div>
     </div>
    </div>
      
      
      
      <div class="footerLegal">
    <div class="pageWidth">
    <div class="pageContent">
    <div id="copyright"><a href="http://xenforo.com" class="concealed">Forum software by XenForo™ <span>©2010-2015 XenForo Ltd.</span></a>
                
                </div>
     
     
    <ul id="legal">
     

     <li class="choosers">

    {CURRENT_TIME}

    </li>


    <li class="choosers">

     
    <a href="misc/language?redirect=%2F" class="OverlayTrigger Tooltip" rel="nofollow">Tiếng Việt</a>

    </li>

    <li class="choosers">

    </li>




    <li><a href="help/terms">Quy định và Nội quy</a></li>

    <li><a id="toTop" href="/#navigation" style="display: inline;">Lên đầu trang</a></li>


    </ul>
     
     
     

     
     
    <span class="helper"></span>
    </div>
    </div>
    </div>

  • Móm Đặc Biệt
    3. Re: [Skin] Chia sẻ skin VXF giống xenforo cho version Invision.
    avatar S-MOD
    Overall_header
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB} {NAMESPACE_FB_LIKE} {NAMESPACE_BBCODE}>
    <head>
     <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
     <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
     <meta http-equiv="content-script-type" content="text/javascript" />
     <meta http-equiv="content-style-type" content="text/css" />
     <!-- BEGIN switch_compat_meta -->
     <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
     <!-- END switch_compat_meta -->
     <!-- BEGIN switch_canonical_url -->
     <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
     <!-- END switch_canonical_url -->
     {META_FAVICO}
     {META}
     {META_FB_LIKE}
     <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
     {T_HEAD_STYLESHEET}
     {CSS}
     <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
     <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
     <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
     <script src="{JQUERY_PATH}" type="text/javascript"></script>
     <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
     <!-- BEGIN switch_fb_login -->
     <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
     <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
     <!-- END switch_fb_login -->
     <!-- BEGIN switch_ticker -->
     <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
     <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
     <!-- END switch_ticker -->
     <script type="text/javascript">
     //<![CDATA[
     $(document).ready(function(){
     <!-- BEGIN switch_enable_pm_popup -->
     pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
     if(pm != null) { pm.focus(); }
     <!-- END switch_enable_pm_popup -->
     <!-- BEGIN switch_report_popup -->
     report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
     if(report != null) { report.focus(); }
     <!-- END switch_report_popup -->
     <!-- BEGIN switch_ticker -->
     $(document).ready(function() {
     Ticker.start({
     height : {switch_ticker.HEIGHT},
     spacing : {switch_ticker.SPACING},
     speed : {switch_ticker.SPEED},
     direction : '{switch_ticker.DIRECTION}',
     pause : {switch_ticker.STOP_TIME}
     });
     });
     <!-- END switch_ticker -->
     });
     <!-- BEGIN switch_login_popup -->
     var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = 'box-content';
     <!-- END switch_login_popup -->
     <!-- BEGIN switch_login_popup -->
     $(document).ready( function() {
     $(window).resize(function() {
     var windowWidth = document.documentElement.clientWidth;
     var popupWidth = $("#login_popup").width();
     var mypopup = $("#login_popup");
     $("#login_popup").css({
     "left": windowWidth/2 - popupWidth/2
     });
     });
     });
     <!-- END switch_login_popup -->
     //]]>
     </script>
     {GREETING_POPUP}
     <script src="{JS_DIR}invision.js" type="text/javascript"></script>
     <!-- BEGIN switch_ticker_new -->
     <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
     <script type="text/javascript">//<![CDATA[
     /* Definir le sens de direction en fonction du panneau admin */
     var tickerDirParam = "{switch_ticker.DIRECTION}";
     var slid_vert = false;
     var auto_dir = 'next';
     var h_perso = parseInt({switch_ticker.HEIGHT});
     switch( tickerDirParam )
     {
     case 'top' :
     slid_vert = true;
     break;
     case 'left':
     break;
     case 'bottom':
     slid_vert = true;
     auto_dir = 'prev';
     break;
     case 'right':
     auto_dir = 'prev';
     break;
     default:
     slid_vert = true;
     }
     $(document).ready(function() {
     $('#fa_ticker_content').css('display','block');
     var width_max = $('ul#fa_ticker_content').width();
     var width_item = Math.floor(width_max / {switch_ticker.SIZE});
     if (width_max > 0)
     {
     $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
     if ($(this).width() > width_item)
     {
     var ratio = $(this).width() / width_item;
     var new_height = Math.round($(this).height() / ratio);
     $(this).height(new_height).width(width_item);
     }
     });
     if (slid_vert)
     {
     var height_max = h_perso;
     $('ul#fa_ticker_content li').each( function () {
     if ($(this).height() > height_max)
     {
     height_max = $(this).height();
     }
     } );
     $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
     $('ul#fa_ticker_content li').height(height_max);
     }
     $('#fa_ticker_content').jcarousel({
     vertical: slid_vert,
     wrap: 'circular',
     auto: {switch_ticker.STOP_TIME},
     auto_direction: auto_dir,
     scroll: 1,
     size: {switch_ticker.SIZE},
     height_max: height_max,
     animation: {switch_ticker.SPEED}
     });
     }
     else
     {
     $('ul#fa_ticker_content li:not(:first)').css('display','none');
     $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
     }
     });
     //]]>
     </script>
     <style>
     .jcarousel-skin-tango .jcarousel-item {
     text-align:center;
     width: 50px;
     }
     .jcarousel-skin-tango .jcarousel-item-horizontal {
     margin-right: {switch_ticker.SPACING}px;
     }
     .jcarousel-skin-tango .jcarousel-item-vertical {
     margin-bottom: {switch_ticker.SPACING}px;
     }
     </style>
     <!-- END switch_ticker_new -->
     {HOSTING_JS}
     <!-- BEGIN google_analytics_code -->
     <script type="text/javascript">
     //<![CDATA[
     var _gaq = _gaq || [];
     _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
     _gaq.push(["_trackPageview"]);
     _gaq.push(['_trackPageLoadTime']);
     <!-- BEGIN google_analytics_code_bis -->
     _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
     _gaq.push(['b._trackPageview']);
     <!-- END google_analytics_code_bis -->
     (function() {
     var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
     ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
     var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
     })();
     //]]>
     </script>
     <!-- END google_analytics_code -->
    </head>
    <body>
    <!-- BEGIN hitskin_preview -->
    <div id="hitskin_preview" style="display: block;">
     <h1><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
     <div class="content">
     <p>
     {hitskin_preview.L_THEME_SITE_PREVIEW}
     <br />
     <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
     </p>
     </div>
    </div>
    <!-- END hitskin_preview -->
    <!-- BEGIN switch_login_popup -->
    <div id="login_popup" class="module borderwrap" style="z-index: 10000 !important;">
     <div id="login_popup_content">
     <div id="login_popup_background">
     <div id="login_popup_title" class="maintitle"><h3>{SITENAME}</h3></div>
     <div class="box-content">
     {LOGIN_POPUP_MSG}
     <div id="login_popup_buttons">
     <form action="{S_LOGIN_ACTION}" method="get" target="_parent">
     <input type="submit" class="button" value="{L_LOGIN}" />
     <input type="button" class="button" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
     <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
     </form>
     </div>
     </div>
     </div>
     </div>
    </div>
    <!-- END switch_login_popup -->
    <div class="minwidth_IE">
     <div class="layout_IE">
     <div class="container_IE">
    <div id="header">
     <div id="logoBlock">
     <div class="pageWidth">
     <div class="pageContent">
     <div class="brLogoBlockLeft brHeaderBox">
     <ul>
     <li><a href="http://vxf.vn/forums/guides-rules.86/">Hướng dẫn &amp; Quy định</a></li>
     <li><a href="http://vxf.vn/vip/">Đăng ký thành viên VIP™</a></li>
     <li><a href="http://vxf.vn/threads/quy-dinh-ve-kinh-doanh-tac-gia-tren-vxf-marketplace.24324/">Đăng ký Developer</a></li>
     </ul>
     </div>
     
     
     <div id="logo" class="brHeaderBox"><a href="http://vxf.vn/forums">
     <img src="http://i68.servimg.com/u/f68/17/57/29/64/logo10.png" alt="Cộng Đồng XenForo Việt Nam" height="53" width="176">
     </a></div>
     
     
     <div class="brLogoBlockRight brHeaderBox">
     
     
    <!-- BEGIN switch_user_logged_out -->
    <div id="loginBar">
     
      <span><a href="/register" class="concealed noOutline inner OverlayTrigger brRegister">Đăng ký</a></span>
      <span><a href="/login" class="concealed noOutline inner OverlayTrigger">Đăng nhập</a></span>
       
    </div>
    <!-- END switch_user_logged_out -->
    <!-- BEGIN switch_user_logged_in -->
    <div class="navTabs">
    <ul class="visitorTabs">
     
     <!-- account -->
      <span id="showuser">
     <li class="navTab account Popup PopupControl  PopupContainerControl PopupOpen">
     
     <a class="navLink accountPopup" rel="Menu"><strong {LOGGED_AS}</strong> <span class="arrowWidget"></span></a>
     </li>
                  <div style="visibility: visible; display:none; top: 47px; margin-left: -189px" class="Menu JsOnly" id="AccountMenu">
     <div class="primaryContent menuHeader">
                              <a href="/profile?mode=editprofile&page_profil=avatars" class="avatar Av31320m NoOverlay plainImage" title="Thay ảnh đại diện"><span class="avatardrop"></span></a>
                              <script>//<![CDATA[$(".avatardrop").html(_userdata.avatar);//]]></script>
                              <h3><span class="usermem"></span></h3>
                              <script type="text/javascript">//<![CDATA[$(".usermem").replaceWith('<a class="concealed" title="Xem hồ sơ của bạn" href="/u' + _userdata.user_id + 'wall" rel="nofollow">' + _userdata.username + '</a>');//]]></script>
     
     
     <div class="muted">New Member</div>
     
     <ul class="links">
     <li class="fl"><a href="members/dang02315.31320/">Trang hồ sơ của bạn</a></li>
     </ul>
     </div>
     <div class="menuColumns secondaryContent">
     <ul class="col1 blockLinksList">
     
     <li><a href="account/personal-details">Chi tiết cá nhân</a></li>
     <li><a href="account/signature">Chữ ký</a></li>
     <li><a href="account/contact-details">Chi tiết liên hệ</a></li>
     <li><a href="account/privacy">Bảo mật cá nhân</a></li>
     <li><a href="account/preferences">Tùy chọn</a></li>
     <li><a href="account/alert-preferences">Thiết lập thông báo</a></li>
    <li><a href="account/brms-statistics-preferences">Modern Statistic Preferences</a></li>
     <li><a href="account/avatar" class="OverlayTrigger" data-cacheoverlay="true">Avatar</a></li>
     <li><a href="account/facebook">Tích hợp Facebook</a></li>
     <li><a href="account/security">Mật khẩu</a></li>
     
     </ul>
     <ul class="col2 blockLinksList">
     
     <li><a href="account/news-feed">Luồng tin của bạn</a></li>
     <li><a href="account/alerts">Thông báo của bạn</a></li>
     <li><a href="watched/threads">Chủ đề đang theo dõi</a></li>
     <li><a href="account/likes">Bạn đã được 'Thích'</a></li>
     <li><a href="search/member?user_id=31320">Nội dung của bạn</a></li>
     <li><a href="account/following">Thành viên bạn theo dõi</a></li>
     <li><a href="account/ignored">Danh sách đen</a></li>
     
     <li><a style="color: #da0000;" href="license/">XenForo License Validation</a></li>
     <li><a href="support-tickets/">Your Tickets</a></li>
     </ul>
     </div>
     <div class="menuColumns secondaryContent">
     <ul class="col1 blockLinksList">
     <li>
     <form action="account/toggle-visibility" method="post" class="AutoValidator visibilityForm">
     <label><input name="visible" value="1" class="SubmitOnChange" checked="checked" type="checkbox">
     Hiển thị trạng thái trực tuyến</label>
     <input name="_xfToken" value="31320,1447947527,ff7d56cd786a6d845ad3e5b25cfb58b1c6df25ed" type="hidden">
     </form>
     </li>
     </ul>
     <ul class="col2 blockLinksList">
     <li><a href="{U_LOGIN_LOGOUT}" class="LogOut">Thoát</a></li>
     </ul>
     </div>
     
     <form action="members/dang02315.31320/post" method="post" class="sectionFooter statusPoster AutoValidator" data-optinout="OptIn">
     <textarea name="message" class="textCtrl StatusEditor Elastic" placeholder="Cập nhật trạng thái..." rows="1" cols="40" style="height:14px" data-statuseditorcounter="#visMenuSEdCount" data-nofocus="true"></textarea>
     <div style="display: none;" class="submitUnit">
     <span class="statusEditorCounter" id="visMenuSEdCount" title="Số ký tự còn lại">140</span>
     <input class="button primary MenuCloser" value="Đăng" type="submit">
     <input name="_xfToken" value="31320,1447947527,ff7d56cd786a6d845ad3e5b25cfb58b1c6df25ed" type="hidden">
     <input name="return" value="1" type="hidden">
     </div>
     </form>
     
     </div>
             
      </span>
     <!-- conversations popup -->
    <span id="showinbox">
     <li class="navTab inbox Popup PopupControl PopupContainerControl PopupClosed">
     
     <a href="/privmsg?folder=inbox" rel="Menu" class="navLink NoPopupGadget">Hộp thư <span class="arrowWidget"></span></a>
     
     </li>
     <div style="display: none; visibility: visible; top: 47px; margin-left: -81px" class="Menu JsOnly navPopup" id="ConversationsMenu" data-contentsrc="conversations/popup" data-contentdest="#ConversationsMenu .listPlaceholder">
     
     <div class="menuHeader primaryContent">
     <h3>
     <span class="Progress"></span>
     <a href="conversations/" class="concealed">Tin nhắn</a>
     </h3>
     </div>
     
     <div class="listPlaceholder"><div style="" class="secondaryContent noItems">{PRIVATE_MESSAGE_INFO}</div></div>
     
     <div class="sectionFooter">
     <a href="conversations/add" class="floatLink">Bắt đầu đối thoại mới</a>
     <a href="conversations/">Xem tất cả...</a>
     </div>
     </div>
    </span>
     <a href="{U_LOGIN_LOGOUT}" class="navLink visitorTabItem OverlayTrigger">Thoát</a>
    </ul></div>
                             
    <!-- END switch_user_logged_in -->               
                             
                             
     <div id="searchBar">
     <fieldset id="QuickSearch">
     <form action="search/search" method="post">
     
     <div class="primaryControls">
     <!-- block: primaryControls -->
     <input style="display: inline-block; width: 0px; padding: 3px 0px;" name="keywords" value="" class="textCtrl" placeholder="" results="0" title="Nhập từ khóa và ấn Enter" id="QuickSearchQuery" type="text">
     <!-- end block: primaryControls -->
     </div>
     
     <input name="_xfToken" value="" type="hidden">
     </form>
     </fieldset>
     
    </div>
    <script type="text/javascript">
    $(document).ready(function(){
     $('#QuickSearch').click(function(){
     $(this).addClass('active');
     $('#QuickSearch .textCtrl').animate({
     width: "150px",
     padding: "3px 5px"
     }, 500);
     });
     
     $(document).on('click', function(clickEvent)
     {
     if (!$(clickEvent.target).closest('#QuickSearch').length)
     {
     $('#QuickSearch').removeClass('active');
     $('#QuickSearch .textCtrl').animate({
     width: "0px",
     padding: "3px 0"
     }, 300);
     }
     });
     
    });
    </script>
     </div>
     
     
     <span class="helper"></span>
     
     </div>
     </div>
    </div>
     
     
    <div id="navigation">
    <div class="pageWidth ">
     <div class="pageContent">
     <nav>
    <div class="navTabs">
     <ul class="publicTabs">
     
     <!-- home -->
     
     <li class="navTab home PopupClosed"><a href="http://vxf.vn/br-portal" class="navLink">Trang chủ</a></li>
     
     
     
     <!-- extra tabs: home -->
     
     
     
     <!-- forums -->
     
     <li class="navTab forums selected">
     
     <a href="http://vxf.vn/" class="navLink">Diễn đàn</a>
     <a href="http://vxf.vn/" class="SplitCtrl" rel="Menu"></a>
     
     <div class="tabLinks forumsTabLinks">
     <div class="primaryContent menuHeader">
     <h3>Diễn đàn</h3>
     <div class="muted">Liên kết nhanh</div>
     </div>
     <ul class="secondaryContent blockLinksList">
     
     
     <li><a href="search/?type=post">Tìm kiếm diễn đàn</a></li>
     
     
    <li><a href="find-new/posts" rel="nofollow">Recent Posts</a></li>
     
     </ul>
     </div>
     </li>
     
     
     
     <!-- extra tabs: middle -->
     
     
     
     <li class="navTab resources PopupControl">
     
     <a href="resources/" class="navLink">Tài nguyên</a>
     <a href="resources/" class="SplitCtrl" rel="Menu"></a>
     
     <div class="tabLinks resourcesTabLinks">
     <div class="primaryContent menuHeader">
     <h3>Tài nguyên</h3>
     <div class="muted">Liên kết nhanh</div>
     </div>
     <ul class="secondaryContent blockLinksList">
     <li><a href="search/?type=resource_update">Search Resources</a></li>
     <li><a href="resources/authors">Most Active Authors</a></li>
     
     
     
    </ul>
     </div>
     </li>
     
     
     
     <li class="navTab marketplace PopupControl">
     
     <a href="http://vxf.vn/marketplace/" class="navLink">Marketplace</a>
     <a href="http://vxf.vn/marketplace/" class="SplitCtrl" rel="Menu"></a>
     
     <div class="tabLinks marketplaceTabLinks">
     <div class="primaryContent menuHeader">
     <h3>Marketplace</h3>
     <div class="muted">Liên kết nhanh</div>
     </div>
     <ul class="secondaryContent blockLinksList">
     <li><a href="search/?type=resource_update">Search Resources</a></li>
     
     
     
     
    </ul>
     </div>
     </li>
     
     
     
     
     
     <!-- members -->
     
     <li class="navTab members PopupControl">
     
     <a href="http://vxf.vn/members/" class="navLink">Thành viên</a>
     <a href="http://vxf.vn/members/" class="SplitCtrl" rel="Menu"></a>
     
     <div class="tabLinks membersTabLinks">
     <div class="primaryContent menuHeader">
     <h3>Thành viên</h3>
     <div class="muted">Liên kết nhanh</div>
     </div>
     <ul class="secondaryContent blockLinksList">
     
     <li><a href="members/">Notable Members</a></li>
     <li><a href="members/list">Thành viên đã đăng ký</a></li>
     <li><a href="online/">Đang truy cập</a></li>
     <li><a href="recent-activity/">Hoạt động gần đây</a></li>
     <li><a href="find-new/profile-posts">New Profile Posts</a></li>
     
     </ul>
     </div>
     </li>
     
     
     <!-- extra tabs: end -->
     
     <!-- responsive popup -->
     <li class="navTab navigationHiddenTabs Popup PopupControl PopupClosed PopupContainerControl" style="display: none;">
     
     <a rel="Menu" class="navLink NoPopupGadget"><span class="menuIcon">Menu</span></a>
     
     
     </li>
     
     
     <!-- no selection -->
     
     
     </ul>
     
    </div>
    <span class="helper"></span>
     
     </nav>
     </div>
    </div>
    </div>
     
     
    </div>
             
    <!-- BEGIN switch_user_logged_out -->
                        <div id="loginTop" class="frameTop">
                            <form action="/login" method="post" class="frm-form" name="form_login">
                                <input id="username" placeholder="Tên tài khoản" type="text" tabindex="1" name="username" size="30" maxlength="20" value="" class="inputTop" title="Vui lòng nhập tên tài khoản của bạn" required="required"/>
                                <input id="password" placeholder="Mật khẩu" type="password" tabindex="2" name="password" size="30" maxlength="30" class="inputTop" title="Vui lòng nhập đúng mật khẩu của bạn" required="required"/>
                                <fieldset>
                                    <input type="hidden" name="redirect" value="" />
                                    <input type="submit" name="login" tabindex="3" value="Đăng nhập" class="button2" />&nbsp;&nbsp;
                                    <label>
                                        <input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" checked="checked" />&nbsp; Ghi nhớ đăng nhập ?</label>
                                </fieldset>
                            </form>
                        </div>
                        <div id="regTop" class="frameTop">
                            <form action="/register?agreed=true&amp;step=2" method="post" class="frm-form" name="form_register">
                                <input id="username_reg" placeholder="Tên tài khoản (phải 2 ký tự trở lên)" type="text" tabindex="1" name="username" size="30" maxlength="20" value="" class="inputTop" title="Tên tài khoản phải có ít nhất 4 ký tự" required="required"/>
                                <input id="email" placeholder="Địa chỉ Email (vd: tencuaban@yahoo.com)" name="email" tabindex="2" value="" size="30" maxlength="64" type="text" class="inputTop" title="Ví dụ: tencuaban@yahoo.com" required="required"/>
                                <input id="password_reg" placeholder="Mật khẩu (nên có chữ và số)" type="password" tabindex="3" name="password" size="30" maxlength="30" class="inputTop" title="Nên đặt mật khẩu có chữ và số để an toàn hơn cho tài khoản của bạn" required="required"/>
                                <fieldset>
                                    <input type="submit" name="submit" tabindex="4" value="Đăng ký" class="button2" />&nbsp;&nbsp;
                                    <input class="button2" name="reset" tabindex="5" value="Xác lập lại" type="reset" />
                                </fieldset>
                            </form>
                        </div>
    <!-- END switch_user_logged_out -->
    <!-- BEGIN switch_user_logged_in -->
                        <div id="logout" class="frameTop" style="overflow: hidden; display: none;">
                            <form action="{U_LOGIN_LOGOUT}" method="post" class="frm-form">
                                <h2>Bạn có thật sự muốn thoát ?</h2>
                                <fieldset>
                                      <input type="submit" name="confirm" value="Có"/>&nbsp;&nbsp;
                                      <input class="close" type="button" name="cancel" value="Không"/>
                                </fieldset>
                            </form>
                        </div>
    <!-- END switch_user_logged_in -->
                              <script type="text/javascript">
                            //<![CDATA[
                            $(function() {
                                var b, p = location.pathname;
                                "/login" == p || "/register" == p ? ($("#regTop, #loginTop").remove(), $("#username_reg").attr({
                                    pattern: "^[^\\d\\.]([\\.\\w\\d]+){2,}",
                                    title: "Tên tài khoản phải có ít nhất 3 ký tự và bắt đầu bằng chữ cái hoặc gạch dưới. Chỉ được phép sử dụng chữ cái, số, dấu chấm và dấu gạch dưới"
                                }), $("#passwor").attr({
                                    pattern: "^(?=.*\\d)(?=.*[a-zA-Z]).{6,}$",
                                    title: "Mật khẩu từ 6 ký tự trở lên, bao gồm chữ và số"
                                }), $("#email").attr("type", "email"), $("#email, :password, [name=username]").attr("required", "required")) : ($("a[href^='/login']:not('#logout')").attr({
                                    "data-href": "#loginTop",
                                    "class": "quickLink"
                                }), $("a[href^='/register']").attr({
                                    "data-href": "#regTop",
                                    "class": "quickLink"
                                }));
                                $(".frameTop .close").click(function() {
                                    $(this).closest(".frameTop").stop().slideUp();
                                });
                                "/search" == p ? $("#searchTop").remove() : $("a[href='/search'],a[href='/search?tt=1']").attr({
                                    "data-href": "#searchTop",
                                    "class": "quickLink"
                                });
                                <!-- BEGIN switch_user_logged_out -->
                                $(".quickLink, .close.topform").click(function(a) {
                                    a.preventDefault();
                                    a = $(this).data("href");
                                    a != b ? (b = a, $(".frameTop").stop().slideUp(200), $(a).stop().slideDown(100)) : ($(a).stop().slideUp(), b = "")
                                })
                                <!-- END switch_user_logged_out -->
                            }); //]]>
                        </script>
             
     <div id="ipbwrapper">
     <a id="top" name="top" accesskey="t"></a>
     <div id="logostrip" class="clearfix">
     <a href="{U_INDEX}" id="logo" title="{L_INDEX}"><img src="{LOGO}" alt="{L_INDEX}" /></a>
     <!-- BEGIN switch_h1 -->
     <div id="main-title">{switch_h1.MAIN_SITENAME}</div>
     <!-- END switch_h1 -->
     <!-- BEGIN switch_desc -->
     <p id="site-desc">{switch_desc.SITE_DESCRIPTION}</p>
     <!-- END switch_desc -->
     </div>
     <div id="submenu">
     <ul>
     <li class="clearfix">{GENERATED_NAV_BAR}</li>
     </ul>
     </div>
     <!-- BEGIN switch_user_logged_in -->
     <div id="userlinks" 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>
     <li class="last"><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
     </ul>
     <p>{LOGGED_AS}.</p>
     </div>
     <!-- END switch_user_logged_in -->
     <!-- BEGIN switch_user_logged_out -->
     <div id="userlinks" class="not-connected clearfix">
     <span class="guest">{L_NOT_CONNECTED}</span> <span>{L_LOGIN_REGISTER}</span>
     </div>
     <!-- END switch_user_logged_out -->
     <!-- BEGIN switch_ticker_new -->
     <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
     <div class="module borderwrap">
     <div class="box-content">
     <div id="fa_ticker_container">
     <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none">
     <!-- BEGIN ticker_row -->
     <li>{switch_ticker.ticker_row.ELEMENT}</li>
     <!-- END ticker_row -->
     </ul>
     </div>
     </div>
     </div>
     </div>
     <!-- END switch_ticker_new -->
     <!-- BEGIN switch_ticker -->
     <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
     <div class="module borderwrap">
     <div class="box-content">
     <div id="fa_ticker_container">
     <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
     <div class="fa_ticker_content">
     <!-- BEGIN ticker_row -->
     <div>{switch_ticker.ticker_row.ELEMENT}</div>
     <!-- END ticker_row -->
     </div>
     </div>
     </div>
     </div>
     </div>
     </div>
     <!-- END switch_ticker -->
     <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
     <div id="outer-wrapper">
     <div id="wrapper">
     <div id="container">
     <div id="content">
     <div id="main">
     <div id="main-content">



    Được sửa bởi lasperpen ngày 14.01.17 13:51; sửa lần 3. (Reason for editing : fix log out)

  • Móm Đặc Biệt
    4. Re: [Skin] Chia sẻ skin VXF giống xenforo cho version Invision.
    avatar S-MOD
    Viewtopic_body
    Code:
    <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>

    <ul id="navstrip" class="clearfix" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
     <li class="begin"><a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a></li>
     {NAV_CAT_DESC}
    </ul>

    <table width="100%"><tbody><tr><td style="background:#fff;border-radius:3px;padding:0px 10px;float:left;width:863px" width="74%" valign="top">

     
      <div class="titlebar">
     <h1>{TOPIC_TITLE}</h1>
     <div id="topicmenu-options" class="popmenubutton">
     <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=forumotion">{L_SHARE}</a>
     <!-- BEGIN switch_plus_menu -->
     <script type="text/javascript">//<![CDATA[
     var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
     var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
     var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
     var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
     var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
     var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
     insert_plus_menu_new('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES}, '{JS_WATCH_TOPIC}');
     //]]>
     </script>
     <!-- END switch_plus_menu -->
     </div>
     </div>
     
    <!-- BEGIN topicpagination -->
    <div class="pagination topic-options">
     {PAGINATION}
    </div>
    <!-- END topicpagination -->

    <div class="posting-options topic-options">
     <ul class="posting-buttons clearfix">
     <!-- BEGIN switch_user_authpost -->
     <li class="post-icon"><a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a></li>
     <!-- END switch_user_authpost -->
     <!-- BEGIN switch_user_authreply -->
     <li class="post-icon"><a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a></li>
     <!-- END switch_user_authreply -->
     <!-- BEGIN switch_fb_likebtn -->
     <li class="post-icon">
     <div id="fb-root"></div>
     <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
      fjs.parentNode.insertBefore(js, fjs);
     }(document, 'script', 'facebook-jssdk'));</script>
     <div class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false" style="top:5px"></div>
     </li>
     <!-- END switch_fb_likebtn -->
     
     <!-- BEGIN switch_twitter_btn -->
     <li class="post-icon" style="padding-top:5px">
                <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
                <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
            </li>
     <!-- END switch_twitter_btn -->
     </ul>
    </div>

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

    <div class="borderwrap">

     {POLL_DISPLAY}

     <!-- BEGIN postrow -->
     
     <!-- BEGIN hidden -->
     <div class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</div>
     <!-- END hidden -->
     
     <!-- BEGIN first_post_br -->
    </div>
    <hr id="first-post-br" />
    <div class="borderwrap">
     <!-- END first_post_br -->
     
     <!-- BEGIN displayed -->
     <div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ONLINE_IMG_NEW} clearfix post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
     <div class="post-container"{postrow.displayed.THANK_BGCOLOR}>
     <div class="postbody clearfix">
     <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">

     <div class="postprofile-head post-header"{postrow.displayed.THANK_BGCOLOR}>
     <div class="popmenubutton-new-out popmenubutton">
     <a href="javascript:void(0);"{postrow.displayed.ONCLICK}>{postrow.displayed.ONLINE_IMG_INV}{postrow.displayed.POSTER_NAME_INV}</a>
     </div>
     <!-- BEGIN user_logged_in -->
     <div id="pm{postrow.displayed.U_POST_ID}" class="popupmenu clearfix" style="display:none;">
     <div class="avatar">
     {postrow.displayed.POSTER_AVATAR}
     </div>
     <ul>
     <li class="popupmenu-item">{postrow.displayed.PROFILE_IMG}&nbsp;</li>
     <!-- BEGIN switch_user_pm -->
     <li class="popupmenu-item">{postrow.displayed.PM_IMG}&nbsp;</li>
     <!-- END switch_user_pm -->
     <!-- BEGIN switch_user_email -->
     <li class="popupmenu-item">{postrow.displayed.EMAIL_IMG}&nbsp;</li>
     <!-- END switch_user_email -->
     <!-- BEGIN switch_contact_row -->
     <li class="popupmenu-item">
     <!-- BEGIN contact_field -->
     {postrow.displayed.user_logged_in.switch_contact_row.contact_field.CONTENT}&nbsp;
     <!-- END contact_field -->&nbsp;
     </li>
     <!-- END switch_contact_row -->
     <!-- BEGIN switch_user_posts -->
     <li class="popupmenu-item last">{postrow.displayed.USER_POSTS_IMG}&nbsp;</li>
     <!-- END switch_user_posts -->
     </ul>
     </div>
     <!-- END user_logged_in -->
     </div>

     <dl class="postprofile-details postdetails">
     <dt>
                                                      <span class="postava">{postrow.displayed.POSTER_AVATAR}</span><br />
     
     </dt>
                                              <dd class="usertext">{postrow.displayed.POSTER_NAME}<br/>{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</dd>
     <dd class="userinfo">
     <!-- BEGIN profile_field -->
                                                      {postrow.displayed.profile_field.LABEL}<span class="hienthiz">{postrow.displayed.profile_field.CONTENT}</span>{postrow.displayed.profile_field.SEPARATOR}
     <!-- END profile_field -->
                                                      {postrow.displayed.POSTER_RPG}
     </dd>
     </dl>
     </div>

     <div class="postbody-head postdetails post-header"{postrow.displayed.THANK_BGCOLOR}>
     <ul class="post-info">
     <li>{postrow.displayed.IP_IMG}</li>
     <li>{L_POST_NUMBER}{postrow.displayed.COUNT_POSTS_NUMBER}</li>
     </ul>
                    <div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>
     <h3>{postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></h3>
     <p class="author"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" />&nbsp;{L_TOPIC_BY}&nbsp;{postrow.displayed.POSTER_NAME} {postrow.displayed.POST_DATE_NEW}</p>
     </div>

     <div class="post-entry">
     <!-- BEGIN switch_vote_active -->
     <div class="vote gensmall">
     <!-- BEGIN switch_vote -->
     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
     <!-- END switch_vote -->

     <!-- BEGIN switch_bar -->
     <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
     <!-- BEGIN switch_vote_plus -->
     <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
     <!-- END switch_vote_plus -->

     <!-- BEGIN switch_vote_minus -->
     <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
     <!-- END switch_vote_minus -->
     </div>
     <!-- END switch_bar -->

     <!-- BEGIN switch_no_bar -->
     <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
     <!-- END switch_no_bar -->

     <!-- BEGIN switch_vote -->
     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
     <!-- END switch_vote -->
     </div>
     <!-- END switch_vote_active -->
     <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>
     {postrow.displayed.EDITED_MESSAGE}
     </div>


     <!-- BEGIN switch_signature -->
     <br />
     <div id="sig{postrow.displayed.U_POST_ID}" class="signature_div">{postrow.displayed.SIGNATURE_NEW}</div>
     <!-- END switch_signature -->
     <div class="post-footer clearfix"{postrow.displayed.THANK_BGCOLOR}>
     <ul class="misc-icons">
                              <li><a href="#"><i class="fa fa-clock-o"></i>&nbsp;{postrow.displayed.POST_DATE_NEW}</a></li>
                              <li>&nbsp;-&nbsp;Post: <a class="hashpost" href="?showpost=p{postrow.displayed.U_POST_ID}">#{postrow.displayed.COUNT_POSTS}</a></li>
     </ul>
     <ul class="posting-icons">
                             
                              <div class="vote-Zzbaivong">
      <!-- BEGIN switch_vote_active -->
      <a class="vote-plus" href="<!-- BEGIN switch_vote -->{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}<!-- END switch_vote -->">
          Thích
        </a>
      <span class="vote-time plus-time">0</span>
     
      <input class="vote-tip" type="hidden" value="<!-- BEGIN switch_bar -->{postrow.displayed.switch_vote_active.L_VOTE_TITLE}<!-- END switch_bar --><!-- BEGIN switch_no_bar -->{postrow.displayed.switch_vote_active.L_VOTE_TITLE}<!-- END switch_no_bar -->" />

    <!-- END switch_vote_active -->
    </div>
                             
     <li>{postrow.displayed.QUOTE_IMG}</li>
     <li>{postrow.displayed.EDIT_IMG}</li>
     <li>{postrow.displayed.DELETE_IMG}</li>
     <li>{postrow.displayed.IP_IMG}</li>
     </ul>
     </div><!-- closing tag post -->
     </div>

     </div>

     <!-- END displayed -->
     <!-- END postrow -->
     <div class="topic-footer clearfix">
     <!-- BEGIN minisearch -->
     <div class="search-footer-box">
     <form method="get" id="forum-search" action="{S_SEARCHBOX_ACTION}">
     <fieldset>
     <input type="text" name="search_keywords" id="search_keywords" size="20" value="{L_SEARCH}" onclick="if (this.value == '{L_SEARCH}') this.value = '';" onblur="if (this.value == '') this.value = '{L_SEARCH}';" />
     &nbsp;<input class="button" type="submit" value="{L_SEARCH}" />
     <input type="hidden" value="{SEARCH_WHERE}" name="search_where" />
     <input type="hidden" value="{SEARCH_TOPIC}" name="search_topic" />
     <input type="hidden" value="posts" name="show_results" />
     </fieldset>
     </form>
     </div>
     <!-- END minisearch -->
                    <div class="left rtl-inversion-left">
     <input type="hidden" name="t" value="{TOPIC_ID}" />

     <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
     <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

     {S_TOPIC_ADMIN}
     </div>
     <div class="next-prev">
     &laquo; <a href="{U_VIEW_OLDER_TOPIC}">{L_IPB_PREVIOUS_TOPIC}</a> &middot; <a href="{U_VIEW_NEWER_TOPIC}">{L_IPB_NEXT_TOPIC}</a> &raquo;
     </div>
     </div>
    </div>



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

    <div class="posting-options topic-options">
     <ul class="posting-buttons clearfix">
     <!-- BEGIN switch_user_authpost -->
     <li class="post-icon">
     <a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a>
     </li>
     <!-- END switch_user_authpost -->
     <!-- BEGIN switch_user_authreply -->
     <li class="post-icon">
     <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
     </li>
     <!-- END switch_user_authreply -->
     </ul>
    </div>

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

    <!-- BEGIN promot_trafic -->
    <div class="row2">
     <div id="ptrafic_close" class="clearfix" style="display:none">
     <div class="maintitle floated">
     <h3>{PROMOT_TRAFIC_TITLE}</h3>
     <div class="right rtl-inversion-right">
     <a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a>
     </div>
     </div>
     </div>
     <div id="ptrafic_open" class="clearfix" style="display:''">
     <div class="maintitle floated">
     <h3>{PROMOT_TRAFIC_TITLE}</h3>
     <div class="right rtl-inversion-right">
     <a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a>
     </div>
     </div>
     <div>
     <!-- BEGIN link -->
     &raquo;&nbsp;<a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
     <!-- END link -->
     </div>
     </div>
    </div>
    <!-- END promot_trafic -->

    <!-- BEGIN switch_forum_rules -->
    <div class="row1" id="forum_rules">
     <div class="maintitle">
     <h3>{L_FORUM_RULES}</h3>
     </div>
     <table>
     <tr>
     <!-- BEGIN switch_forum_rule_image -->
     <td class="logo">
     <img src="{RULE_IMG_URL}" alt=""/>
     </td>
     <!-- END switch_forum_rule_image -->
     <td class="rules post-entry">
     {RULE_MSG}
     </td>
     </tr>
     </table>
    </div>
    <!-- END switch_forum_rules -->

    <!-- BEGIN switch_user_logged_in -->
    <br />
    <a name="quickreply"></a>
    {QUICK_REPLY_FORM}
    <!-- END switch_user_logged_in -->

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

    <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
     
     
      <script type="text/javascript">
     //<![CDATA[
     $(".vote-Zzbaivong").each(function() {
      var b = $(this);
      if (b.is(":empty")) b.html('<a class="vote-plus" href="">Thích</a><span class="vote-time plus-time">0</span>');
      else {
          var a = b.find(".vote-tip").val(),
            c;
          /Message\sreputation\s:/.test(a) ? (c = a.split(/\W/), a = Math.round(parseInt(c[4], 10) / 100 * parseInt(c[7], 10)), c = parseInt(c[7], 10) - a) : a = c = 0;
          b.find(".plus-time").text(a);
          b.find(".minus-time").text(c)
      }
    });
    $(document).click(function(b) {
      $(".vote-cmt").fadeOut()
    });
    $(".vote-Zzbaivong").click(function(b) {
      b.stopPropagation()
    });
    $(".vote-plus, .vote-minus").one("click", function(b) {
      b.preventDefault();
      var a = $(this);
      b = a.attr("href");
      /us\&p_vote\=/.test(this.href) && (a.parent().children(".vote-plus, .vote-minus").attr("href", "javascript:;"), a.next(".vote-time").text(function() {
          return parseInt($(this).text(), 10) + 1
      }), a.parent().find(".vote-plus").css("background-image", "url(http://i57.servimg.com/u/f57/17/05/17/70/preloa10.gif)"), $.get(b, function() {
          a.parent().children(".vote-plus").removeAttr("style")
      }), a.siblings("." + a.attr("class") +
          "-post").fadeIn().children(".vote-mess").focus())
    });
    $(".vote-send").one("click", function() {
      var b = $(this),
          a = b.closest(".post"),
          c = a.find("a[href^='/report']").attr("href"),
          d = b.parent().children(".vote-mess").val(),
          f = b.parent().children(".vote-note");
      f.text("Đang xử lý...");
      if ("vote-plus-post vote-cmt" == b.parent().attr("class")) {
          var e = "http://" + location.host + location.pathname + "#" + c.replace(/.*p=(\d+).*/, "$1"),
            c = $.trim(a.find(".user a[href^='/u']:not(:has(img)):first").text()),
            a = a.find(".user a[href^='/u']:first").attr("href").replace(/.*\/u(\d+).*/, "$1"),
            e = "Mình thích bài viết của bạn tại [url=" +
            e + "]" + document.title + "[/url]";
          d.replace(/\s/g, "").length && (e = e + "[quote]" + d + "[/quote]");
          $.post("/privmsg", {
            subject: "Bài viết hay",
            message: e,
            username: c,
            u: a,
            mode: "post_profile",
            folder: "profile",
            post: "Send"
          }, function() {
            f.text("Tin nhắn đã được gửi");
            b.closest(".vote-cmt").delay(300).fadeOut()
          })
      } else 3 >= d.replace(/\s/g, "").length && (d = "Bài viết vi phạm nội quy diễn đàn."), $.post(c, {
          message: d,
          post: "Save"
      }, function() {
          f.text("Báo cáo đã được gửi");
          b.closest(".vote-cmt").delay(300).fadeOut()
      })
    });
    $(".vote-Zzbaivong > a[href='']").attr("href", "javascript:;");
     //]]>
    </script>

        <script type="text/javascript">
        for (i = 0; i < document.images.length; i++) {
          var img = document.images[i];
          img.onerror = function (evt) {
            this.src = "http://i21.servimg.com/u/f21/17/57/29/64/no-ima10.png";
          }
        };
        </script>
     
     
      </td>
     
      <td width="26%" valign="top" style="padding-left:10px">
     
    <div class="sidebar">

      <a id="SignupButton" href="/register">Đăng ký!</a>

      <a id="LogButton" href="/register">Đăng nhập!</a>

    </div>

      <div class="sidebar" style="text-align:left">
           
    <div class="forumstatistics profilez">
        <div class="teststats">
            <span class="hienthianh"></span>
            <div class="visitorText">
              <h2><span class="tenthanhvien"></span></h2>
                <div class="stats">
                    <dl class="pairsJustified"><dt>Tin nhắn:</dt>
                      <dd><span class="tinhan"></span></dd>
                    </dl>
                    <dl class="pairsJustified"><dt>Được Like:</dt>
                        <dd><span class="duoclike"></span></dd>
                    </dl>
                    <dl class="pairsJustified"><dt>Points:</dt>
                        <dd><span class="sopoint"></span></dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
      <script type="text/javascript">
    //<![CDATA[
      $(".hienthianh").replaceWith('<a class="avatar" href="/u' + _userdata.user_id + 'wall" rel="nofollow">' + _userdata.avatar + '</a>');
                  $(".tenthanhvien").replaceWith('<a class="username NoOverlay" href="/u' + _userdata.user_id + 'wall" rel="nofollow">' + _userdata.username + '</a>');
                  $(".tinhan").replaceWith('' + _userdata.user_nb_privmsg + '');
                  $(".duoclike").replaceWith('' + _userdata.point_reputation + '');
                  $('.sopoint').load('/u'+_userdata["user_id"]+' #field_id-13 .field_uneditable'); 
    //]]>
    </script>
                     
    </div>
     
     
    <div class="sidebar">
           
      <a href="http://vxf.vn/threads/tuyen-ban-quan-tri-cong-dong-xenforo-viet-nam-2015.22474/"><img src="http://vxf.vn/styles/vxf/tuyen_BQT.png" style="border: 0; width: 100%;"/></a>
               
    </div>
     
     
      <div class="sidebar">
           
        <a href="https://cer.vn/"><img src="http://adcloud.vn/ads_data/88559b857568992836.png" style="width: 100%;"/></a>
     
    </div>
     
               
    <div class="sidebar" style="text-align:left">


    <ul class="Tinhte_XenTag_TagCloud cloud">
           
               
                <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level1"><a href="tags/">add-on</a></li>
               
                <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level1"><a href="tags/">brivium</a></li>
               
                <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level1"><a href="tags/">congdonggamer.com</a></li>
               
                <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level2"><a href="tags/">domain</a></li>
               
                <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level1"><a href="tags/">email</a></li>
               
                <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level1"><a href="tags/">facebook</a></li>
               
                <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level1"><a href="tags/">google</a></li>
               
                <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level2"><a href="tags/">help</a></li>
               
                <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level2"><a href="tags/">host</a></li>
               
                <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level2"><a href="tags/">hosting</a></li>
               
                <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level1"><a href="tags/">loi</a></li>
               
                <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level3"><a href="tags/">lỗi</a></li>
               
                <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level3"><a href="tags/">premium xenforo add-on</a></li>
               
                <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level3"><a href="tags/">premium xenforo style</a></li>
               
                <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level2"><a href="tags/">sccn</a></li>
               
                <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level2"><a href="tags/">sccn.vn</a></li>
               
                <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level3"><a href="tags/">seo</a></li>
               
                <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level1"><a href="tags/">seo xenforo</a></li>
               
                <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level2"><a href="tags/">style</a></li>
               
                <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level2"><a href="tags/">sân chơi công nghệ</a></li>
               
                <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level2"><a href="tags/">vps</a></li>
               
                <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level3"><a href="tags/">xenforo</a></li>
               
                <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level3"><a href="tags/">xenforo add-on</a></li>
               
                <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level3"><a href="tags/">xenforo style</a></li>
               
                <li class="Tinhte_XenTag_TagCloudTag Tinhte_XenTag_TagCloud_Level1"><a href="tags/">xenportal</a></li>
               
           
        </ul>

     
    </div>
     
     
     
        <div class="sidebar" style="text-align:left">
     
      <h3>TEXT LINK</h3>
          + <a href="http://www.marry.vn/kinh-nghiem-cuoi/trang-diem-lam-dep/" title="Trang điểm cô dâu">Trang diem co dau</a><br/>
          + <a href="http://www.elleman.vn/" title="ELLE MAN">ELLE MAN</a><br/>
          + <a href="http://www.bepgiadinh.com/mon-ngon/" title="mon ngon">Mon Ngon</a><br/>
          + mua ban <a href="http://simsodepviettel.com/" title="sim so dep">sim so dep</a> giá rẻ 10 số<br/>
          + cách chọn <a href="http://xemboisim.vn/xem-phong-thuy-sim" title="sim so dep">sim phong thuy</a> chính xác<br/>
          + tổng đại lý sim <a href="http://muasimsodep.com.vn/" title="sim so dep">so dep</a> giá rẻ<br/>
          + chọn mua  <a href="http://www.simphongthuy.com.vn/xem-phong-thuy-cho-sim.html" title="phong thuy sim">phong thuy sim</a> hợp mệnh<br/>
          + thỏa sức chọn mua <a href="http://simsodepviettel.com/simgiare.htm" title="sim so dep gia re">sim so dep gia re</a><br/>
          + <a href="http://medonthan.net" title="Cộng đồng mẹ đơn thân lớn nhất Việt Nam">Mẹ đơn thân </a> <br/>
          + <a href="http://taigamemienphichodienthoai.net/" target="_blank" title="tải game miễn phí">tải game miễn phí</a><br/>
          + <a href="http://w88daily.com/" target="_blank" title="W88">W88</a><br/>
          + <a href="http://trochoi.pro" title="tai game">tai game</a><br/>
          + cho <a href="http://vaytinchap99.com" target="_blank"> vay tín chấp </a> ngân hàng<br/>
    <span style="color: red;">+ Liên hệ quảng cáo 0902.974.686</span>
       
    </div>
     
      </td></tr></tbody></table>


    --Chữ ký--
    Laughing Diễn đàn Rao vặt, anh em rãnh ghé thăm nhé Laughing


    Very Happy Địa chỉ: http://vnraovat.forumvi.com/ Very Happy
  • Móm Đặc Biệt
    5. Re: [Skin] Chia sẻ skin VXF giống xenforo cho version Invision.
    avatar S-MOD
    ACP >> Display >> Generalities
    Message content :
    Code:
    <div class="forumstatistics">
      
     <div class="pairsJustified">
                <dl class="discussionCount"><dt>Bài viết:</dt>            <dd>{FORUMCOUNTPOST}</dd>        </dl>        <dl class="messageCount"><dt>Chủ đề:</dt>            <dd>{FORUMCOUNTOPIC}</dd>        </dl>        <dl class="memberCount"><dt>Thành viên:</dt>            <dd>{FORUMCOUNTUSER}</dd>        </dl>        <dl><dt>Thành viên mới:</dt>            <dd>{FORUMLASTUSERLINK}</dd>        </dl>        
     </div>
    </div>

    Sử dụng chung với Lasttopic này sẽ hoàn hảo hơn:
    http://www.hotrofm.net/t38-share-latest-topic-vxf-vn-full-version

  • Giựt
    Không thoát được


    --Chữ ký--
    Diễn đàn Kênh Game 360>> Smile
  • Móm Đặc Biệt
    7. Re: [Skin] Chia sẻ skin VXF giống xenforo cho version Invision.
    avatar S-MOD
    Bạn thay lại Header dùm mình :)


    --Chữ ký--
    Laughing Diễn đàn Rao vặt, anh em rãnh ghé thăm nhé Laughing


    Very Happy Địa chỉ: http://vnraovat.forumvi.com/ Very Happy
  • dksFeed
    8. Re: [Skin] Chia sẻ skin VXF giống xenforo cho version Invision.
    avatar MEM LV3
    Hôm bữa mình cũng làm không sai gì hết mà thoát không được Very Happy


    --Chữ ký--
  • nkoxdl
    9. Re: [Skin] Chia sẻ skin VXF giống xenforo cho version Invision.
    avatar MEM LV2
    bị lỗi nút thoát sửa lại là đẹp ^^! ý kiến cá nhân

  • Giựt
    @dksFeed đã viết:Hôm bữa mình cũng làm không sai gì hết mà thoát không được Very Happy
    Sửa lại header nhé bạn :
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB} {NAMESPACE_FB_LIKE} {NAMESPACE_BBCODE}>
    <head>
     <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
     <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
     <meta http-equiv="content-script-type" content="text/javascript" />
     <meta http-equiv="content-style-type" content="text/css" />
     <!-- BEGIN switch_compat_meta -->
     <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
     <!-- END switch_compat_meta -->
     <!-- BEGIN switch_canonical_url -->
     <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
     <!-- END switch_canonical_url -->
     {META_FAVICO}
     {META}
     {META_FB_LIKE}
     <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
     {T_HEAD_STYLESHEET}
     {CSS}
     <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
     <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
     <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
     <script src="{JQUERY_PATH}" type="text/javascript"></script>
     <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
     <!-- BEGIN switch_fb_login -->
     <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
     <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
     <!-- END switch_fb_login -->
     <!-- BEGIN switch_ticker -->
     <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
     <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
     <!-- END switch_ticker -->
     <script type="text/javascript">
     //<![CDATA[
     $(document).ready(function(){
     <!-- BEGIN switch_enable_pm_popup -->
     pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
     if(pm != null) { pm.focus(); }
     <!-- END switch_enable_pm_popup -->
     <!-- BEGIN switch_report_popup -->
     report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
     if(report != null) { report.focus(); }
     <!-- END switch_report_popup -->
     <!-- BEGIN switch_ticker -->
     $(document).ready(function() {
     Ticker.start({
     height : {switch_ticker.HEIGHT},
     spacing : {switch_ticker.SPACING},
     speed : {switch_ticker.SPEED},
     direction : '{switch_ticker.DIRECTION}',
     pause : {switch_ticker.STOP_TIME}
     });
     });
     <!-- END switch_ticker -->
     });
     <!-- BEGIN switch_login_popup -->
     var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = 'box-content';
     <!-- END switch_login_popup -->
     <!-- BEGIN switch_login_popup -->
     $(document).ready( function() {
     $(window).resize(function() {
     var windowWidth = document.documentElement.clientWidth;
     var popupWidth = $("#login_popup").width();
     var mypopup = $("#login_popup");
     $("#login_popup").css({
     "left": windowWidth/2 - popupWidth/2
     });
     });
     });
     <!-- END switch_login_popup -->
     //]]>
     </script>
     {GREETING_POPUP}
     <script src="{JS_DIR}invision.js" type="text/javascript"></script>
     <!-- BEGIN switch_ticker_new -->
     <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
     <script type="text/javascript">//<![CDATA[
     /* Definir le sens de direction en fonction du panneau admin */
     var tickerDirParam = "{switch_ticker.DIRECTION}";
     var slid_vert = false;
     var auto_dir = 'next';
     var h_perso = parseInt({switch_ticker.HEIGHT});
     switch( tickerDirParam )
     {
     case 'top' :
     slid_vert = true;
     break;
     case 'left':
     break;
     case 'bottom':
     slid_vert = true;
     auto_dir = 'prev';
     break;
     case 'right':
     auto_dir = 'prev';
     break;
     default:
     slid_vert = true;
     }
     $(document).ready(function() {
     $('#fa_ticker_content').css('display','block');
     var width_max = $('ul#fa_ticker_content').width();
     var width_item = Math.floor(width_max / {switch_ticker.SIZE});
     if (width_max > 0)
     {
     $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
     if ($(this).width() > width_item)
     {
     var ratio = $(this).width() / width_item;
     var new_height = Math.round($(this).height() / ratio);
     $(this).height(new_height).width(width_item);
     }
     });
     if (slid_vert)
     {
     var height_max = h_perso;
     $('ul#fa_ticker_content li').each( function () {
     if ($(this).height() > height_max)
     {
     height_max = $(this).height();
     }
     } );
     $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
     $('ul#fa_ticker_content li').height(height_max);
     }
     $('#fa_ticker_content').jcarousel({
     vertical: slid_vert,
     wrap: 'circular',
     auto: {switch_ticker.STOP_TIME},
     auto_direction: auto_dir,
     scroll: 1,
     size: {switch_ticker.SIZE},
     height_max: height_max,
     animation: {switch_ticker.SPEED}
     });
     }
     else
     {
     $('ul#fa_ticker_content li:not(:first)').css('display','none');
     $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
     }
     });
     //]]>
     </script>
     <style>
     .jcarousel-skin-tango .jcarousel-item {
     text-align:center;
     width: 50px;
     }
     .jcarousel-skin-tango .jcarousel-item-horizontal {
     margin-right: {switch_ticker.SPACING}px;
     }
     .jcarousel-skin-tango .jcarousel-item-vertical {
     margin-bottom: {switch_ticker.SPACING}px;
     }
     </style>
     <!-- END switch_ticker_new -->
     {HOSTING_JS}
     <!-- BEGIN google_analytics_code -->
     <script type="text/javascript">
     //<![CDATA[
     var _gaq = _gaq || [];
     _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
     _gaq.push(["_trackPageview"]);
     _gaq.push(['_trackPageLoadTime']);
     <!-- BEGIN google_analytics_code_bis -->
     _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
     _gaq.push(['b._trackPageview']);
     <!-- END google_analytics_code_bis -->
     (function() {
     var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
     ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
     var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
     })();
     //]]>
     </script>
     <!-- END google_analytics_code -->
    </head>
    <body>
    <!-- BEGIN hitskin_preview -->
    <div id="hitskin_preview" style="display: block;">
     <h1><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
     <div class="content">
     <p>
     {hitskin_preview.L_THEME_SITE_PREVIEW}
     <br />
     <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
     </p>
     </div>
    </div>
    <!-- END hitskin_preview -->
    <!-- BEGIN switch_login_popup -->
    <div id="login_popup" class="module borderwrap" style="z-index: 10000 !important;">
     <div id="login_popup_content">
     <div id="login_popup_background">
     <div id="login_popup_title" class="maintitle"><h3>{SITENAME}</h3></div>
     <div class="box-content">
     {LOGIN_POPUP_MSG}
     <div id="login_popup_buttons">
     <form action="{S_LOGIN_ACTION}" method="get" target="_parent">
     <input type="submit" class="button" value="{L_LOGIN}" />
     <input type="button" class="button" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
     <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
     </form>
     </div>
     </div>
     </div>
     </div>
    </div>
    <!-- END switch_login_popup -->
    <div class="minwidth_IE">
     <div class="layout_IE">
     <div class="container_IE">
    <div id="header">
     <div id="logoBlock">
     <div class="pageWidth">
     <div class="pageContent">
     <div class="brLogoBlockLeft brHeaderBox">
     <ul>
     <li><a href="http://vxf.vn/forums/guides-rules.86/">Hướng dẫn &amp; Quy định</a></li>
     <li><a href="http://vxf.vn/vip/">Đăng ký thành viên VIP™️</a></li>
     <li><a href="http://vxf.vn/threads/quy-dinh-ve-kinh-doanh-tac-gia-tren-vxf-marketplace.24324/">Đăng ký Developer</a></li>
     </ul>
     </div>
     
     
     <div id="logo" class="brHeaderBox"><a href="http://vxf.vn/forums">
     <img src="http://i68.servimg.com/u/f68/17/57/29/64/logo10.png" alt="Cộng Đồng XenForo Việt Nam" height="53" width="176">
     </a></div>
     
     
     <div class="brLogoBlockRight brHeaderBox">
     
     
    <!-- BEGIN switch_user_logged_out -->
    <div id="loginBar">
     
      <span><a href="/register" class="concealed noOutline inner OverlayTrigger brRegister">Đăng ký</a></span>
      <span><a href="/login" class="concealed noOutline inner OverlayTrigger">Đăng nhập</a></span>
       
    </div>
    <!-- END switch_user_logged_out -->
    <!-- BEGIN switch_user_logged_in -->
    <div class="navTabs">
    <ul class="visitorTabs">
     
     <!-- account -->
      <span id="showuser">
     <li class="navTab account Popup PopupControl  PopupContainerControl PopupOpen">
     
     <a class="navLink accountPopup" rel="Menu"><strong {LOGGED_AS}</strong> <span class="arrowWidget"></span></a>
     </li>
                  <div style="visibility: visible; display:none; top: 47px; margin-left: -189px" class="Menu JsOnly" id="AccountMenu">
     <div class="primaryContent menuHeader">
                              <a href="/profile?mode=editprofile&page_profil=avatars" class="avatar Av31320m NoOverlay plainImage" title="Thay ảnh đại diện"><span class="avatardrop"></span></a>
                              <script>//<![CDATA[$(".avatardrop").html(_userdata.avatar);//]]></script>
                              <h3><span class="usermem"></span></h3>
                              <script type="text/javascript">//<![CDATA[$(".usermem").replaceWith('<a class="concealed" title="Xem hồ sơ của bạn" href="/u' + _userdata.user_id + 'wall" rel="nofollow">' + _userdata.username + '</a>');//]]></script>
     
     
     <div class="muted">New Member</div>
     
     <ul class="links">
     <li class="fl"><a href="members/dang02315.31320/">Trang hồ sơ của bạn</a></li>
     </ul>
     </div>
     <div class="menuColumns secondaryContent">
     <ul class="col1 blockLinksList">
     
     <li><a href="account/personal-details">Chi tiết cá nhân</a></li>
     <li><a href="account/signature">Chữ ký</a></li>
     <li><a href="account/contact-details">Chi tiết liên hệ</a></li>
     <li><a href="account/privacy">Bảo mật cá nhân</a></li>
     <li><a href="account/preferences">Tùy chọn</a></li>
     <li><a href="account/alert-preferences">Thiết lập thông báo</a></li>
    <li><a href="account/brms-statistics-preferences">Modern Statistic Preferences</a></li>
     <li><a href="account/avatar" class="OverlayTrigger" data-cacheoverlay="true">Avatar</a></li>
     <li><a href="account/facebook">Tích hợp Facebook</a></li>
     <li><a href="account/security">Mật khẩu</a></li>
     
     </ul>
     <ul class="col2 blockLinksList">
     
     <li><a href="account/news-feed">Luồng tin của bạn</a></li>
     <li><a href="account/alerts">Thông báo của bạn</a></li>
     <li><a href="watched/threads">Chủ đề đang theo dõi</a></li>
     <li><a href="account/likes">Bạn đã được 'Thích'</a></li>
     <li><a href="search/member?user_id=31320">Nội dung của bạn</a></li>
     <li><a href="account/following">Thành viên bạn theo dõi</a></li>
     <li><a href="account/ignored">Danh sách đen</a></li>
     
     <li><a style="color: #da0000;" href="license/">XenForo License Validation</a></li>
     <li><a href="support-tickets/">Your Tickets</a></li>
     </ul>
     </div>
     <div class="menuColumns secondaryContent">
     <ul class="col1 blockLinksList">
     <li>
     <form action="account/toggle-visibility" method="post" class="AutoValidator visibilityForm">
     <label><input name="visible" value="1" class="SubmitOnChange" checked="checked" type="checkbox">
     Hiển thị trạng thái trực tuyến</label>
     <input name="_xfToken" value="31320,1447947527,ff7d56cd786a6d845ad3e5b25cfb58b1c6df25ed" type="hidden">
     </form>
     </li>
     </ul>
     </div>
     
     <form action="members/dang02315.31320/post" method="post" class="sectionFooter statusPoster AutoValidator" data-optinout="OptIn">
     <textarea name="message" class="textCtrl StatusEditor Elastic" placeholder="Cập nhật trạng thái..." rows="1" cols="40" style="height:14px" data-statuseditorcounter="#visMenuSEdCount" data-nofocus="true"></textarea>
     <div style="display: none;" class="submitUnit">
     <span class="statusEditorCounter" id="visMenuSEdCount" title="Số ký tự còn lại">140</span>
     <input class="button primary MenuCloser" value="Đăng" type="submit">
     <input name="_xfToken" value="31320,1447947527,ff7d56cd786a6d845ad3e5b25cfb58b1c6df25ed" type="hidden">
     <input name="return" value="1" type="hidden">
     </div>
     </form>
     
     </div>
             
      </span>
     <!-- conversations popup -->
    <span id="showinbox">
     <li class="navTab inbox Popup PopupControl PopupContainerControl PopupClosed">
     
     <a href="/privmsg?folder=inbox" rel="Menu" class="navLink NoPopupGadget">Hộp thư <span class="arrowWidget"></span></a>
     
     </li>
     <div style="display: none; visibility: visible; top: 47px; margin-left: -81px" class="Menu JsOnly navPopup" id="ConversationsMenu" data-contentsrc="conversations/popup" data-contentdest="#ConversationsMenu .listPlaceholder">
     
     <div class="menuHeader primaryContent">
     <h3>
     <span class="Progress"></span>
     <a href="conversations/" class="concealed">Tin nhắn</a>
     </h3>
     </div>
     
     <div class="listPlaceholder"><div style="" class="secondaryContent noItems">{PRIVATE_MESSAGE_INFO}</div></div>
     
     <div class="sectionFooter">
     <a href="conversations/add" class="floatLink">Bắt đầu đối thoại mới</a>
     <a href="conversations/">Xem tất cả...</a>
     </div>
     </div>
    </span>
    <a href="{U_LOGIN_LOGOUT}" class="navLink visitorTabItem OverlayTrigger">Thoát</a>
    </ul></div>
                             
    <!-- END switch_user_logged_in -->               
                             
                             
     <div id="searchBar">
     <fieldset id="QuickSearch">
     <form action="search/search" method="post">
     
     <div class="primaryControls">
     <!-- block: primaryControls -->
     <input style="display: inline-block; width: 0px; padding: 3px 0px;" name="keywords" value="" class="textCtrl" placeholder="" results="0" title="Nhập từ khóa và ấn Enter" id="QuickSearchQuery" type="text">
     <!-- end block: primaryControls -->
     </div>
     
     <input name="_xfToken" value="" type="hidden">
     </form>
     </fieldset>
     
    </div>
    <script type="text/javascript">
    $(document).ready(function(){
     $('#QuickSearch').click(function(){
     $(this).addClass('active');
     $('#QuickSearch .textCtrl').animate({
     width: "150px",
     padding: "3px 5px"
     }, 500);
     });
     
     $(document).on('click', function(clickEvent)
     {
     if (!$(clickEvent.target).closest('#QuickSearch').length)
     {
     $('#QuickSearch').removeClass('active');
     $('#QuickSearch .textCtrl').animate({
     width: "0px",
     padding: "3px 0"
     }, 300);
     }
     });
     
    });
    </script>
     </div>
     
     
     <span class="helper"></span>
     
     </div>
     </div>
    </div>
     
     
    <div id="navigation">
    <div class="pageWidth ">
     <div class="pageContent">
     <nav>
    <div class="navTabs">
     <ul class="publicTabs">
     
     <!-- home -->
     
     <li class="navTab home PopupClosed"><a href="http://vxf.vn/br-portal" class="navLink">Trang chủ</a></li>
     
     
     
     <!-- extra tabs: home -->
     
     
     
     <!-- forums -->
     
     <li class="navTab forums selected">
     
     <a href="http://vxf.vn/" class="navLink">Diễn đàn</a>
     <a href="http://vxf.vn/" class="SplitCtrl" rel="Menu"></a>
     
     <div class="tabLinks forumsTabLinks">
     <div class="primaryContent menuHeader">
     <h3>Diễn đàn</h3>
     <div class="muted">Liên kết nhanh</div>
     </div>
     <ul class="secondaryContent blockLinksList">
     
     
     <li><a href="search/?type=post">Tìm kiếm diễn đàn</a></li>
     
     
    <li><a href="find-new/posts" rel="nofollow">Recent Posts</a></li>
     
     </ul>
     </div>
     </li>
     
     
     
     <!-- extra tabs: middle -->
     
     
     
     <li class="navTab resources PopupControl">
     
     <a href="resources/" class="navLink">Tài nguyên</a>
     <a href="resources/" class="SplitCtrl" rel="Menu"></a>
     
     <div class="tabLinks resourcesTabLinks">
     <div class="primaryContent menuHeader">
     <h3>Tài nguyên</h3>
     <div class="muted">Liên kết nhanh</div>
     </div>
     <ul class="secondaryContent blockLinksList">
     <li><a href="search/?type=resource_update">Search Resources</a></li>
     <li><a href="resources/authors">Most Active Authors</a></li>
     
     
     
    </ul>
     </div>
     </li>
     
     
     
     <li class="navTab marketplace PopupControl">
     
     <a href="http://vxf.vn/marketplace/" class="navLink">Marketplace</a>
     <a href="http://vxf.vn/marketplace/" class="SplitCtrl" rel="Menu"></a>
     
     <div class="tabLinks marketplaceTabLinks">
     <div class="primaryContent menuHeader">
     <h3>Marketplace</h3>
     <div class="muted">Liên kết nhanh</div>
     </div>
     <ul class="secondaryContent blockLinksList">
     <li><a href="search/?type=resource_update">Search Resources</a></li>
     
     
     
     
    </ul>
     </div>
     </li>
     
     
     
     
     
     <!-- members -->
     
     <li class="navTab members PopupControl">
     
     <a href="http://vxf.vn/members/" class="navLink">Thành viên</a>
     <a href="http://vxf.vn/members/" class="SplitCtrl" rel="Menu"></a>
     
     <div class="tabLinks membersTabLinks">
     <div class="primaryContent menuHeader">
     <h3>Thành viên</h3>
     <div class="muted">Liên kết nhanh</div>
     </div>
     <ul class="secondaryContent blockLinksList">
     
     <li><a href="members/">Notable Members</a></li>
     <li><a href="members/list">Thành viên đã đăng ký</a></li>
     <li><a href="online/">Đang truy cập</a></li>
     <li><a href="recent-activity/">Hoạt động gần đây</a></li>
     <li><a href="find-new/profile-posts">New Profile Posts</a></li>
     
     </ul>
     </div>
     </li>
     
     
     <!-- extra tabs: end -->
     
     <!-- responsive popup -->
     <li class="navTab navigationHiddenTabs Popup PopupControl PopupClosed PopupContainerControl" style="display: none;">
     
     <a rel="Menu" class="navLink NoPopupGadget"><span class="menuIcon">Menu</span></a>
     
     
     </li>
     
     
     <!-- no selection -->
     
     
     </ul>
     
    </div>
    <span class="helper"></span>
     
     </nav>
     </div>
    </div>
    </div>
     
     
    </div>
             
    <!-- BEGIN switch_user_logged_out -->
                        <div id="loginTop" class="frameTop">
                            <form action="/login" method="post" class="frm-form" name="form_login">
                                <input id="username" placeholder="Tên tài khoản" type="text" tabindex="1" name="username" size="30" maxlength="20" value="" class="inputTop" title="Vui lòng nhập tên tài khoản của bạn" required="required"/>
                                <input id="password" placeholder="Mật khẩu" type="password" tabindex="2" name="password" size="30" maxlength="30" class="inputTop" title="Vui lòng nhập đúng mật khẩu của bạn" required="required"/>
                                <fieldset>
                                    <input type="hidden" name="redirect" value="" />
                                    <input type="submit" name="login" tabindex="3" value="Đăng nhập" class="button2" />&nbsp;&nbsp;
                                    <label>
                                        <input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" checked="checked" />&nbsp; Ghi nhớ đăng nhập ?</label>
                                </fieldset>
                            </form>
                        </div>
                        <div id="regTop" class="frameTop">
                            <form action="/register?agreed=true&amp;step=2" method="post" class="frm-form" name="form_register">
                                <input id="username_reg" placeholder="Tên tài khoản (phải 2 ký tự trở lên)" type="text" tabindex="1" name="username" size="30" maxlength="20" value="" class="inputTop" title="Tên tài khoản phải có ít nhất 4 ký tự" required="required"/>
                                <input id="email" placeholder="Địa chỉ Email (vd: tencuaban@yahoo.com)" name="email" tabindex="2" value="" size="30" maxlength="64" type="text" class="inputTop" title="Ví dụ: tencuaban@yahoo.com" required="required"/>
                                <input id="password_reg" placeholder="Mật khẩu (nên có chữ và số)" type="password" tabindex="3" name="password" size="30" maxlength="30" class="inputTop" title="Nên đặt mật khẩu có chữ và số để an toàn hơn cho tài khoản của bạn" required="required"/>
                                <fieldset>
                                    <input type="submit" name="submit" tabindex="4" value="Đăng ký" class="button2" />&nbsp;&nbsp;
                                    <input class="button2" name="reset" tabindex="5" value="Xác lập lại" type="reset" />
                                </fieldset>
                            </form>
                        </div>
    <!-- END switch_user_logged_out -->
    <!-- BEGIN switch_user_logged_in -->
                        <div id="outTop" class="frameTop" style="overflow: hidden; display: none;">
                            <form action="{U_LOGIN_LOGOUT}" method="post" class="frm-form">
                                <h2>Bạn có thật sự muốn thoát ?</h2>
                                <fieldset>
                                      <input type="submit" name="confirm" value="Có"/>&nbsp;&nbsp;
                                      <input class="close" type="button" name="cancel" value="Không"/>
                                </fieldset>
                            </form>
                        </div>
    <!-- END switch_user_logged_in -->
                              <script type="text/javascript">
                            //<![CDATA[
                            $(function() {
                                var b, p = location.pathname;
                                "/login" == p || "/register" == p ? ($("#regTop, #loginTop").remove(), $("#username_reg").attr({
                                    pattern: "^[^\\d\\.]([\\.\\w\\d]+){2,}",
                                    title: "Tên tài khoản phải có ít nhất 3 ký tự và bắt đầu bằng chữ cái hoặc gạch dưới. Chỉ được phép sử dụng chữ cái, số, dấu chấm và dấu gạch dưới"
                                }), $("#passwor").attr({
                                    pattern: "^(?=.*\\d)(?=.*[a-zA-Z]).{6,}$",
                                    title: "Mật khẩu từ 6 ký tự trở lên, bao gồm chữ và số"
                                }), $("#email").attr("type", "email"), $("#email, :password, [name=username]").attr("required", "required")) : ($("a[href^='/login']:not('#logout')").attr({
                                    "data-href": "#loginTop",
                                    "class": "quickLink"
                                }), $("input[name='redirect']").val(p), $("#logout").attr({
                                    "data-href": "#outTop",
                                    "class": "quickLink"
                                }), $("a[href^='/register']").attr({
                                    "data-href": "#regTop",
                                    "class": "quickLink"
                                }));
                                $(".frameTop .close").click(function() {
                                    $(this).closest(".frameTop").stop().slideUp();
                                });
                                "/search" == p ? $("#searchTop").remove() : $("a[href='/search'],a[href='/search?tt=1']").attr({
                                    "data-href": "#searchTop",
                                    "class": "quickLink"
                                });
                                $(".quickLink, .close.topform").click(function(a) {
                                    a.preventDefault();
                                    a = $(this).data("href");
                                    a != b ? (b = a, $(".frameTop").stop().slideUp(200), $(a).stop().slideDown(100)) : ($(a).stop().slideUp(), b = "")
                                })
                            }); //]]>
                        </script>
             
     <div id="ipbwrapper">
     <a id="top" name="top" accesskey="t"></a>
     <div id="logostrip" class="clearfix">
     <a href="{U_INDEX}" id="logo" title="{L_INDEX}"><img src="{LOGO}" alt="{L_INDEX}" /></a>
     <!-- BEGIN switch_h1 -->
     <div id="main-title">{switch_h1.MAIN_SITENAME}</div>
     <!-- END switch_h1 -->
     <!-- BEGIN switch_desc -->
     <p id="site-desc">{switch_desc.SITE_DESCRIPTION}</p>
     <!-- END switch_desc -->
     </div>
     <div id="submenu">
     <ul>
     <li class="clearfix">{GENERATED_NAV_BAR}</li>
     </ul>
     </div>
     <!-- BEGIN switch_user_logged_in -->
     <div id="userlinks" 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>
     <li class="last"><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
     </ul>
     <p>{LOGGED_AS}.</p>
     </div>
     <!-- END switch_user_logged_in -->
     <!-- BEGIN switch_user_logged_out -->
     <div id="userlinks" class="not-connected clearfix">
     <span class="guest">{L_NOT_CONNECTED}</span> <span>{L_LOGIN_REGISTER}</span>
     </div>
     <!-- END switch_user_logged_out -->
     <!-- BEGIN switch_ticker_new -->
     <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
     <div class="module borderwrap">
     <div class="box-content">
     <div id="fa_ticker_container">
     <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none">
     <!-- BEGIN ticker_row -->
     <li>{switch_ticker.ticker_row.ELEMENT}</li>
     <!-- END ticker_row -->
     </ul>
     </div>
     </div>
     </div>
     </div>
     <!-- END switch_ticker_new -->
     <!-- BEGIN switch_ticker -->
     <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
     <div class="module borderwrap">
     <div class="box-content">
     <div id="fa_ticker_container">
     <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
     <div class="fa_ticker_content">
     <!-- BEGIN ticker_row -->
     <div>{switch_ticker.ticker_row.ELEMENT}</div>
     <!-- END ticker_row -->
     </div>
     </div>
     </div>
     </div>
     </div>
     </div>
     <!-- END switch_ticker -->
     <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
     <div id="outer-wrapper">
     <div id="wrapper">
     <div id="container">
     <div id="content">
     <div id="main">
     <div id="main-content">

  • Tobby
    Uả mình làm như bạn và lưu lại rồi nó không hiện bạn?

  • Tobby
    Bị méo bác ơi :/
    http://www.upsieutoc.com/image/R4Fp2t

  • Admin
    @Tobby đã viết:Bị méo bác ơi :/
    http://www.upsieutoc.com/image/R4Fp2t

    Phiên bản ver Invision nhé/ của bạn đang làm punbb

  • Tobby
  • nkoxdl
    15. Re: [Skin] Chia sẻ skin VXF giống xenforo cho version Invision.
    avatar MEM LV2
    Thoát k đc

  • 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
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
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ả
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 :
154
Points :
238
Like :
26
Punbb
Status :
Rất vui khi được tham gia cùng HotroFM !
Xem lý lịch thành viên http://9fgame.forumvi.com/
Thông tin tác giả
avatar
MEM LV2
Bài viết :
68
Points :
135
Like :
19
Punbb
An toàn
Status :
Đời là bể khổ!
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ả
avatar
MEM LV1
Bài viết :
14
Points :
18
Like :
0
Punbb
Xem lý lịch thành viên
Thông tin tác giả
avatar
MEM LV1
Bài viết :
14
Points :
18
Like :
0
Punbb
Xem lý lịch thành viên
Thông tin tác giả
avatar
ACP
Bài viết :
329
Points :
636
Like :
106
Punbb
Quản trị
Status :
test
Xem lý lịch thành viên http://hotrofm.forumvi.com
Thông tin tác giả
avatar
MEM LV1
Bài viết :
14
Points :
18
Like :
0
Punbb
Xem lý lịch thành viên
Thông tin tác giả
avatar
MEM LV2
Bài viết :
68
Points :
135
Like :
19
Punbb
An toàn
Status :
Đời là bể khổ!
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