Diễn Đàn Hỗ Trợ FM

Diễn Đàn Hỗ Trợ FM


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

Kiwi
Kiwi
S-MOD
Bài viết : 288
Points : 596
Like : 158
Punbb
An toàn
Status : Đành vậy thế thôi

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

Bài gửi by Kiwi 30.08.16 15:17

Demo ảnh

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

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://2img.net/i/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 -->


Tags: #skin #invision


Được sửa bởi Titus ngày 30.08.16 15:33; sửa lần 1.
Kiwi
Kiwi
S-MOD
Bài viết : 288
Points : 596
Like : 158
Punbb
An toàn
Status : Đành vậy thế thôi

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

Bài gửi by Kiwi 30.08.16 15:19

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>
Kiwi
Kiwi
S-MOD
Bài viết : 288
Points : 596
Like : 158
Punbb
An toàn
Status : Đành vậy thế thôi

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

Bài gửi by Kiwi 30.08.16 15:23

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://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
 <div class="content">
 <p>
 {hitskin_preview.L_THEME_SITE_PREVIEW}
 <br />
 <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
 </p>
 </div>
</div>
<!-- END hitskin_preview -->
<!-- BEGIN switch_login_popup -->
<div id="login_popup" class="module borderwrap" style="z-index: 10000 !important;">
 <div id="login_popup_content">
 <div id="login_popup_background">
 <div id="login_popup_title" class="maintitle"><h3>{SITENAME}</h3></div>
 <div class="box-content">
 {LOGIN_POPUP_MSG}
 <div id="login_popup_buttons">
 <form action="{S_LOGIN_ACTION}" method="get" target="_parent">
 <input type="submit" class="button" value="{L_LOGIN}" />
 <input type="button" class="button" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
 <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
 </form>
 </div>
 </div>
 </div>
 </div>
</div>
<!-- END switch_login_popup -->
<div class="minwidth_IE">
 <div class="layout_IE">
 <div class="container_IE">
<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)
Kiwi
Kiwi
S-MOD
Bài viết : 288
Points : 596
Like : 158
Punbb
An toàn
Status : Đành vậy thế thôi

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

Bài gửi by Kiwi 30.08.16 15:25

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
Kiwi
Kiwi
S-MOD
Bài viết : 288
Points : 596
Like : 158
Punbb
An toàn
Status : Đành vậy thế thôi

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

Bài gửi by Kiwi 30.08.16 15:27

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
Giựt
MOD
Bài viết : 273
Points : 440
Like : 89
Punbb
Cẩn thận
Status : Giựt đẹp trai

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

Bài gửi by Giựt 30.08.16 15:51

Không thoát được [Skin] Chia sẻ skin VXF giống xenforo cho version Invision. 1f602


--Chữ ký--
Diễn đàn Kênh Game 360>> Smile
Kiwi
Kiwi
S-MOD
Bài viết : 288
Points : 596
Like : 158
Punbb
An toàn
Status : Đành vậy thế thôi

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

Bài gửi by Kiwi 30.08.16 15:58

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
dksFeed
MEM LV3
MEM LV3
Bài viết : 154
Points : 238
Like : 26
Punbb
Status : Rất vui khi được tham gia cùng HotroFM !

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

Bài gửi by dksFeed 14.11.16 20:57

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
nkoxdl
MEM LV2
MEM LV2
Bài viết : 68
Points : 135
Like : 19
Punbb
An toàn
Status : Đời là bể khổ!

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

Bài gửi by nkoxdl 14.11.16 21:21

bị lỗi nút thoát sửa lại là đẹp ^^! ý kiến cá nhân
Giựt
Giựt
MOD
Bài viết : 273
Points : 440
Like : 89
Punbb
Cẩn thận
Status : Giựt đẹp trai

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

Bài gửi by Giựt 14.11.16 21:25

@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://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
 <div class="content">
 <p>
 {hitskin_preview.L_THEME_SITE_PREVIEW}
 <br />
 <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
 </p>
 </div>
</div>
<!-- END hitskin_preview -->
<!-- BEGIN switch_login_popup -->
<div id="login_popup" class="module borderwrap" style="z-index: 10000 !important;">
 <div id="login_popup_content">
 <div id="login_popup_background">
 <div id="login_popup_title" class="maintitle"><h3>{SITENAME}</h3></div>
 <div class="box-content">
 {LOGIN_POPUP_MSG}
 <div id="login_popup_buttons">
 <form action="{S_LOGIN_ACTION}" method="get" target="_parent">
 <input type="submit" class="button" value="{L_LOGIN}" />
 <input type="button" class="button" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
 <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
 </form>
 </div>
 </div>
 </div>
 </div>
</div>
<!-- END switch_login_popup -->
<div class="minwidth_IE">
 <div class="layout_IE">
 <div class="container_IE">
<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
Tobby
MEM LV1
MEM LV1
Bài viết : 14
Points : 18
Like : 0
Punbb

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

Bài gửi by Tobby 01.12.16 17:26

Uả mình làm như bạn và lưu lại rồi nó không hiện bạn?
Tobby
Tobby
MEM LV1
MEM LV1
Bài viết : 14
Points : 18
Like : 0
Punbb

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

Bài gửi by Tobby 01.12.16 17:45

Bị méo bác ơi :/
http://www.upsieutoc.com/image/R4Fp2t
Admin
Admin
ACP
ACP
Bài viết : 405
Points : 783
Like : 115
Punbb
Quản trị
Status : test

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

Bài gửi by Admin 02.12.16 8:04

@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
Tobby
MEM LV1
MEM LV1
Bài viết : 14
Points : 18
Like : 0
Punbb

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

Bài gửi by Tobby 06.01.17 9:09

không thoát đc
nkoxdl
nkoxdl
MEM LV2
MEM LV2
Bài viết : 68
Points : 135
Like : 19
Punbb
An toàn
Status : Đời là bể khổ!

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

Bài gửi by nkoxdl 13.01.17 22:08

Thoát k đc

Sponsored content

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

Bài gửi by Sponsored content