Diễn Đàn Hỗ Trợ FM
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.


[Skin] skin Zone-FM phiên bản Invision

Tác giả: - vào lúc:
nkoxdl
Bài viết : 68
Points : 135
Like : 19
Punbb
An toàn
Status : Đời là bể khổ!
nkoxdlMEM LV2
9/30/2016, 09:43
#1
Demo 

[Skin] skin Zone-FM phiên bản Invision 110

[Skin] skin Zone-FM phiên bản Invision 310

chèn các Code sau vào 


CSS



Code:


#new-message-link,#profile-advanced-add br,#profile-advanced-right .module,.message-footer,.new-message.bottom {
  display:none;
}

#profile-advanced-add + .module,
#profile-advanced-right .module:first-child {
  border:0;
  display:block;
  height:240px;
  margin:0;
  overflow:hidden;
  position:relative;
  width:300px;
}

#profile-advanced-left {
  margin-left:300px;
  margin-right:0;
}

#profile-advanced-right {
  float:left;
  height:240px;
  overflow:hidden;
  position:relative;
  width:300px;
}

#profile-advanced-layout {
  background:#0F61A1;
  float:right;
  margin-bottom:30px;
  margin-left:-304px;
  margin-right:0;
  position:relative;
}

#profile-advanced-layout #new-message {
  left:1px;
  padding:0;
  position:absolute;
  top:240px;
}

#profile-advanced-layout ul.privmsg {
  min-height:220px;
  padding:0;
  width:300px;
}

#profile-advanced-layout ul.privmsg li {
  background:#FFF;
  color:inherit;
  display:block;
  float:none;
  height:44px;
  line-height:44px;
  width:300px;
}

#profile-advanced-layout ul.privmsg li div.tabitem {
  padding:0 20px;
}

#profile-advanced-layout ul.privmsg li a {
  background:#246FAF;
  color:#FFF;
  margin:0 -19px 0 -20px;
  padding:0 20px;
}

#profile-advanced-add + .module .box-content.profile,
#profile-advanced-right .module:first-child .box-content.profile {
  background:#0F61A1;
  font-family:a;
  font-size:0;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  height:210px;
  line-height:0;
}

#profile-advanced-details,
#profile-advanced-details .message-footer li,
#profile-advanced-layout ul.privmsg,
.posting-options {
  margin:0;
}

#profile-advanced-add {
  -webkit-transition:top .3s;
  background:#3498db;
  left:0;
  margin:0;
  padding:0;
  position:absolute;
  top:-30px;
  transition:top .3s;
  width:300px;
  z-index:50;
}

#profile-advanced-add a {
  background:#2ecc71 url(http://i39.servimg.com/u/f39/18/83/32/63/14085310.png) no-repeat center center;
  display:block;
  float:left;
  height:30px;
  left:0;
  overflow:hidden;
  position:absolute;
  text-align:left;
  text-indent:-9999px;
  top:0;
  width:150px;
}

#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;
  background-image:url(http://i39.servimg.com/u/f39/18/83/32/63/14085312.png);
  width:300px;
}

#profile-advanced-add a:hover {
  background-position:15px 50%;
  color:#FFF;
  left:0;
  line-height:30px;
  padding-left:50px;
  text-indent:0;
  width:300px;
  z-index:50;
}

#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;
  margin-bottom:8px;
  max-width:290px;
  padding:4px;
}

#profile-advanced-right .box-content.profile img {
  background:#FFF;
  padding:4px 75px;
}

#profile-advanced-right .module .maintitle {
  background:#0F61A1;
  height:30px;
  line-height:30px;
  padding:0 5px;
  text-align:center;
}

#profile-advanced-details .maintitle,
#profile-advanced-right .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 {
  height:30px;
  line-height:30px;
  padding:0 10px;
}

#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;
  border-left:1px solid #666;
  margin:10px 0 20px 60px;
  position:relative;
}

.message-text {
  padding:5px;
  white-space:pre-wrap;
  word-break:break-all;
  word-wrap:break-word;
}

.message-block:after,
.message-block:before {
  border-color:transparent #444 transparent transparent;
  border-style:solid;
  border-width:6px 8px 6px 0;
  content:"";
  display:block;
  height:0;
  left:-8px;
  position:absolute;
  top:8px;
  width:0;
}

.message-block:after {
  border-color:transparent #FFF transparent transparent;
  left:-6px;
}

.message-header {
  font-size:0;
  height:21px;
  line-height:13px;
}

.message-date {
  font-size:12px;
}

#profile-advanced-details .message-footer {
  background:#FFF;
  height:21px;
  padding:0;
  position:absolute;
  right:0;
  top:0;
}

#profile-advanced-details .message-footer li:after {
  content:initial;
}

#profile-advanced-details .message-footer li a {
  background:#2980b9;
  color:#FFF;
  display:inline-block;
  float:right;
  font-size:11px;
  height:20px;
  line-height:20px;
  margin-left:5px;
  margin-right:0;
  padding:0 7px;
  text-decoration:none;
}

.message-block:hover .message-footer {
  display:block;
}

.message-textarea {
  margin:0 0 0 8px;
  width:calc(100%-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 {
  padding:0;
  width:100%;
}

th.select-items {
  width:7%;
}

.posting-options + ul.privmsg {
  float:none;
  margin:5px 0 20px;
}

.posting-options + ul.privmsg li {
  height:100px;
  line-height:100px;
  margin:0;
  text-align:center;
  width:25%;
}

.posting-options + ul.privmsg li a {
  color:#FFF;
  display:block;
  height:100px;
  margin:-20px 0 0;
  padding:20px 0 0;
}

.posting-options + ul.privmsg li div.tabitem {
  background:url(http://i83.servimg.com/u/f83/16/58/89/73/read_m10.png) no-repeat center 20px #FFF;
  color:#444;
  height:100px;
  padding:20px 0 0;
}

.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-details .message-footer li a:hover,
#profile-advanced-layout ul.privmsg li a:hover,
.posting-options + ul.privmsg li div.tabitem a:hover {
  background-color:#444 !important;
}


span.icon-box img {
    background: #fff;
    width: 35px;
    height: 35px;
    border-radius: 0px;
    margin-left: -45px;
    margin-top: -23px;
    position: absolute;
}

.infolastpost {
  margin-top:3px!Important;
    font-size: 11px;
    color: #888;
}
.infopost {
    font-size: 12px;
    color: #888;
}



#new-message-link {
  margin-top:40px;
  float:right;
  margin-right:15px;
}

#new-message-link a {
  display:inline-block;
}

#new-message-link a:before {
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -moz-osx-font-smoothing:grayscale;
  content:"\f067";
}

#new-message-link a:after {
  content:"Viết Lên Tường";
  margin-left:3px;
}
#new-message-link a, #simple-wrap .center a, .btn, .button, .privmsg-footer a, .privmsg-options a, .zzPoll h3>a, [type=button], [type=submit], a[href="javascript:window.close();"] {
    padding: 6px 8px;
    margin: 2px 0;
    border-radius: 2px;
    display: inline-block;
    border: 1px solid transparent;
    background-color: #2196f3;
    color: #fff;
    box-shadow: 0 1px 0 rgba(255,255,255,.2) inset;
}

/*CHat*/
#chatbox{bottom:30px;left:211px!Important;line-height:10px;overflow:auto;position:absolute;right:0;top:30px}
#chatbox .msg>span[style="color:green"],#chatbox .msg>span[style="color:red"],#chatbox .msg>span[style="color:undefined"]{display:block;color:#fff!important;text-align:left;margin:-8px -4px!Important;padding:8px 16px!important;font-size:12px}
#chatbox .msg>span[style="color:undefined"]{background:rgba(231,119,0,0.51);text-align:center;color:rgb(238,16,16)!important;font-weight:bold;line-height:15px;text-shadow:0 0 1px rgba(255,255,255,0.54),0 0 18px rgba(255,255,255,0.54);border:2px dashed #DB360D;font-size:15px;margin-bottom:-5.5px!important}
#chatbox .msg>span[style="color:undefined"]:before{content:url(https://cdn2.iconfinder.com/data/icons/designer-tools/512/ERASER-2-24.png);position:absolute;top:2px;margin-top:0;margin-left:-34px;border:2px solid;border-radius:100px}
#chatbox .cb-avatar{background:none repeat scroll 0 0 #fff;border:1px solid #d5d5d5!important;box-shadow:0 2px 2px rgba(0,0,0,0.1);float:left;height:35px!Important;margin-right:4px;padding:1px;vertical-align:middle;width:35px!Important;border-radius:100%}
#chatbox .cb-avatar > img{border-radius:100px;height:35px!important;width:35px!important}
#chatbox .chatbox-message-username{font-size:11px}
#chatbox .user{color:#9c9b9b!important;font-size:0;position:relative;top:3px}
div#chatbox_members{width:200px;border-right:1px solid #e7e7e7;padding:0 5px;background:#fff;z-index:2;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#chatbox_header{position:absolute;height:50px;left:0;top:0;right:0;line-height:20px;padding:0 5px;background:rgba(255,255,255,0.26);color:transparent;margin-top:-2px}
#chatbox_option_co,#chatbox_option_disco,#chatbox_option_with_archives a,#chatbox_option_without_archives a,.chat-title{display:inline-block;text-indent:-9999px;margin:-5px 0;width:30px;height:30px;background:url(//i68.servimg.com/u/f68/19/38/83/61/chat6110.png) center center no-repeat #e7e7e7;border-radius:3px}
#chatbox_option_with_archives a{background-image:url(//i68.servimg.com/u/f68/19/38/83/61/archiv10.png);line-height:49px}
#chatbox_option_without_archives a{background-image:url(//i68.servimg.com/u/f68/19/38/83/61/three110.png);line-height:49px}
#chatbox_option_co{background-image:url(//i68.servimg.com/u/f68/19/38/83/61/power110.png);line-height:41px}
#chatbox_option_disco{background-image:url(//i68.servimg.com/u/f68/19/38/83/61/out10.png);line-height:41px}
#chatbox .msg>span[style="color:green"]{background:#33CC47;text-align:center}
#chatbox .msg>span[style="color:red"]{background:#39c;text-align:center}
span#chatbox_option_without_archives,span#chatbox_option_with_archives{font-size:0}
#chatbox .date-and-time{background:rgb(242,242,242);padding:3px 4px;border-radius:2px;color:#979ba0;font-size:11px;border:1px solid #c4c4c4;box-shadow:0 0 1px #DDD;opacity:0;transition:.2s}
#chatbox>p:hover .date-and-time{opacity:1}
#chatbox{background:white}
#chatbox > p{background:white;border:none!Important;margin:0}
div#chatbox_footer{background:white;border-top:1px solid #DDD;box-shadow:0 0 2px #ddd;z-index:9999999999999}
.chatbox::-webkit-scrollbar{display:none}
#divcolor,#divsmilies,#help-button,.format-message + label{transition:.2s;position:relative;right:360px;font-size:15px;padding:3px 4px;width:19px!important;line-height:22px!Important;border:1px solid #DDD!Important;height:20px!important;top:-2px;color:#333!important;background:white!Important}
.format-message:checked + label:hover{box-shadow:inset 0 2px 4px #2C789D,0 1px 2px rgba(67,166,223,0)!Important}
.format-message:checked + label{background:#39c!Important;color:white!Important;box-shadow:inset 0 2px 4px #2C789D,0 1px 2px rgba(67,166,223,0)!important;border:1px solid #39c!Important}
#divcolor:hover,#help-button:hover,.format-message + label:hover{background:#43A6DF!important;color:white!important;border-color:#43a6df!important;box-shadow:none!important}
#submit_button{display:inline-block!important;text-indent:-9999px;margin:5px 0!important;width:26px!important;height:26px!important;background:url(//i68.servimg.com/u/f68/19/38/83/61/upper110.png) center center no-repeat #2196f3!important;color:#fff!important;border:0!important;box-shadow:none!important;position:relative;top:-7px;margin-top:7px!Important}
input#submit_button:hover{opacity:.8;cursor:pointer}
input#message{position:relative;top:-7px;border-radius:4px;height:26px!important;background:white;box-sizing:border-box!important;border:1px solid #e7e7e7;box-shadow:0 1px 1px rgba(0,0,0,.075) inset;margin-right:10px}
div#divcolor,div#divsmilies{display:none}
h4.member-title.online,#chatbox_members .member-title{text-align:center;background:#f5f5f5!important;padding:5px;border-radius:3px;font-size:14px!Important;font-weight:bold;text-transform:uppercase;margin:5px 0;color:grey!important}
#chatbox .msg span[style="color:#000000"]{-webkit-font-smoothing:antialiased;font:300 13.5px/1.42857em Roboto,arial,sans-serif;padding-right:10px}

#gfooter {
    background-color: #F1F4F9;
    color: #fff;
    font-size: .8em;
    margin: 8px 0;
    padding: .5em;
    text-align: right;
}

#gfooter .footer-links {
    display: none !important;
}



/* View */
.post {
    background-color: #fff;
    border-bottom: 1px solid #e4e4e4;
}
.post-footer{display:inline}
.postprofile {
    float: left;
    margin-left: -18em;
    width: 13em!important;
}
.post-entry {
    margin-left: -5em;padding-top:10px;
}
.post .post-header {
    display: none !important;
}





#fa_toolbar {
    width: 80%;    margin: 0 auto;margin-top: -30px;
}
#fa_toolbar #fa_icon {
    display: inline-block !important;
    visibility: visible !important;
    background-repeat: no-repeat;
    background-image: url('http://i56.servimg.com/u/f56/18/59/49/93/home10.png')!important;
    background-size: 25px!important;
    width: 25px!important;
    height: 25px!important;
}

#fa_search #fa_textarea {
      display: none !important;
    text-indent: 30px !important;
    width: 230px;
    height: 23px;
    padding: 0px;
    border: 0px;
    margin-top: 3px!important;    border-radius: 0px!important;

}

#fa_share {

    display: none !important;
}

#fa_toolbar_hidden #fa_show {
    display: none !important;
}

#fa_toolbar #fa_magnifier, #fa_toolbar #fa_fb, #fa_toolbar #fa_twitter, #fa_toolbar #fa_gp, #fa_toolbar #fa_mail, #fa_toolbar #fa_rss, #fa_toolbar #fa_hide, #fa_toolbar_hidden #fa_show {
    display: none !important;
}

#fa_toolbar_hidden {
    display: none !important;
}


table.ipbtable td {
    padding: 10px;  padding-left: 5px; padding-right: 5px;
    vertical-align: top;border-bottom: 1px solid #e4e4e4;
}

table.ipbtable td.last-box {
    font-size: 11.5px;
}

.icon-box {
    font-style: italic;
    font-size: 12px;
    color: #666;
}


body {
    background1: #F1F4F9;
    background: #f5f7f8;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    padding: 0;line-height: 1.42857143;
}

a:link,a:active,a:visited {
    text-decoration: none;
    }
a:hover{
  text-decoration: none !important;
    }

#ipbwrapper {
    margin: 0 auto;
    width: 80%;
}


#pun-intro {
background: #2E3133;
padding-top: 10px;padding-bottom: 10px;
border-top: 0px solid #598f5b;
border-bottom: 0px solid #db7a25;
}

#pun-intro1 {
width: 80%;
margin: 0 auto;
}

div#logostrip img{
width: 250px;
height:65px;
margin-left:-15px;
}

div#logostrip{
 float:left;
}

.headright {
margin-top:20px;
}





.textlogo a{
font-size: 15px;
font-weight: bold;
 color: #f4f4f4;
    text-shadow: 1px 1px 1px #000000;

}





.footer {
height:130px;
background:#2E3133;
border-top:5px solid #2e3539;
}


.footer1 {
margin: 0 auto!important;
width: 80%!important;
}


.footer-right {
float:right;
width: 49%;
padding-top:20px;
}



.footer-left {
float:left;
width: 49%;
font-size: 15px;
color: #f0f0f0!important;
padding-top:20px;
}

.text-link a{
color: #f0f0f0!important;
font-size: 13px;
text-align:right;
}

.text-link {
margin-bottom:10px;
text-align:right;color: #f0f0f0;
}


.menufoo1 {
font-size: 13px;
color: #f0f0f0!important;
padding-top:15px;
}

.cat-footer1 {
color: #f0f0f0!important;
float:left;
margin-bottom:10px;
font-family: Segoe Print;
background: #ffffff;
font-size: 17px;
padding:10px;
border-radius: 5px!important;
}

.cat-footer2 {
color: #f0f0f0!important;
float:right;
margin-bottom:10px;
font-family: Segoe Print;
background: #ffffff;
font-size: 17px;
padding:10px;
border-radius: 5px!important;
}
/* Dropdown Button */


.dropbtn {
    color: #707070;
    padding: 0px;
    font-size: 13px;
    border: none;
    cursor: pointer;font-weight: bold;
}

/* The container  - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;margin-top:-20px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    width: 150px;
    border: 1px solid #e4e4e4;
    margin-top:5px; margin-left:-10px;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding:10px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #106FA6;color: #f9f9f9;}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}


.tileforum {
  font-family: 'Lobster', cursive;
  font-size: 20px;
  padding-left:10px;
  color: #598f5b;
}


.Login-Box {
float: right;background: #;
margin-top: -35px!important;
padding:10px;padding-right:0px!important;
}

.Login-Box ul {
list-style: none;
padding: 0;
margin: 0;
}

.Login-Box li {
float: left;
margin: 0;
padding: 0 3px;margin-bottom:5px!important;
}


.Login-Box a:hover {
color: #141414;background:#fff;
}


.loginLeft {
margin-top:5px!important;
float: right!important;
}
.notreg {
border-left: 0px solid #dddddd;
padding-left: 10px;
}

.input-login-thanhkent {
background:#FFF;
border: 0;
color: #333333;
padding: 0 5px;
font-size: 9pt;
width: 90px;
height: 20px;
line-height: 20px;
border: 1px solid #dddddd;
margin: -3px 3px 3px 3px;
border-radius: 1px;
}

.oklogin-thanhkent {
background:#106FA6;
border: 0;
color: #fff;
font-size: 9pt!important;
width1: 80px!important;
height: 22px!important;
line-height: 20px;
border: 0px solid #181818;
margin: 3px!important;margin-top: -3px!important;
border-radius: 3px;
font-weight:bold;
padding-top:1px!important;
}

.regfm {
  background-color: #3AAA00;
  font-size: 11px!important;color: #fff!important;text-shadow: 0px 0px 0px #000000!important;
font-weight: bold;padding:11px;padding-left:10px;padding-right:10px;border-radius:3px;
}



.rememberMe {color:#fff;}

div.sceditor-group {
border-radius: 0px!important;
background: #f0f0f0!important;
border: 1px outset #DDD!important;
display: inline-block;
margin: 1px 5px 1px 0;
padding: 1px;
}



.menunav1{    
  background: #ffffff;border-bottom: 1px solid #dbdbdb;
  background1: #106FA6;margin-top:0px;
  
}

.menunav{
    height: 35px;
    z-index: 12 !important;
    color: #fff !important;
width: 80%; margin:0 auto;border-radius: 0px 0px 0px 0px;
    padding-left:0px;
}
.menunav ul{display:block;height:30px;margin:0 auto;padding:0px 0 0;position:relative;z-index:14}
.menunav ul li{display:inline;height:30px;margin:0;text-align:left;}
.menunav ul li a{font-size: 12px;font-weight:bold;color:   rgb(113, 113, 113)!important;display:block;float:left;height:30px;padding:10px 10px 0;text-align:center;z-index:10}
.menunav span{display:block;height:23px!important;position:absolute;right:0;top:4px;width:95px}
.menunav span a,.menunav span a:hover{color: #fff !important;height:23px!important;padding:0!important}

.menunav ul li a:hover,.menunav ul li .active{border-bottom: 5px solid #246FAF!important;margin-top:0px;color:#000;display:block;height:20px;padding-top:10px;text-align:center;z-index:10}
.menunav ul a.ico_home,.menunav ul a.ico_home:hover{background-position:left -3183px;border-right:0px solid #fff;color:#EFEFEF;display:block;height:18px;margin:5px 3px 0 0;padding:5px 0 0!important;width:32px}


/*LATESTTOPIC*/
.Latest{color:#333;background-color:#fff;margin:auto auto 13px;-webkit-border-top-left-radius:0;-moz-border-radius-topleft:0;-khtml-border-top-left-radius:0;border-top-left-radius:0;-webkit-border-top-right-radius:0;-moz-border-radius-topright:0;-khtml-border-top-right-radius:0;border-top-right-radius:0;-webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomright:3px;-khtml-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomleft:3px;-khtml-border-bottom-left-radius:3px;border-bottom-left-radius:3px;font:13px/18px 'Roboto Condensed',sans-serif;height:100%}
.Latest.lasttab .usertabs{height:30px;padding:5px 0;border-bottom:1px solid #eff2f7;display:block;margin:auto 10px!important}
.Latest.lasttab ul.lastnavtab,.Latest.lasttab ul.lastnavtab2{height:30px}
.Latest.lasttab ul.lastnavtab > li,.Latest.lasttab ul.lastnavtab2 > li{border-bottom:none;float:left;position:relative;font-size:1.11em;margin:auto;border:0 solid #DDD;list-style-type:none;height:30px}
.Latest ul.lastnavtab > li.selected,.Latest ul.lastnavtab2 > li.selected{color:#000;background-color:#eff2f7}
.Latest.lasttab ul.lastnavtab > li.selected,.Latest.lasttab ul.lastnavtab2 > li.selected{height:30px}
.Latest ul.lastnavtab > li a,.Latest ul.lastnavtab2 > li a{font-size:14px;font-family:'Roboto',sans-serif;color:#246faf;text-decoration:none;margin:0;outline:none;display:block;line-height:30px;padding:0 15px;text-align:left}
.Latest.lasttab ul.lastnavtab > li a,.Latest.lasttab ul.lastnavtab2 > li a{cursor:pointer;line-height:30px;padding:0 15px}
.Latest .Lastcontent{padding:10px}
.Latest .Lastcontent ol.Lastcontentlist{counter-reset:numlist}
.Latest .Lastcontent ol.Lastcontentlist li{padding:0;border-top:1px solid #eff2f7;float:left;width:100%}
.Latest .Lastcontent ol.Lastcontentlist li:first-child{border-top:1px none black}
.Latest .itemContent{padding:4px 0;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;display:table;table-layout:fixed;word-wrap:normal;width:100%}
.Latest .itemContent:hover{background-color:#eff2f7;padding-right:6px;padding-left:6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;text-decoration:underline!important}
.Latest .itemContent .listBlock{display:table-cell;vertical-align:middle}
.Latest .itemContent .itemTitle{width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:65%}
.Latest .itemContent .itemDetail{width:150px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.Latest .itemContent .itemDetail,.BRMSContainer .itemContent .itemDetail a{color:#38445f;font-size:14px;text-align:right}
.Latest .itemContent .itemDetailName{text-align:right}
.Latest.lasttab{position:relative;width:100%;float:right}
.Latest.lasttab2{position:absolute;margin-left:-325px;top:0;width:37%}
.Latest.lasttab2 .itemContent .itemDetail{width:40px}
.after_view::after{content:" Views"}
.after_rep::after{content:" Replies"}

/* 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 #F1F4F9;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:#F1F4F9;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:#F1F4F9;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}

/* 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:#;padding:5px 4px;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}


.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;
}



/* Quote - Spoiler - Hide - Code */
blockquote cite,.codebox dt{font-size:13px;padding:8px;border-bottom:2px solid #FFF;background-color:#F1F4F9;background-image:none}
blockquote,.codebox dd{background-color:#F1F4F9;border:0 none;margin:0}
dl.codebox{max-width:1000px;margin:0}
.spoiler dt{cursor:pointer;padding:8px;border-bottom:2px solid #FFF;background-color:#F1F4F9;background-image:none;font-size:13px}
.spoiler{border:0 none;margin:0}
/* Post */
div.sceditor-toolbar{background:#F1F4F9 !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:#F1F4F9!important;border-radius:3px;color:#1062A1}
div.pagination{color:#fff;background:#fff;}
div.pagination a.goto:hover,div.pagination a:hover{background-color:#F1F4F9!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:#2a76c7;border:1px solid #2a76c7;color:#fff!important;font-family:sans-serif;border-radius:2px;display:inline-block;padding:2px 13px;margin-right:3px;}
.vote-plus:hover{border-color:#6A9AD6}
  .vote-plus[href="javascript:;"]{color:#666!important;background-color:#f6f6f6;cursor:no-drop;border-color:#ccc}
.vote-time{position:relative;border-radius:0px;display:inline-block;border:1px solid #e4e4e4;margin:auto 5px;padding:3px;padding-left:5px;padding-right:5px;}
.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:6px}
.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:7px}
.vote-minus{margin-left:20px;color:#666!important}
.vote-minus:hover{color:red!important}
.vote-minus[href="javascript:;"]{color:#C5C5C5!important;cursor:no-drop}

/* 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}


table.ipbtable span.status {
    margin-top: 3px;
}

.lastpost-avatar img {
    border-radius: 50%;
    height: 35px;
    width: 35px;margin-right:3px;    border: 1px solid #F1F4F9;
}
.avabox img {
    border-radius: 50%;
    height: 40px!important;
    width: 40px!important;margin-right:3px;    border: 1px solid #F1F4F9;
}
div.maintitle{color:#FFF;font-weight:500;background-color:#246FAF;padding:10px;border-top-left-radius:0px;border-top-right-radius:0px;min-height:6px}
.row1,.row2{background:#fff !important;border-bottom:1px solid #e4e4e4!important;vertical-align:middle !important}
table.ipbtable td.icon{width:73%;}
.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:#F1F4F9 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}




div.errorwrap h4, div.infowrap h4 {
    background-color: #fff;
    border-bottom: 1px solid #e4e4e4;
    color: #454545;
    font-size: 12px;
    font-weight: 700;
    padding: 5px;
}
div.errorwrap, div.infowrap {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    margin: 0 5px 5px;
}

.ipbform fieldset {
    border: 1px solid #e4e4e4;
    margin: .5em;
    padding: 0 1em 1em;
}
.box-content {
    background-color: #fff;
    border-bottom: 0px solid #2a76c7;
}


Index_body




Code:


{JAVASCRIPT}

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


          <div class="Latest lasttab">
    <div class="usertabs">
        <ul class="lastnavtab">
          <li class="tabsli selected"><span><a>Bài viết mới</a></span></li>
          
        </ul>
    </div>
            <!-- BEGIN giefmod_index1 -->
            {giefmod_index1.MODVAR}
            <!-- END giefmod_index1 -->
</div>
<br/>



<!-- 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="20%" 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" 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">
  
  <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="/" title="">Text Link</a><br/>
      + <a href="/" title="">Text Link</a><br/>
      + <a href="/" title="">Text Link</a><br/>
      + <a href="/" title="">Text Link</a><br/>
      + <a href="/" title="">Text Link</a><br/>
<span style="color: red;">+ Liên hệ quảng cáo 0129.5971.351</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 -->
nkoxdl
Bài viết : 68
Points : 135
Like : 19
Punbb
An toàn
Status : Đời là bể khổ!
nkoxdlMEM LV2
9/30/2016, 09:44
#2
Index_box



Code:


<!-- 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="tcl" style="padding-top:15px;padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left:55px;">
<span class="status" style="margin-top:-5px;margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -50px;">
  <span style="padding-left:5px; ">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                      </span>
                  </span>
                                            <span>
    <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle" ><b>{catrow.forumrow.FORUM_NAME}</b></a>
                </span>
                    <br/>

                    <span class="icon-box">{catrow.forumrow.FORUM_DESC}</span>
                    <!-- BEGIN switch_moderators_links -->
                    <br />

                    <!-- END switch_moderators_links -->
                      <div id="smallrum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
                  

                
  <td class="tc2" style="padding-right:15px;font-size: 12px;border-left: 0px solid #e4e4e4;color: #5e5e5e;padding-top:15px;
                font-size: 11px;font-family: "Times New Roman",Times,serif;">
                                                  

                        <span style="float:right;">Bài viết : {catrow.forumrow.POSTS} </span>
                                      <br/>
                                                  <span style="float:right;">
                                                  Chủ đề : {catrow.forumrow.TOPICS}

                                          </span>
                                          </td>
<td class="last-box" style="border-left:none;padding-right: 10px;width:230px;">
                                              <div class="">
                                                <!-- BEGIN avatar -->
                            <span class="lastpost-avatar avabox">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->
                    <span>
                    <!-- BEGIN switch_topic_title -->

                    <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                    <!-- END switch_topic_title -->
                  {catrow.forumrow.USER_LAST_POST}

                    </span>
                                                </div>
                  </td>
            </tr>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
         </tbody>
      </table>
      </div>
      <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>
 </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 -->
nkoxdl
Bài viết : 68
Points : 135
Like : 19
Punbb
An toàn
Status : Đời là bể khổ!
nkoxdlMEM LV2
9/30/2016, 09:44
#3
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>

    <div class="footer">
                                          
                                        <div class="footer1">            
                                          
                                          
                                          
                                          
            
            <div class="footer-right">    
                                
                                                <div style="float:right">
              
                                    <br/>
                                                        <div class="text-link">
Community Forum Powered by Forumotion
              </div>
                                                  
              <div class="text-link">
                
                <span style="float:right">
              <a href='/abuse?page=%2F&report=1'>Report an abuse</a>
              </span>
                
                <span style="float:right;padding-right:5px;">
              <a href='/contact'> Contact |</a>
              </span>
                
                <span style="float:right;padding-right:5px;">
              <a href='http://help.forumotion.com/'>  Free forum support | </a>
              </span>
                
                <span style="float:right;padding-right:5px;">
              <a href='http://www.forumotion.com/invision'> Invision | </a>
              </span>
                
                <span style="float:right;padding-right:5px;">
              <a href='http://www.forumotion.com/'> Free forum | </a>
              </span>
                
              </div>
              
            
                                                  
                                                                                    </div>
              
              
              
                                                                            </div>  
              
              
              

                                          
                                          
                                  
                                          
                                          
                                          
                                          
                            <div class="footer-left">    
                          
                                  

                            
                    <div class="menufoo1">
                                    
Website đang hoạt động thử nghiệm , Chờ giấy phép
                      <br/>
                      Thems Design By <font style="color:red;"><a  style="color:red;" href='http://zone-fm.forumvi.com/' > Thànhkent</a></font>
                                    <br/>

                                    
                          Coppyright © 2016 :<font style="color:green;"><a  style="color:yellow;" href='http://zone-fm.forumvi.com/' > Zone-FM</a></font>
                                    
                                    <br/>

                                    
                                    
Liên Hệ Facebook : 
                    <a href='https://www.facebook.com/thanh.kent.113'>                
 <img alt='demo' border='0' src='http://2.bp.blogspot.com/-RH6_lgt8WK0/U8_FnDbMbpI/AAAAAAAAAt4/H8OEDB5_htQ/s1600/facebook-icon.png' style='width:10px;height:10px;margin-left: 10px;'/>
                                  </a>                        
                                    
          <br/>

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

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

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

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

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

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


Overall_header




Code:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB} {NAMESPACE_FB_LIKE} {NAMESPACE_BBCODE}>
<head>
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   <!-- BEGIN switch_compat_meta -->
   <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
   <!-- END switch_compat_meta -->
   <!-- BEGIN switch_canonical_url -->
   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
   <!-- END switch_canonical_url -->
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
   {T_HEAD_STYLESHEET}
   {CSS}
  <link 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>
    {RICH_SNIPPET_GOOGLE}

   <!-- 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>
    <script type="text/javascript">
/* When the user clicks on the button, 
toggle between hiding and showing the dropdown content */
function myFunction() {
    document.getElementById("myDropdown").classList.toggle("show");
}

// Close the dropdown menu if the user clicks outside of it
window.onclick = function(event) {
  if (!event.target.matches('.dropbtn')) {

    var dropdowns = document.getElementsByClassName("dropdown-content");
    var i;
    for (i = 0; i < dropdowns.length; i++) {
      var openDropdown = dropdowns[i];
      if (openDropdown.classList.contains('show')) {
        openDropdown.classList.remove('show');
      }
    }
  }
}
   </script>

<script src="http://zone-fm.forumvi.com/25298.js" type="text/javascript"></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}
    <script type="text/javascript">
//<![CDATA[
if(typeof(_userdata) == "undefined") var _userdata = new Object();
_lang["Share"] = "Chia sẻ";
_lang["Login"] = "Đăng nhập";
_lang["Register"] = "Đăng ký";
_lang["Welcome"] = "Xin chào";
_lang["Notifications"] = "Thông báo";
_lang["See_my_profile"] = "Xem lý Lịch";
_lang["Edit_profile"] = "Thay đổi lý lịch của bạn";
_lang["All_Topics"] = "Tất cả chủ đề";
_lang["All_Messages"] = "Tất cả tin nhắn";
_lang["js_topics_followed"] = "Bài viết đang theo dõi";
_lang["Admin_panel"] = "Bảng điều khiển quản trị";
_lang["Logout"] = "Thoát";

_lang["Notif_see_all"] = "Xem tất cả các thông báo.";
_lang["Notif_priv_msg"] = "Bạn nhận được một <a href=\"/privmsg?folder=inbox&amp;nid=%(nid)s\">tin nhắn riêng</a> từ <a href=\"/u%(id)d\">%(name)s</a>.";
_lang["Notif_report"] = "<a href=\"/u%(id)d\">%(name)s</a> đã gửi một <a href=\"/report?nid=%(nid)s\">tin báo cáo</a>.";
_lang["Notif_friend_req"] = "Bạn nhận được một <a href=\"/profile?mode=editprofile&amp;nid=%(nid)s&amp;page_profil=friendsfoes\">yêu cầu kết bạn</a> từ <a href=\"/u%(id)d\">%(name)s</a>.";
_lang["Notif_group_req"] = "<a href=\"/u%(id)d\">%(name)s</a> đã gửi một yêu cầu tham gia nhóm <a href=\"/g%(group_id)d-%(group_url_name)s?nid=%(nid)s\">%(group_name)s</a>.";
_lang["Notif_friend_con"] = "<a href=\"/u%(id)d\">%(name)s</a> đã đăng nhập";
_lang["Notif_wall_msg"] = "<a href=\"/u%(id)d\">%(name)s</a> vừa viết một tin nhắn lên <a href=\"/u%(self)dwall?nid=%(nid)s\">tường nhà bạn</a>.";
_lang["Notif_abuse"] = "<a href=\"/admin/index.forum?mode=active&amp;nid=%(nid)s&amp;part=misc&amp;sub=support\">Một tố cáo</a> đã được gửi.";
_lang["Notif_topic_watch"] = "<a href=\"/u%(id)d\">%(name)s</a> đã gửi bài <a href=\"/t%(topic_id)d-%(topic_name)s?nid=%(nid)s#%(post_id)d\">vào bài viết bạn đang theo dõi</a>.";
_lang["Notif_topic_watch_p"] = "<a href=\"/u%(id)d\">%(name)s</a> đã gửi bài <a href=\"/t%(topic_id)dp%(start)d-%(topic_name)s?nid=%(nid)s#%(post_id)d\">vào bài viết bạn đang theo dõi</a>.";
_lang["Notif_topic_watch_guest"] = "Có một khách đã gửi bài <a href=\"/t%(topic_id)d-%(topic_name)s?nid=%(nid)s#%(post_id)d\">vào bài viết bạn đang theo dõi</a>.";
_lang["Notif_topic_watch_p_guest"] = "Có một khách đã gửi bài <a href=\"/t%(topic_id)dp%(start)d-%(topic_name)s?nid=%(nid)s#%(post_id)d\">vào bài viết bạn đang theo dõi</a>.";
_lang["Notif_mention"] = "Tên bạn là <a href=\"/u%(id)d\">%(name)s</a> được nhắc trong <a href=\"/t%(topic_id)dp%(start)d-%(topic_name)s?nid=%(nid)s#%(post_id)d\">bài viết này</a>.";
_lang["Notif_hashtag"] = "Từ khóa <a href=\"/tags/%(tag)s\">#%(tag)s</a> được ghi vào <a href=\"/t%(topic_id)dp%(start)d-%(topic_name)s?nid=%(nid)s#%(post_id)d\">bài viết này</a>.";
_lang["All_PMs"] = "Tin nhắn riêng";
_lang["No_assigned_rank"] ="Không có chỉ định cấp bậc đặc biệt.";
_lang["Posts"] = "Số bài";
_lang["PMs"] = "Tin nhắn riêng";
_lang["Reputation"] ="Được cảm ơn";
  
if(typeof(_board) == "undefined") var _board = new Object();
_board["Forumotion"] = "";
_board["toolbar_title_url"] = "http://" + location.host;
//]]>
</script>
   <!-- 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="pun-intro" class="clearfix">
                                          

              <div id="pun-intro1" class="">
                          
                          <div class="textlogo">
                            
                          <div id="logostrip" class="clearfix">
               <a href="{U_INDEX}" id="logo" title="{L_INDEX}"><img src="{LOGO}" alt="{L_INDEX}" /></a>
               
            </div>

                            
                                      <span style="float:right;" class="headright">

<form style="float:right;" action="/search?mode=results" method="get" name="searchform" class="frm-form">
              <input id="timkiem" type="text" name="search_keywords" style="border: 0px solid #464646;margin-top: -3px;margin-left: 10px;font: 12px Tahoma, Calibri, Verdana, Geneva, sans-serif;background:#fff url(http://i35.servimg.com/u/f35/17/75/86/58/search10.png) no-repeat right;width:250px;color: rgb(113, 113, 113)!important;padding-right:25px !important;padding: 10px;padding-left: 10px;" id="query" name="submit" placeholder="Nhập từ khoá tìm kiếm..." value="" lang="en">
                </form>
              </span>    
                        
                                        
                                        
                            <!-- BEGIN switch_user_logged_out -->
<span style="float:right;margin-top:27px;">
  <a href="/register?agreed=true&step=2" class="regfm">
Đăng Ký
                            </a>
                              </span> 
  <!-- END switch_user_logged_out -->
                                        
                                        
          </div>
                                          
                          
                                          
                                          
 


        
                                          
                                          
                                          
                                      
                          
                          </div>

                              </div>
                                    
                  
                          
                          
                                        
                                                            <div class="menunav1">  
                          <div class="menunav">
<ul>
  

  <li class="last"><a rel="nofollow" href="/forum" title="Forum">Diễn Đàn</a></li>
  <li class="last1"><a rel="nofollow" href="/memberlist" title="Member">Thành Viên</a></li>
  <li class="last1"><a rel="nofollow" href="/faq" title="FAQ">Trợ Giúp</a></li>

  

    
  

  

</ul>
                    
<ul class="clickprofile" style="float:right;"> 
  
  
  
  
  <!-- BEGIN switch_user_logged_in --> 
                            <div class="dropdown">

  <a onclick="myFunction()" class="dropbtn">Tùy Chỉnh Cá Nhân ▼</a>
  </div> 
  <div id="myDropdown" class="dropdown-content">
    <a href="/profile?mode=editprofile">Thông Tin Cá Nhân</a>
    <a href="/profile?mode=editprofile&page_profil=preferences">Tùy Chọn Riêng Tư</a>
    <a href="/profile?mode=editprofile&page_profil=avatars">Thay Ảnh Đại Diện</a>
    <a href="/search?search_id=egosearch">Bài Viết Của Bạn</a>
    <a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>
    <a href="/login?logout">Đăng Xuất</a>
  </div>
                        <!-- END switch_user_logged_in -->
  
  
  <!-- BEGIN switch_user_logged_out --> 
                              <div class="Login-Box">
  
            
      <div class="loginLeft">
                  
                          <form action="/login" method="post" name="form_login">
                

        <li class="inputPad"><div class="loginBoxInput">
        <input type="text" class="input-login-thanhkent" id="loginUsername"  name="username" alt="Tài Khoản" value="Tài Khoản" onblur="if (this.value == '') {this.value = 'Tài Khoản';}" onfocus="if (this.value == 'Tài Khoản') {this.value = '';}" /> 
                          </div></li>
        <li class="inputPad"><div class="loginBoxInput">

        <input type="password" class="input-login-thanhkent" size="10" name="password" alt="Mật khẩu" value="Mật khẩu" onblur="if (this.value == '') {this.value = 'Mật khẩu';}" onfocus="if (this.value == 'Mật khẩu') {this.value = '';}"/> 
                          </div></li>
        <li class="rememberMe"><label for="cb_cookieuser_navbar"><input type="checkbox" class="radio" name="autologin" checked="checked" /></label></li>
        <li class="searchButton"><input type="submit" class="oklogin-thanhkent" name="login" value="Đăng nhập" /></li>

                    <!-- END switch_user_logged_out -->
          
                                        </form>
  
  </div></div>
  
</ul>

                            
                            
                            
</div></div>
                      
                    
         <div id="ipbwrapper">

            <a id="top" name="top" accesskey="t"></a>

            
            
                          
                            
                          
                          
                          
                              
            <!-- 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">
nkoxdl
Bài viết : 68
Points : 135
Like : 19
Punbb
An toàn
Status : Đời là bể khổ!
nkoxdlMEM LV2
9/30/2016, 09:45
#4
Topics_list_box



Code:


<!-- BEGIN topics_list_box -->
   <!-- BEGIN row -->
      <!-- BEGIN header_table -->
         <!-- BEGIN multi_selection -->
            <script type="text/javascript">
               //<![CDATA[
               function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}()
               {
                  var all_checked = true;
                  for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++)
                  {
                     if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
                     {
                        all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
                     }
                  }
                  document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
               }
               function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}()
               {
                  for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++)
                  {
                     if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
                     {
                        document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
                     }
                  }
               }
               //]]>
            </script>
         <!-- END multi_selection -->

         <div class="maintitle floated dropped">
            <h3>{FORUM_NAME}&nbsp;</h3>

            <!-- BEGIN switch_forum_options -->
               <div id="forummenu-options" class="popmenubutton">
                  <a href="javascript:void(0);" onclick="togglePopUpMenu('forummenu-options_menu');">{L_FORUM_OPTIONS}</a>
               </div>
               <ul id="forummenu-options_menu" class="popupmenu" style="position: absolute; top: 30px; right: 8px; z-index: 10000; display: none;">
                  <li class="popupmenu-category">
                     {L_FORUM_OPTIONS}
                  </li>
                  <li class="popupmenu-item">
                     <a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a>
                  </li>
                  <li class="popupmenu-item last">
                     {S_WATCH_FORUM}
                  </li>
               </ul>
            <!-- END switch_forum_options -->

         </div>

         <table cellspacing="0" cellpadding="0" class="ipbtable topic-list-box">
            <thead>
               <tr>
                  <th class="icon"></th>
                  <th class="forum2">{topics_list_box.row.L_TITLE}</th>
                  <th class="last last-post2">{topics_list_box.row.L_LASTPOST}</th>
                  <!-- BEGIN multi_selection -->
                     <th>
                        <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
                     </th>
                  <!-- END multi_selection -->
               </tr>
            </thead>
            <tbody>
      <!-- END header_table -->

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

      <!-- BEGIN topic -->
         <!-- BEGIN table_sticky -->
            </tbody>
         </table>


         <div class="maintitle">
            <h2>{topics_list_box.row.topic.table_sticky.L_TITLE}</h2>
         </div>
         <table cellspacing="0" cellpadding="0" class="ipbtable topic-list-box">
            <thead>
               <tr>
                  <th class="icon"></th>
                  <th class="forum2">{topics_list_box.row.topic.table_sticky.L_TITLE}</th>
                  <th class="last last-post2">{topics_list_box.row.topic.table_sticky.L_LASTPOST}</th>
                  <!-- BEGIN multi_selection -->
                     <th class="checkbox">
                        <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
                     </th>
                  <!-- END multi_selection -->
               </tr>
            </thead>
            <tbody>
         <!-- END table_sticky -->
               <tr>
<td class="row2 centered">
  <span style="margin-left:3px;">
  <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
  </span>
  </td>

                                          
                  <td style="padding-top:13px!Important;" class="row2 topic-title" data-type="{topics_list_box.row.TOPIC_TYPE}" <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
                     <!-- BEGIN single_selection -->
                        <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
                     <!-- END single_selection -->

                  
                     <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>&nbsp;
{topics_list_box.row.GOTO_PAGE_NEW}
                                                  
<p>
  {topics_list_box.row.ICON}<span class="infopost">Tác giả : {topics_list_box.row.TOPIC_AUTHOR}</span><span class="infopost"> Gửi lúc : {topics_list_box.row.FIRST_POST_TIME}</span>
  <span class="infopost"> Trả lời : {topics_list_box.row.REPLIES}</span><span class="infopost"> Lượt xem : {topics_list_box.row.VIEWS}</span>
</p>
                  </td>
                                          
                                          
                                          
                  <td class="row1 lastaction <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">

                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->
<div class="infolastpost">
                     Gửi Lúc : <span class="postcuoi">{topics_list_box.row.LAST_POST_TIME}
                     <br />Bởi : {topics_list_box.row.LAST_POST_AUTHOR} 
                                                  </span>
  
  </div>
                  </td>
                  <!-- BEGIN multi_selection -->
                     <td class="row2 centered <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
                        <input type="checkbox" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
                     </td>
                  <!-- END multi_selection -->
               </tr>
      <!-- END topic -->

      <!-- BEGIN no_topics -->
               <tr>
                  <td class="row1 centered" colspan="8"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
               </tr>
      <!-- END no_topics -->

      <!-- BEGIN bottom -->
            </tbody>
         </table>

         <div class="tfooter box-content darkrow clearfix">
            <!-- BEGIN search -->
               <div class="search-footer-box">
                  <form method="get" id="forum-search" action="{S_SEARCHBOX_ACTION}">
                     <fieldset>
                        <input type="text" name="search_keywords" id="search_keywords" size="20" value="{L_SEARCH}" onclick="if (this.value == '{L_SEARCH}') this.value = '';" onblur="if (this.value == '') this.value = '{L_SEARCH}';" />
                        &nbsp;<input class="button" type="submit" value="{L_SEARCH}" />
                        <input type="hidden" value="{SEARCH_WHERE}" name="search_where" />
                     </fieldset>
                  </form>
               </div>
            <!-- END search -->
         </div>
      <!-- END bottom -->

      <!-- BEGIN spacer -->
         <br />
      <!-- END spacer -->
   <!-- END row -->
<!-- END topics_list_box -->
<script type="text/javascript">//<![CDATA[
$(".topic-desc").replaceWith(function() {var textSrc = $(this).text();if(!/^https?:\/\/(?:[\w\-]+\.)+\w{2,6}(?:\/[^\/#?]+)+\.(?:jpg|gif|png|bmp|jpeg)$/i.test(textSrc)) {textSrc = "http://i78.servimg.com/u/f78/17/70/81/78/inet-n10.jpg"}return '<div style="background-image:url(' + textSrc + ');" class="topicthumbnail"></div>';});//]]></script>


Viewforum_body




Code:


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

<div class="pagination topic-options">
   {PAGINATION}
</div>

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

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

<div class="borderwrap">
   {TOPICS_LIST_BOX}
</div>

<div class="pagination topic-options">
   {PAGINATION}
</div>

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

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

{BOARD_INDEX}

<div class="borderwrap">
   <div class="bar clearfix">
      <div class="left rtl-inversion-left">
         <strong>{L_MODERATOR}</strong> <br />{MODERATORS}
      </div>
      <div class="right rtl-inversion-right">
         {L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}
      </div>
   </div>
</div>

<div id="info_open" style="display:''; clear: both">

</div>


Viewtopic_body




Code:


<style>
  .datepost {
font-size: 10px;color:#888;

  }
 .avapost img {height: 100px;width: 100px;border-radius: 50%;}
  
  .pro51 {
    background:#ededed;
    border: 0px solid #DDD;margin-top:8px;margin-bottom:1px;margin-left:15px;margin-right:15px;padding-top:10px;padding-bottom:10px;
 
  }
  .pro52 {
    background:#ededed;
    border: 0px solid #DDD;margin:10px;margin-top:0px;margin-left:15px;margin-right:15px;padding-top:10px;padding-bottom:10px;
 
  }
  
</style>
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){

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

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

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

//]]>
</script>

<ul id="navstrip" class="clearfix">
   <li class="begin"><a href="{U_INDEX}"><span>{L_INDEX}</span></a></li>
   {NAV_CAT_DESC}
</ul>

<!-- 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">
   <div class="maintitle floated">
      <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>
   {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>

      <center>
                  

                        <div class="pro51">
                  <div class="avapost">
                     {postrow.displayed.POSTER_AVATAR}
                                              
                                                  </div>
                                        </div>
                  
                              <div class="pro52"> 
                     {postrow.displayed.POSTER_NAME}
                                <br/>
      
            {postrow.displayed.POSTER_RANK_NEW}
                     <!-- BEGIN profile_field -->
                     {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                     <!-- END profile_field -->
                     {postrow.displayed.POSTER_RPG}
   
                                    </div> 

                            
    </center>
        
            </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>
                          

         </div>

         <div class="post-entry">
<span style="float:right;" class="datepost">              
                
 {postrow.displayed.POST_DATE_NEW}

      
  

    
    </span>
   <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}
                          <br/><br/>
                          <!-- BEGIN switch_signature -->
         <br />
{postrow.displayed.SIGNATURE_NEW}
         <!-- END switch_signature -->
                          
         </div>


         

      </div>

   </div>

      <div class="post-footer clearfix"{postrow.displayed.THANK_BGCOLOR}>

                  

                  
                  


                  
         <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.THANK_IMG}</li>
            <li>{postrow.displayed.MULTIQUOTE_IMG}</li>
            <li>{postrow.displayed.QUOTE_IMG}</li>
            <li>{postrow.displayed.EDIT_IMG}</li>
            <li>{postrow.displayed.DELETE_IMG}</li>
         </ul>
                  
 
                  
                  
      </div>
   </div> <!-- closing tag post -->
   <!-- END displayed -->
   <!-- END postrow -->
   <div class="topic-footer clearfix">
      <!-- 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="next-prev">
         « <a href="{U_VIEW_OLDER_TOPIC}">{L_IPB_PREVIOUS_TOPIC}</a> · <a href="{U_VIEW_NEWER_TOPIC}">{L_IPB_NEXT_TOPIC}</a> »
      </div>
   </div>
</div>

<!-- BEGIN viewtopic_bottom -->
<br />
<div class="borderwrap">
   <div class="bar clearfix">
      <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="right rtl-inversion-right">
         {L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}
      </div>
   </div>
</div>
<!-- END viewtopic_bottom -->

<!-- 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 -->
         »&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 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()"), $.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 src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>


Nguồn: 
zone-fm
huyvip83
Bài viết : 236
Points : 384
Like : 66
Punbb
Cẩn thận
huyvip83MEM LV3
10/1/2016, 12:52
#5
Zone-FM có nhiều Style phết nhỉ nhưng chưa thấy có Style là Style chính nhỉ
Thànhkent
Bài viết : 23
Points : 32
Like : 5
Punbb
An toàn
ThànhkentMEM LV1
10/1/2016, 13:28
#6
Khủng Bố đã viết:
Zone-FM có nhiều Style phết nhỉ nhưng chưa thấy có Style là Style chính nhỉ


#Thathu Thế nào là Style chính =]] cái cộng động Forumvi này toàn là đi lấy skin ở mã nguồn khác rồi rip về :v skin của tôi thì không giống :v bạn pro quá rồi Smile
nkoxdl
Bài viết : 68
Points : 135
Like : 19
Punbb
An toàn
Status : Đời là bể khổ!
nkoxdlMEM LV2
10/1/2016, 13:30
#7
thánh khủng bố đã vào phán r à Smile
vanthong
Bài viết : 1
Points : 1
Like : 0
Punbb
An toàn
vanthongMEM
10/16/2016, 09:54
#8
Mình làm theo hướng dẫn nhưng bị lỗi phần này. Ai giúp mình với.
[Skin] skin Zone-FM phiên bản Invision C6vFLo8
Thànhkent
Bài viết : 23
Points : 32
Like : 5
Punbb
An toàn
ThànhkentMEM LV1
10/16/2016, 10:42
#9
vanthong đã viết:
Mình làm theo hướng dẫn nhưng bị lỗi phần này. Ai giúp mình với.
[Skin] skin Zone-FM phiên bản Invision C6vFLo8


Forum bạn đang dùng là phiên bản phpbb nhé Very Happy bạn phải chuyển qua phiên bản Invision mới dùng được
dksFeed
Bài viết : 154
Points : 238
Like : 26
Punbb
Status : Rất vui khi được tham gia cùng HotroFM !
dksFeedMEM LV3
11/7/2016, 21:39
#10
=3
tonyhoaivu
Bài viết : 124
Points : 280
Like : 8
Punbb
Cẩn thận
tonyhoaivuMEM LV3
12/18/2016, 01:30
#11
Admin xem giúp làm xong nhưvậy luôn
tonyhoaivu
Bài viết : 124
Points : 280
Like : 8
Punbb
Cẩn thận
tonyhoaivuMEM LV3
12/18/2016, 01:31
#12
http://phanriclub.bforum.biz/forum
dksFeed
Bài viết : 154
Points : 238
Like : 26
Punbb
Status : Rất vui khi được tham gia cùng HotroFM !
dksFeedMEM LV3
12/18/2016, 12:16
#13
tonyhoaivu đã viết:
http://phanriclub.bforum.biz/forum

Forum đẹp phết :3
tonyhoaivu
Bài viết : 124
Points : 280
Like : 8
Punbb
Cẩn thận
tonyhoaivuMEM LV3
12/18/2016, 18:35
#14
chọc quê nhau rồi
dksFeed
Bài viết : 154
Points : 238
Like : 26
Punbb
Status : Rất vui khi được tham gia cùng HotroFM !
dksFeedMEM LV3
12/18/2016, 18:39
#15
tonyhoaivu đã viết:
chọc quê nhau rồi

Đẹp thiệt mà @@
Sponsored content
#16