[Skin] Lời Trái Tim

tình hình là nhiều người muốn cái skin Lời Trái Tim - LTT
mờ tại k chịu úp ảnh hoặc k biết úp ảnh... hehe
nên hôm ni mình lôi cổ cái LTT ra nì.
cái bản ni là my chôm bên c3z của trùm Việt K á.
hiện thời thì bản sd hiện hồn đó
nhưng để sử dụng lâu dài thì phải úp lại ảnh nghen.
không thui photobucket... điên là rum bạn die áh. hehe
thông tin skin:

Spoiler:

[You must be registered and logged in to see this image.]
CSS
các pạn thay hít cái codes ni nghen

Code:

th,td,p {
    font-family: Verdana,Arial,Helvetica,sans-serif }
a img {
    border: none;
    }
a:link,a:active,a:visited {
    color : #006699;
    }
a:hover{
    text-decoration: underline !important;
    color : #dd6900;
    }
hr{
    height: 0;
    border: solid #d1d7dc 0;
    border-top-width: 1px;
  }
td.rowpic {
  background-color: #dee3e7;
  background-image: url("http://2img.net/i/fa/subsilver/back_catd.jpg");
  css}
td.cat,td.catHead,td.catBottom {
  height: 29px;
  border-width: 0;
  }
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
  font-weight: bold;
    border: #ffffff;
    border-style: solid;
   
/*height: 20px;
  */
}
td.pourcentback {
    background-color : #e5e5e5;
    }
th.thHead,td.catHead {
    font-size: 12px;
    border-width: 1px 1px 0 1px;
    }
th.thSides,td.catSides,td.spaceRow {
    border-width: 0 1px;
    }
th.thRight,td.catRight,td.row3Right {
    border-width: 0 1px 0 0;
    }
th.thLeft,td.catLeft {
    border-width: 0 0 0 1px;
    }
th.thBottom,td.catBottom {
    border-width: 0 1px 1px 1px;
    }
th.thTop {
    border-width: 1px 0 0;
    }
th.thCornerL {
    border-width: 1px 0 0 1px;
    }
th.thCornerR {
    border-width: 1px 1px 0 0;
    }
.maintitle, .maintitle h1{
  font-weight: bold;
    font-size: 22px;
    font-family: TrebuchetMS,Verdana,Arial,Helvetica,sans-serif;
  text-decoration: none;
    line-height : 120%;
    color : #000000;
  }
.forumline .row1,.forumline .row2,.forumline .row3,.forumline .row3Right {
  padding: 2px 3px;
  }
.c3z td.row1, .c3z td.row2 {background: #fff; border: 0px #fff solid;}
.alt1 td.row1 {background: #fff; border: 0px #fff solid;}
.forumline td.pagination {
  padding:0;
    }
.maintitle h1 {
  margin: 0;
    padding: 0;
    display: inline;
    }
.gen {
    font-size : 12px;
    }
.genmed {
    font-size : 11px;
    }
.gensmall {
    font-size : 11px;
    }
.gen,.genmed,.gensmall {
    color : #000000;
    }
a.gen,a.genmed,a.gensmall {
    color: #006699;
    text-decoration: none;
    }
a.gen:hover,a.genmed:hover,a.gensmall:hover{
    color: #dd6900;
    text-decoration: underline;
    }
.mainmenu{
    font-size : 11px;
    color : #000000 }
.mainmenu img {width:30px; height:1px;}
a.mainmenu{
    text-decoration: none;
    color : #006699;
  }
a.mainmenu:hover{
    text-decoration: underline;
    color : #dd6900;
    }
.cattitle{
    font-weight: bold;
    font-size: 12px ;
    letter-spacing: 1px;
    color : #006699}
h1.cattitle {
  margin:0;
    padding: 0;
    display:inline;
  }
a.cattitle{
    text-decoration: none;
    color : #006699;
    }
a.cattitle:hover{
    text-decoration: underline;
    }
.forumlink{
    font-weight: bold;
    font-size: 12px;
    color : #006699;
    }
a.forumlink {
    text-decoration: none;
    color : #006699;
    }
a.forumlink:hover{
    text-decoration: underline;
    color : #dd6900;
    }
.nav{
    font-weight: bold;
    font-size: 11px;
    color : #000000;
    }
a.nav{
    text-decoration: none;
    color : #006699;
    }
a.nav:hover{
    text-decoration: underline;
    }
.topictitle,h1,h2{
    font-weight: bold;
    font-size: 11px;
    color : #000000;
    }
div.topictitle {
  display: inline;
  }
h2.topic-title {
  display: inline;
    margin: 0;
    padding: 0;
  }
a.topictitle:link{
    text-decoration: none;
    color : #006699;
    }
a.topictitle:visited{
    text-decoration: none;
    color : #5493b4;
    }
a.topictitle:hover{
    text-decoration: underline;
    color : #dd6900;
    }
.name{
    font-size : 11px;
    color : #000000;
  }
.name a{
    text-decoration:none;
    }
.postdetails{
    font-size : 11px;
    color : #000000;
    }
.postbody{
    font-size : 12px;
    line-height: 18px}
a.postlink:link{
    text-decoration: none;
    color : #006699 }
a.postlink:visited{
    text-decoration: none;
    color : #5493b4;
    }
a.postlink:hover{
    text-decoration: underline;
    color : #dd6900}
.code{
    font-family: Courier,Courier New,sans-serif;
    font-size: 11px;
    color: #006600;
  background-color: #fafafa;
    border: #d1d7dc;
    border-style: solid;
  border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px}
.quote{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #444444;
    line-height: 125%;
  background-color: #fafafa;
    border: #d1d7dc;
    border-style: solid;
  border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px}
a.copyright{
    color: #006699;
    text-decoration: none;
  }
a.copyright:hover {
    color: #dd6900;
    text-decoration: underline;
  }
.coloradmin {
    color: #ffa34f}
.colormod {
    color: #006600}
.vote {
  float: right;
  width: 10px;
  margin-left: 4px;
  }
.vote .vote-button {
  text-align: center;
  font-weight: bold;
  margin-left: -1px;
  }
.vote .vote-button a {
  text-decoration: none !important;
  }
.vote .vote-bar {
  width: 3px;
  height: 50px;
  margin: 0 auto;
  border: 1px solid #000000;
  font-size: 0;
  }
.vote .vote-no-bar {
  letter-spacing:-2px;
  margin-left:-2px;
  white-space:nowrap;
  }
.vote .vote-bar-plus {
  background-color: #0f0;
  }
.vote .vote-bar-minus {
  background-color: #f00;
  }
h1.pagetitle {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #ffa34f;
  }
h1.title2 {
  font-size: 11px;
  }
.secondarytitle h2 {
  display:inline;
  }
.nav h1 {
  display: inline;
  }
.hierarchy {
  display: inline;
  margin: 0;
  padding: 0;
  text-transform: none;
  border: none;
  font-size: 10px;
  }
.mod-text {
  font-weight: bold;
  }
img{
  border:0}
input,textarea, select {
  color : #000000;
  font: normal 11px Verdana,Arial,Helvetica,sans-serif;
  border-color : #000000;
  }
input.post, textarea.post, select {
    background-color : #ffffff;
    }
.post-options {
  text-align: right;
  }
.post-options img {
  cursor: pointer;
  vertical-align: middle;
  }
input {
    text-indent : 2px;
    }
input.button {
  background-color : #efefef;
  color : #000000;
  font-size: 11px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
  }
input.mainoption {
  background-color : #fafafa;
  font-weight : bold;
  }
input.liteoption {
  background-color : #fafafa;
  font-weight : normal;
  }
.helpline {
    background-color: #dee3e7;
    border-style: none;
    }
input {
    background-color: #dee3e7;
    }
button.button2, input.button2 {
  font-size: 0.7em;
  border: 1px solid #BCBCBC;
  width: auto !important;
  padding: 1px 0;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  color: #000000;
  background-repeat: repeat-x;
  background-color: #FAFAFA;
  background-image: url('http://2img.net/i/fa/prosilver/bg_button.gif');
  background-position: top;
  overflow: visible;
  vertical-align:middle;
  }
button.button2:hover, input.button2:hover {
  border: 1px solid #dd6900;
  color: #dd6900;
  background-position: 0 100%;
  }
* html button.button2, * html input.button2 {
  padding-bottom: 0;
  margin-bottom: 1px;
  height: 24px;
  padding-right: 3px;
  padding-left: 3px;
  }
*+html button.button2, *+html input.button2 {
  height: 24px;
  padding-right: 3px;
  padding-left: 3px;
  }
*+html button.button2 img {
    vertical-align: middle;
    }
* html button.button2 img {
    vertical-align: middle;
    }
button.bbcode {
  border: 1px solid #e3adad;
  background-image: url("http://2img.net/i/fa/wysiwyg/bg_button.png");
  }
.select {
  background-color: #FFF;
  border: 1px solid #BCBCBC;
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 0;
  }
.select p {
  padding: 4px 6px;
  font-size: 0.7em;
  margin: 0;
  white-space: nowrap;
  text-align: left;
  }
.select button {
  padding: 4px;
  font-size: 0.9em;
  margin: 0;
  background-color: #FFF;
  border: none;
  text-align:left;
  }
.select button.button2 {
  border:1px solid #BCBCBC;
  padding: 0;
  }
* html .select button.button2 {
  padding-right: 3px;
  padding-left: 3px;
  }
.select button.button2:hover {
  border: 1px solid #dd6900;
  color: #dd6900;
  background-position: 0 100%;
  }
.select button:hover,.selectHover {
  cursor: pointer;
  background-color: #EEE;
  }
textarea#text_editor_textarea {
    width: 100% !important;
    }
iframe#text_editor_iframe {
  width: 100%;
  height: 200px;
  }
form#quick_reply textarea#text_editor_textarea {
  width: 100% !important;
  height: 100%;
  }
form#quick_reply iframe#text_editor_iframe {
    width: 100%;
    }
* html form#quick_reply iframe#text_editor_iframe {
    width: 600px;
    }
*+html form#quick_reply iframe#text_editor_iframe {
    width: 600px;
    }
#page-footer .gen strong {
  font-weight: normal;
  }
@import url("form_ie.css");
  @media print {
  body {
  background-image: none;
  background-color: #fff;
  color: #000;
  }
table.bodylinewidth span.maintitle {
  display: block;
  text-align: left;
  }
table.bodylinewidth img#i_logo,.browse-arrows,.noprint,.messaging,.post-options,.poster-profile,img.i_icon_online,table.bodylinewidth .mainmenu,table.bodylinewidth .nav,table.bodylinewidth .gensmall,span.postdetails img,table.bodylinewidth .sig,table.bodylinewidth .catbottom,#info_open {
  display:none;
  }
td.catHead, .t-title {
  text-align: left;
  }
table.bodylinewidth .cattitle {
  letter-spacing: normal;
    font-size: 1em;
  }
.thLeft,.thRight {
  color: #000;
    border: none;
    text-align:left;
  }
.hr hr {
    visibility: hidden;
    }
.hr {
  border-top: 1px dotted #ddd !important;
    }
tr.post td {
  vertical-align: top;
  border-bottom: 1px solid #ccc;
  }
tr.post td td {
  border: none;
  }
span.gen {
  display: none;
  }
}
ul.abuse {
  list-style: none;
  line-height: 1.5em;
  font-size: 0.9em;
  }
.rtl-spacer:before {
  content: " ";
  white-space: pre;
  }
.rtl-spacer:after {
  content: " ";
  white-space: pre;
  }
.warning {
  color:#ff3333;
  }
.captcha div.captcha-img {
  float: left;
  margin: 0 1em 0 0;
  }
.captcha .inputbox {
  margin-top: 0.5em;
  }
.center {
  text-align: center;
  }
.align_droite {
  text-align: right;
  }
.right {
  float: right;
  }
.left {
  float: left;
  }

/* TGF Clearfix */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }
*+ html .clearfix {
  min-height: 1px;
  }
* html .clearfix {
  position: relative;
    height: 1%;
    clear: both;
  }
#page-footer, .clear {
  clear: both;
  }
#page-footer h3 {
    margin-top: 20px;
    }
#content-container #left {
  width: 0px;
  margin-right: px;
  }
#content-container #right {
  width: 0px;
  margin-left: px;
  }
.module-title {
  font-weight: bold;
  margin: 0 auto;
  text-align: center;
  display: block;
  }

/* Chatbox */
#frame_chatbox {
  border: none !important;
  }
body.chatbox {
  min-width: 550px !important;
  background-image: none;
  padding: 0;
  margin: 0;
  background-color: #e5e5e5;
  }
#chatbox_members {
  position: absolute;
  top: 30px;
  bottom: 30px;
  width: 180px;
  overflow: auto;
  border-right: 1px solid ;
  }
#chatbox {
  position: absolute;
  top: 30px;
  left: 181px;
  right: 0;
  bottom: 30px;
  overflow: auto;
  line-height: 10px;
  }
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {
  font-size: 12px;
  }
.chatbox-options {
  text-align:right;
  }
#chatbox_messenger_form .gen,#chatbox_messenger_form .text-field,#chatbox_messenger_form {
  float:right;
  white-space : nowrap;
  }
#chatbox_footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 30px;
  }
#chatbox_footer table.text-styles {
  float: right;
  }
#chatbox_footer .text-field {
  float: left;
  }
#chatbox_header {
  height: 30px;
  background-color: #e5e5e5;
  }
#chatbox p {
  line-height: 1.2em;
  }
.chatbox_row_1 {
  padding: 4px;
  background-color: #efefef;
  }
.chatbox_row_2 {
  padding: 4px;
  background-color: #dee3e7;
  }
.chatbox_row_3 {
  padding: 4px;
  background-color: #d1d7dc;
  }
.memberlist_row_1 {
  padding: 2px 2px 2px 10px;
  background-color: #efefef;
  }
#chatbox_members .member-title {
  text-align: center;
  padding: 0.5em 0.25em;
  background-image: none;
  font-size: 12px;
  background-color: #d1d7dc;
  color : #006699;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  }
#chatbox_members ul {
  list-style: none;
  margin: 0 0 0 10px;
  }
#chatbox_members ul li {
  margin: 2px 2px 2px 0;
  }
#message,#submit_button{
  border-width: 1px;
  }
.fontbutton {
  padding: 1px;
  cursor: pointer;
  text-align: left;
  }
.fontbutton_normal {
  background: #E1E1E2;
  }
.fontbutton_selected {
  background: #BBC7CE;
  border: 1px solid #22229C;
  }
.fontbutton_clicked {
  background: #959595;
  border: 1px solid #22229C;
  }
.fontbutton_hover {
  background: #E1E1E2;
  border: 1px solid #22229C;
  }
#chatbox .user {
  font-weight: bold;
  }
div#chatbox {
  color: #000000;
  }
#chatbox_contextmenu {
    background-color: #d1d7dc;
    border:1px solid #aaa;
  }
#chatbox_contextmenu p {
  margin:0;
    padding: 1px 4px;
  font-family: verdana, arial, sans-serif;
  background: #;
  border-bottom:1px solid #777;
    }
#chatbox_contextmenu p.hover {
    background: #;
    }
#chatbox_contextmenu p.close {
  background: #ddd;
    padding: 1px;
    font-size: 70%;
    color:#fff;
    background: url('');
    }
#chatbox_contextmenu p.close img {
    vertical-align: middle;
    padding-left: 20px;
  }
#chatbox_contextmenu a {
    color: #;
    text-decoration: none;
    font-size: 70%;
  }
#chatbox_contextmenu a:hover {
    color: #;
    }
.fontbutton{
  border:0;
  }
* html #chatbox-members {
   
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
  }
* html #chatbox {
   
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
  width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
  }
* html #chatbox-footer {
 
/* IE expressions helping IE work in Standards mode */
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
  }

/* poll */
.poll-result td {
  padding: 2px 4px;
    text-align: left;
  }
.poll-result td.poll-title,.poll-result td.poll-results {
  text-align: center;
  }
.progress-bar td {
  padding: 0 !important;
  }
.poll-ballot {
  text-align: left;
  }

/* Advanced profile */
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-details {
  margin-right: 3px;
  }
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-right .module {
  margin-bottom: 3px;
  }
#profile-advanced-button {
  padding: 1px;
  }
#profile-advanced-details {
  overflow: hidden;
  }
#profile-advanced-details ol {
  margin: 0;
  padding: 0;
  list-style: none;
  }
#profile-advanced-details ol li {
  display: block;
  margin-bottom: 4px;
  }
#profile-advanced-details .avatar {
  float: left;
  }
.avatar {
  width: 50px;
  border: 1px solid #006699;
  background-color: #fff;
  }
.avatar img {
  width: 50px;
  }
.friend-block .avatar {
  margin: 0 auto;
  cursor:pointer;
  }
.avatar.mini, .avatar.mini img {
  width: 38px;
  height: 38px;
  }
.friend-block {
  float: left;
  width: 70px;
  margin: 1px;
  text-align: center;
  overflow: hidden;
  }
.friend_list_online_status {
  line-height: 11px;
  font-size: .9em;
  }
.friend_list_online_status img {
  vertical-align: middle;
  }
.friends-foes-list {
  float: left;
  width: 200px;
  height: 2em;
  }
#profile-advanced-details .message-block {
  margin-left: 57px;
  }
#profile-advanced-details .message-header {
  border-top: 1px solid #d1d7dc;
  background: #dee3e7;
  padding: 4px;
  margin-bottom: 4px;
  }
#profile-advanced-details .message-date {
  float: right;
  }
#profile-advanced-details .message-body {
  margin-bottom: 4px;
  }
#profile-advanced-details .message-footer {
  text-align: right;
  }
#profile-advanced-details .message-footer li {
  display: inline;
  margin: 0 0.25em;
   
/* Spacing between generation dot */
}
#profile-advanced-details .message-footer li:after {
  content: ' .';
   
/* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */
}
#profile-advanced-details .message-footer li a {
  margin-right: 0.25em;
   
/* Spacing between generation dot */
text-decoration: underline;
  }
#profile-advanced-details .message-footer li.last:after {
  content: normal;
  }
#profile-advanced-add {
  margin-right: 4px;
  padding: 8px 0;
  text-align: right;
  }
#profile-advanced-details .stats-field {
  margin: 4px 0 10px 4px;
  padding: 0 10px 6px;
  }
#profile-advanced-details .stats-field legend {
  font-weight: bold;
  }
#profile-advanced-details .stats-field ul {
  list-style-type:none;
  text-indent: 10px;
  padding: 0;
  }
#profile-advanced-details .stats-field li {
  margin: 4px 0;
  }
#login_popup {
  position: absolute;
  z-index: 999;
  display: none;
  }
#login_popup_buttons {
  position: absolute;
  height:19px;
  bottom: 6px;
  right: 6px;
  }
#login_popup_buttons input {
  margin-left: 6px;
  }
ul.profile_field_list {
  padding:0;
  margin:0}
html ul.profile_field_list li {
  list-style-type: none;
  }
ul.profile_field_list > li {
  list-style-type: none;
  }
.inputURL {
  font-size:10px;
  font-family:"Courier New", "Times New roman";
  letter-spacing:-1px;
  }
.middleline {
  line-height:2em;
  }
.invisible{
  display:none;
  visibility:hidden;
  }
.visible{
  display:block;
  visibility:visible;
  }

/* ajax profil */
.ajax-profil_hover{
  background:transparent}
.ajax-profil_parent{
  position:relative;
  zoom:1;
  }
.ajax-profil_edit{
  cursor:pointer;
  position:absolute;
  top:0;
  left:-18px}
.ajax-profil_edit img{
  margin-left:4px}
.ajax-profil_valid{
  cursor:pointer;
  margin-left:4px;
  vertical-align:middle}
#profile-advanced-details dl{
  padding:8px 10 8px 0;
  width:98%;
  margin:10px 0 0;
  }
#profile-advanced-details dl dt{
  float:left;
  display:block;
  width:10em;
  }
#profile-advanced-details dl dd{
  margin-left:10em;
  padding-left:12px;
  }
#profile-advanced-details div.separator{
  clear:both;
  font-size:1px;
  line-height:1px;
  border-bottom:1px solid #dcdcdc;
  padding-top:10px;
  }
#profile-advanced-details .ajax-profil_edit{
  left:-4px;
  }

/* jqModal */
.jqmWindow {
  display: none;
  position: fixed;
  left: 50%;
  width: 450px;
  margin-left: -225px;
  top: 50%;
  margin-top: -125px;
  background-color: #e5e5e5;
  border: 1px solid #006699;
  }
.jqmOverlay {
  background-color: #000;
  }
.jqDrag {
  cursor: move;
  }

/* Blog */
.blog_cal-border {
  display: inline;
  float: left;
  border: 1px solid #006699;
  background: #efefef;
  padding: 1px;
  font-size: 0.9em;
  margin-right: 10px;
  }
.blog_cal-content {
  width: 2.9em;
  background: #006699;
  padding: 1px;
  line-height: 1.4em;
  text-align: center;
  font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Sans-Serif;
  color: #ffffff;
  }
.blog_cal-content span {
  display: block;
  }
.blog_cal-day {
  padding-left: 0.2em;
  font-size: 1.6em;
  letter-spacing: 0.2em;
  }
.blog_cal-month {
  line-height: 0.7em;
  font-size: 2em;
  font-weight: bold;
  }
.blog_cal-year {
  line-height: 1.2em;
  font-size: 0.8em;
  }
.blog_title {
  padding-top: 5px;
  font-size: 16px;
  }
.blog_title img {
  vertical-align: middle;
  }
.blog_title .topictitle {
  font-size: 16px;
  }
.blog_message {
  margin-top: 12px;
  font-size: 12px;
  }
.blog_comments {
  margin-bottom: 2px;
  text-align: right;
  }
.blog_comments img {
  vertical-align: middle;
  }
#blog_comments {
  width: 90%;
  margin: 0 auto;
  }
#blog_comments .postbody {
  width: 96%;
  }
.blog_comment-avatar {
  float: left;
  }
.blog_comment-avatar img {
  background-color: #fff;
  border: 1px solid #006699;
  vertical-align: middle;
  width: 38px;
  margin: 5px 5px 0 0;
  }
#blog_comments table {
  margin-bottom: 2px;
  }
#blog_comments .h3 {
  overflow: hidden;
  margin-top: 0;
  margin-left: 45px;
  padding: 0;
  min-height: 22px;
  }
.blog_comment-title {
  float: left;
  min-height: 12px;
  margin-top: 7px;
  }
.blog_comment-title a {
  text-decoration: none;
  }
#blog_comments .profile-icons {
  float: right;
  margin-bottom: 5px;
  }

/* Social bookmarking */
#bookmarks {
  float: right;
  }
#bookmarks a img {
  width: 20px;
  height: 20px;
  background: url(http://2img.net/i/fa/social_bookmarking/social_bookmarking.png) no-repeat scroll;
  vertical-align: middle;
  }
#bookmarks a img.twitter {
  width: 16px;
  height: 16px;
  margin: 2px;
  background: url(http://2img.net/i/fa/social_bookmarking/twitter.png) no-repeat scroll;
  }
#bookmarks img.delicious {
  background-position: -10px -10px;
  }
#bookmarks img.digg {
  background-position: -10px -50px;
  }
#bookmarks img.excite {
  background-position: -9px -90px;
  }
#bookmarks img.facebook {
  background-position: -9px -128px;
  }
#bookmarks img.furl {
  background-position: -10px -166px;
  }
#bookmarks img.google {
  background-position: -10px -206px;
  }
#bookmarks img.live {
  background-position: -9px -246px;
  }
#bookmarks img.netscape {
  background-position: -9px -284px;
  }
#bookmarks img.newsvine {
  background-position: -9px -322px;
  }
#bookmarks img.reddit {
  background-position: -10px -360px;
  }
#bookmarks img.slashdot {
  background-position: -10px -400px;
  }
#bookmarks img.smarking {
  background-position: -9px -440px;
  }
#bookmarks img.stumbleupon {
  background-position: -10px -478px;
  }
#bookmarks img.technorati {
  background-position: -10px -518px;
  }
#bookmarks img.yahoo {
  background-position: -10px -558px;
  }

/* wysiwyg */
.mceContentBody{
  background: #dee3e7;
  color: #000000;
  }
.align_right{
  text-align: right;
  }

/* resize image */
.resize_process .resizebox {
  display: none;
  }
.resize_process img.resize_img {
  display: none;
  }
.resizebox a.enlarge, .resizebox a.fullsize, .resizebox a.resize {
  display: inline-block;
  zoom: 1;
  *display: inline;
  }
.resizebox.enlarged a.enlarge {
  display: none;
  }
.resizebox.enlarged a.resize {
  display: inline-block;
  }
.resizebox a.resize {
  display: none;
  }
.resizebox {
  background-color: #fafafa;
  max-width: 100%;
  line-height: 1.1em;
  cursor: default;
  font-weight: normal;
  font-style: normal;
  margin: 0;
  text-align: left;
  display: inline-block;
  }
.resizebox div {
  font-weight: normal;
  font-style: normal;
  margin: 0;
  }
.resizebox .resize_border {
  border: 1px solid #d1d7dc;
  display: block;
  }
.resizebox .resize_content {
  padding: 5px 10px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  }
.resizebox .resize_filler {
  border: none;
  padding: 0;
  width: 40px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  }
.attachbox {
  background-color:#fafafa;
  border:1px dashed #d1d7dc;
  clear:left;
  float:left;
  margin:5px 5px 5px 0;
  padding:6px;
  width:auto;
  color:#000000;
  }
.attachbox dt {
  font-family:Arial,Helvetica,sans-serif;
  text-transform:uppercase;
  }
.attachbox dd {
  border-top:1px solid #d1d7dc;
  clear:left;
  font-size:0.9em;
  margin-left:10px;
  padding:0;
  }
dl.file {
  display:block;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  margin-bottom:10px;
  }
dl.file dt {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-weight:bold;
  margin:0;
  padding:0;
  text-transform:none;
  }
dl.file dt img {
  vertical-align:middle}
.info {
  font-size:10px;
  font-style:italic;
  }

/* Spoiler */
.spoiler_closed {
  display:block;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  color: #444444;
  line-height: 125%;
  background-color: #fafafa;
  border: #d1d7dc;
  border-style: solid;
  border-left-width: 1px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  }
.spoiler_closed.hidden {
  display:none;
  }
.spoiler_content {
  display:block;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  color: #444444;
  line-height: 125%;
  background-color: #fafafa;
  border: #d1d7dc;
  border-style: solid;
  border-left-width: 1px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  }
.spoiler_content.hidden {
  display:none;
  }
.user_login_form {
  margin-bottom:5px;
  }
.fb_or {
  background-color:#d1d7dc;
  border:2px solid #006699;
  font-weight:bold;
  padding:5px;
  color:#444444;
  }
#cont_pwd {
  width:150px;
  height:21px;
  float:left;
  padding:0 0 0 20px;
  }
.pwd_img {
  padding : 4px 0 3px 0;
  width : 150px;
  height : 14px;
  line-height : 14px;
  font-size : 11px;
  font-weight : bold;
  text-align : center;
  color : #000000;
  display : none;
  }
#pwd_good {
  background:url('http://illiweb.lan/fa/passwd/pwd_good.png');
  }
#pwd_middle {
  background:url('http://illiweb.lan/fa/passwd/pwd_middle.png');
  }
#pwd_bad {
  background:url('http://illiweb.lan/fa/passwd/pwd_bad.png');
  }
#fb_explain td {
  padding : 5px 0 5px 0;
  vertical-align : top;
  }

/* Style pour nouveau personnal Ad */
.adtitle {
  color:#006699;
  font-size:11px;
  font-weight:bold;
  line-height:12px;
  text-decoration:underline;
  padding-bottom:5px;
  }
.adbody {
  color:#000000;
  font-size:10px;
  line-height:12px;
  text-decoration:none;
  }
.adbody:hover {
  text-decoration:none !important;
  }
.adlink {
  color:#006699;
  font-size:10px;
  line-height:12px;
  text-decoration:none;
  }
.adlink:hover {
  text-decoration:none !important;
  }
.tradeDoubler {
  height:88px;
  float:left;
  padding-left:10px;
  padding-right:10px;
  width:150px;
  text-align:justify;
  }
.tradeDoubler a {
  display:block;
  }
body
{
  color: #000000;
  font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  margin: 0px;
  padding: 0px;
  background: #fef2ef url(http://img517.imageshack.us/img517/1036/47317862.jpg) fixed center top no-repeat;
}
a:link, body_alink
{
  color: #f90297;
  text-decoration: none;
}
a:visited, body_avisited
{
  color: #f90297;
  text-decoration: none;
}
a:hover, a:active, body_ahover
{
  background: transparent;
  color: #00CCFF;
  text-decoration: none;
}
.page
{
  background: #ffffff;
  color: #000000;
}
td, th, p, li
{
  font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder, .forumline
{
  background: #ff93b0;
  color: #333333;
  border: 1px solid #ffd3df;
 
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {  background: #FFBFD7; }
.tcat, th
{
  color: #FFFFFF;  height: 25px;  padding: 2px 3px;
  font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tcat a:link, .tcat_alink
{
  color: #ffffff;
  text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
  color: #ffffff;
  text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
  color: #FFFFFF;
  text-decoration: underline;
}
.thead
{
  background: #FFFFFF;
  color: #000000; height: 28px; padding: 2px 3px;
  font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  border:solid 1px #FFE7F0
}
.thead a:link, .thead_alink
{
  color: #000000;
}
.thead a:visited, .thead_avisited
{
  color: #000000;
}
.thead a:hover, .thead a:active, .thead_ahover
{
  color: #333333;
}
.tfoot
{
  background: #FFFFFF;
  color: #000000;
}
.tfoot a:link, .tfoot_alink
{
  color: #000000;
}
.tfoot a:visited, .tfoot_avisited
{
  color: #000000;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
  color: #333333;
}

.alt1, .alt1Active, td.row1,td.row3.over:hover ,td.row3, td.row3Right,td.spaceRow
{
  background: #FFFFFF;
  color: #333333;
  border:solid 1px #FFE7F0;
  line-height: 20px;
}
.alt2, .alt2Active, td.row2,td.row1.over:hover
{
  background: #FFF2F5;
  color: #333333;
  border:solid 1px #FFE7F0;
}

.inlinemod
{
  background: #FFFFCC;
  color: #000000;
}
.wysiwyg
{
  background: #F5F5FF;
  color: #000000;
  font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  margin: 5px 10px 10px 10px;
  padding: 0px;
}
.vbmenu_control
{
  background: #FF93af;
  color: #FFFFFF;
  font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  padding: 3px 6px 3px 6px;
  white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
  color: #FFFFFF;
  text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
  color: #FFFFFF;
  text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
  color: #FFFFFF;
  text-decoration: underline;
}


.tcat_bg { background: url(http://i967.photobucket.com/albums/ae153/ligerv/loitraitim/tcat_bg.png) repeat-x bottom left; height: 60px; float:left; width:744px }

.tcat_right { background: url(http://i967.photobucket.com/albums/ae153/ligerv/loitraitim/collapse2_tcat_collapsed_R.png) no-repeat bottom right; vertical-align:middle; height: 60px; width:95px; float:left}

.tcat_left { background: url(http://i967.photobucket.com/albums/ae153/ligerv/loitraitim/collapse2_tcat_collapsed_L.png) no-repeat bottom left; height: 60px; width:115px; float:left }


.tfoot_left { background: url(http://i967.photobucket.com/albums/ae153/ligerv/loitraitim/content-foot-L.png) no-repeat top right; height: 17px; width:17px; float:left }
.tfoot_right { background: url(http://i967.photobucket.com/albums/ae153/ligerv/loitraitim/content-foot-R.png) no-repeat top left; height: 17px; width:17px; float:left}
.tfoot_bg { background: url(http://i967.photobucket.com/albums/ae153/ligerv/loitraitim/content-foot-M.png) repeat-x top left; height: 17px; width:920px; float:left }

.tborder-content {background: url(http://i967.photobucket.com/albums/ae153/ligerv/loitraitim/content-mid.png) center top repeat-y; width:964px;  }
.tborder_left { background: url(http://i967.photobucket.com/albums/ae153/ligerv/loitraitim/new-mid-left.png) repeat-y top left; padding-left: 5px; }
.tborder_right { background: url(http://i967.photobucket.com/albums/ae153/ligerv/loitraitim/new-mid-right.png) repeat-y top right; padding-right: 5px;}
.tcat2 h2
{
  color: #FFFFFF;
  font: bold 13px tahoma, arial;
text-align: center; text-valign: middle;
}
.tcat2
{
        padding-top: 14px;
  color: #FFFFFF;
  font: bold 13px tahoma, arial;
text-align: center
}

.tcat2 a:link
{
  color: #ffffff;
  text-decoration: none;
}
.tcat2 a:visited
{
  color: #ffffff;
  text-decoration: none;
}
.tcat2 a:hover, .tcat2 a:active
{
  color: #FFFF99;
  text-decoration: none;
}

.foot-title {background: url(http://i967.photobucket.com/albums/ae153/ligerv/loitraitim/title-footer.jpg) left repeat-x; height:26px; text-align:left; padding:0 10px}
.foot-L {float:left; background:url(http://i967.photobucket.com/albums/ae153/ligerv/loitraitim/foot-L.png) right top no-repeat; width:10px; height:154px}
.foot-M {float:left; background:url(http://i967.photobucket.com/albums/ae153/ligerv/loitraitim/foot-M.png) left repeat-x; width:950px; height:154px}
.foot-R {float:left; background:url(http://i967.photobucket.com/albums/ae153/ligerv/loitraitim/foot-R.png) left top no-repeat; width:10px; height:154px}
.foot-text {font-size:11px; color: #993366; line-height:17px;}

.l_white-11b-pinkhard,.l_white-11b-pinkhard:link,.l_white-11b-pinkhard:active {
  font-size: 11px;
  font-weight:bold;
  color:#FFFFFF;}
  .l_white-11b-pinkhard:hover {
  font-size: 11px;
  font-weight:bold;
  color: #FF3366;}
.l_hardred-11bi-orange,.l_hardred-11bi-orange:link,.l_hardred-11bi-orange:active {
  font-size: 11px;
  font-weight:bold;
  font-style:italic;
  color:#993366;}
  .l_hardred-11bi-orange:hover {
  font-size: 11px;
  font-weight:bold;
  font-style:italic;
  color: #ff0000;}
.pbg {
background:#ffffff url(http://i967.photobucket.com/albums/ae153/ligerv/loitraitim/p_bg.gif) repeat-y scroll center top;
width:185px;
}

.ptop {
background:transparent url(http://i967.photobucket.com/albums/ae153/ligerv/loitraitim/p_top.gif) no-repeat scroll center bottom;
height:53px;
width:185px;
}

.pbottom {
background:transparent url(http://i967.photobucket.com/albums/ae153/ligerv/loitraitim/p_bottom.gif) no-repeat scroll center top;
height:40px;
width:185px;
}
.info{background:#F0FAFF; border:#ACE4FF dotted 1px; margin:4px 15px 7px; padding:3px;}
.bleft{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/loitraitim/new-mid-left.png) repeat-y top left;
margin-left:1px;
}
.bright{
margin-right:7px;
background:url(http://i967.photobucket.com/albums/ae153/ligerv/loitraitim/new-mid-right.png) repeat-y top right;
}





.hide_ms{display: none;}#fade{display:none;background:#000;position:fixed;left:0;top:0;width:100%;height:100%;opacity:.80;z-index: 99;}.popup_block{display:none;background:#393829;border:10px solid #FFF;float:left;font-size:1.2em;position:fixed;top:50%;left:50%;z-index: 999;-webkit-box-shadow:0 0 7px #000;-moz-box-shadow:0 0 7px #000;box-shadow:0 0 20px #000;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;padding:10px;}img.btn_close{float:right;margin:-30px -30px 0 0;}.popup p{margin:5px 0;padding:5px 10px;}*html #fade,*html .popup_block{position:absolute;}

INDEX_BODY

Code:

{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<div style="width: 960px;" align="center">
    <div>
      <div class="tcat_left" style="float: left;"></div>
      <div class="tcat_bg" style="float: left;">
<div class="tcat2">
<h2><!-- BEGIN message_admin_titre -->
{message_admin_index.message_admin_titre.MES_TITRE}
  <!-- END message_admin_titre --></h2>
    </div>
   
</div></div>

<div class="tcat_right">
<div style="padding: 12px;">

        <a style="float: right;" href="#top"><img src="http://i967.photobucket.com/albums/ae153/ligerv/loitraitim/collapse_mkt_tcat.png" alt="" border="0"></a>
       
</div>
</div>
<div style="clear: both;"></div>
<div class="bleft"><div class="bright">
<table align="center" border="0" cellpadding="6" cellspacing="0" width="930">
<!-- BEGIN message_admin_txt -->
  <tr>
      <td class="alt1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
  </tr>
  <!-- END message_admin_txt -->
</table>
</div></div>
    <div style="clear: both;"></div>
  <div>

          <div class="tfoot_left"></div>
          <div class="tfoot_bg"></div>
          <div class="tfoot_right"></div>
    </div>

</div>
<div style="clear:both; padding-bottom:18px;"></div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
  <tr>
      <td width="100%" valign="top" align="center" class="row1">
        <label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label>
        <label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label>
        {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />

        <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>

      </td>
  </tr>
</table>
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td width="50%" valign="top">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
        <!-- END switch_user_logged_in -->
        <!-- BEGIN switch_delete_cookies -->
       
<a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
        <!-- END switch_delete_cookies -->
        </span>
      </td>
      <td width="50%" align="right">
        <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br>

            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br>

            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a><br>
            <!-- BEGIN switch_on_index -->
              <!-- BEGIN switch_delete_cookies -->
             
<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
              <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
        </span>
      </td>
  </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
  <tr>
      <td width="100%" valign="top" align="center" class="row1">
        <span class="genmed">{L_USERNAME}:</span>
        <input class="post" type="text" size="10" name="username"/>
        <span class="genmed">{L_PASSWORD}:</span>
        <input class="post" type="password" size="10" name="password"/>
        {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />

        <span class="gensmall">{L_AUTO_LOGIN}</span>
        <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
      </td>
  </tr>
</table>
</form>
<!-- END switch_user_login_form_footer -->
<br>
<!-- BEGIN disable_viewonline -->
<div style="width: 960px;" align="center">
    <div>
      <div class="tcat_left" style="float: left;"></div>
      <div class="tcat_bg" style="float: left;">
<div class="tcat2">
<h2>Tình hình diễn đàn </h2>
    </div>
   
</div></div>

<div class="tcat_right">
<div style="padding: 12px;">
</div>
</div>
<div style="clear: both;"></div>
<div class="bleft"><div class="bright">
<table align="center" border="0" cellpadding="6" cellspacing="0" width="930">
<tbody>
  <tr>
      <td class="thead" colspan="2">
        <a style="float:right" href="#top"><img src="http://i967.photobucket.com/albums/ae153/ligerv/loitraitim/collapse_tcat.gif" alt="" border="0" /></a>
Số người truy cập:
      </td>
  </tr>
</tbody>

<tbody id="collapseobj_forumhome_stats" style="">
  <tr>
      <td class="alt1"><img src="http://i967.photobucket.com/albums/ae153/ligerv/loitraitim/whos_online.gif" border="0"></td>
      <td class="alt1" width="100%">
      <span class="gensmall">{TOTAL_USERS_ONLINE}<br>
{RECORD_USERS}<br> <br>
{LOGGED_IN_USER_LIST}
<table class="smallfont">{L_CONNECTED_MEMBERS}</table>
      </td>
  </tr>
</tbody>

<tbody>
  <tr>
      <td class="thead" colspan="2">
        <a style="float: right;" href="#top"><img src="http://i967.photobucket.com/albums/ae153/ligerv/loitraitim/collapse_tcat.gif" alt="" border="0"></a>
Sinh nhật thành viên:
      </td>
  </tr>
</tbody>

<tbody id="collapseobj_forumhome_birthdays" style="">
  <tr>
      <td class="alt1"><img src="http://i967.photobucket.com/albums/ae153/ligerv/loitraitim/birthday.gif" alt="Birthdaydays" border="0"></td>
      <td class="alt1" width="100%">
      <table class="smallfont">
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</table>
      </td>
  </tr>
</tbody>

<tbody>
  <tr>
      <td class="thead" colspan="2">
        <a style="float: right;" href="#top"><img src="http://i967.photobucket.com/albums/ae153/ligerv/loitraitim/collapse_tcat.gif" alt="" border="0"></a>
Thống kê diễn đàn:
      </td>
  </tr>
</tbody>

<tbody id="collapseobj_forumhome_stats" style="">
  <tr>
      <td class="alt1"><img src="http://i967.photobucket.com/albums/ae153/ligerv/loitraitim/stats.gif" border="0"></td>
      <td class="alt1" width="100%">
<span class="smallfont">{TOTAL_POSTS}<br>
{TOTAL_USERS}<br>
{NEWEST_USER}</span>
      </td>
  </tr>
</tbody>

<tbody>
  <tr>
      <td class="thead" colspan="2">
        <a style="float: right;" href="#top"><img src="http://i967.photobucket.com/albums/ae153/ligerv/loitraitim/collapse_tcat.gif" alt="" border="0"></a>
Liên kết bạn bè:
      </td>
  </tr>
</tbody>

<tbody id="collapseobj_forumhome_links" style="">
  <tr>
      <td class="alt1"><img src="http://i967.photobucket.com/albums/ae153/ligerv/loitraitim/whos_online.gif" border="0"></td>
      <td class="alt1" width="100%">
<span class="smallfont">Links các forums</span>
<br>


  <!-- BEGIN switch_chatbox_activate -->
 
        <span class="smallfont">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}

            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
            </script>
            <!-- END switch_chatbox_popup -->
        </span>
     
  <!-- END switch_chatbox_activate -->
      </td>
  </tr>
</tbody>

<tbody>
  <tr>
      <td class="tfoot" colspan="5" align="center">
<div class="smallfont"><strong>
Nhóm: {GROUP_LEGEND}
      </strong></div></td>
  </tr>

</tbody>
</table>
</div></div>
    <div style="clear: both;"></div>
  <div>

          <div class="tfoot_left"></div>
          <div class="tfoot_bg"></div>
          <div class="tfoot_right"></div>
    </div>

</div>

<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
  <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="smallfont">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="smallfont">{L_NO_NEW_POSTS}</span></td>
      <td>  </td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="smallfont">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>
<!-- END switch_legend -->
<div style="clear:both; padding-bottom:40px;"></div>
{AUTO_DST}

INDEX_BOX

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}<br />
        {CURRENT_TIME}<br />
        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<br>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div style="width: 960px;" align="center">
    <div>
      <div class="tcat_left" style="float: left;"></div>
      <div class="tcat_bg" style="float: left;">
<div class="tcat2">
{catrow.tablehead.L_FORUM}
    </div>
   
</div></div>

<div class="tcat_right">
<div style="padding: 12px;">
<div style="padding-top: 12px;">
        <a style="float: right;" href="#top"><img src="http://i967.photobucket.com/albums/ae153/ligerv/loitraitim/collapse_mkt_tcat.png" alt="" border="0"></a>
      </div> 
</div>
</div>

<div style="clear: both;"></div>
<div class="bleft"><div class="bright">
<table align="center" border="0" cellpadding="6" cellspacing="0" width="930">
<tr align="center">
    <td class="thead" width="3%"></td>
  <td class="thead" align="left" width="52%">Diễn đàn</td>
        <td class="thead" width="31%">Bài mới gởi</td>
        <td class="thead" width="7%">Chủ đề</td>
  <td class="thead" width="7%">Bài gởi</td>
  </tr>
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
        </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
<tr align="center">
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="alt2">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="alt1Active" align="left">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><b>{catrow.forumrow.FORUM_NAME}</b></a><br />
            </span>
        </h{catrow.forumrow.LEVEL}>
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
        </span>
      </td>
      <!-- BEGIN forum_link_no -->
      <td class="alt2">
                <span>
                <img src="http://i28.servimg.com/u/f28/15/68/89/57/534610.gif"/>
                {catrow.forumrow.LAST_POST}</span>
      </td>
              <td class="alt1">
              <span>{catrow.forumrow.TOPICS}</b></font></span>
              </td>
                <td class="alt2">  <span>{catrow.forumrow.POSTS}</span></td>
      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
  </tr>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
  </tr>
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
</table>
</div></div>
    <div style="clear: both;"></div>
  <div>

          <div class="tfoot_left"></div>
          <div class="tfoot_bg"></div>
          <div class="tfoot_right"></div>
    </div>

</div>
<div style="clear:both; padding-bottom:16px;"></div>

<!-- END tablefoot --><!-- END catrow -->

:4: :4: :4:

OVERALL_FOOTER

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>
<table>
  <tr>
      <td>
        <div>
            <div>
              <table>
                  <tbody>
                    <tr>
                        <td>
<!-- END html_validation -->
                        <td valign="top" width="{C3SIZE}">
                        <div id="{ID_RIGHT}">
                          <!-- BEGIN giefmod_index2 -->
                          {giefmod_index2.MODVAR}
                          <!-- BEGIN saut -->
                          <div style="height: {SPACE_ROW}px"></div>
                          <!-- END saut -->
                          <!-- END giefmod_index2 -->
                        </div>
                        </td>
                    </tr>
                  </tbody>
              </table>

<br>

<div id="page-footer">
                                <!-- BEGIN switch_footer_fa_copyrights -->
                                <div align="center">
                                        <div class="gen">
                                                <!-- BEGIN footer_fa_copyright_link -->
                                                        <!-- BEGIN switch_separator --> | <!-- END switch_separator -->
                                                        {switch_footer_fa_copyrights.footer_fa_copyright_link.FOOTER_FA_LINK}
                                                <!-- END footer_fa_copyright_link -->
                                        </div>
                                </div>
                                <!-- END switch_footer_fa_copyrights -->
                                <!-- BEGIN switch_footer_links -->
                                <div align="center">
                                        <div class="gen">
                                                <!-- BEGIN footer_link -->
                                                        <!-- BEGIN switch_separator --> | <!-- END switch_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 -->
                                        </div>
                                </div>
                                <!-- END switch_footer_links -->
        </div>



        {PROTECT_FOOTER}


<script type="text/javascript">
//<![CDATA[
  fa_endpage();
//]]>
</script>
<!-- BEGIN google_analytics_code -->
<script type="text/javascript">
//<![CDATA[
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
try{
var pageTracker = _gat._getTracker("{G_ANALYTICS_ID}");
pageTracker._trackPageview();
} catch(err) { }
//]]>
</script>
<!-- END google_analytics_code -->
</div>
  </div>


<form action="/forum" method="get" style="clear:left">

<table cellpadding="0" cellspacing="0" border="0" width="970" class="page" align="center">
<tr class="foot-title">
  <td align="center" width="100%" height="50px" style="color: rgb(255, 255, 255); padding-right: 10px;"> Forum 4ALL - Mái Nhà Tình Bạn
     
  </td>
</tr>
</table>

</form>

<div style="width:970px;">
      <div class="foot-L"></div>
      <div class="foot-M">

        <div class="foot-text" align="left" style="float:left; width:50%; padding-top:5px">
            Style by Loitraitim<br>
                                Vbb-ripped by HQTH Team & FM-ripped by Việt K<br>
            Powered by phpbb2 Version 2.0<br >
                                Copyright 2011 - 2012, Forumotion Ltd.<br>
                                Vui lòng không xóa dòng này khi sử dụng skin.
        </div>
        <div align="right" class="foot-text smallfont" style="float:left; width:50%; padding-top:5px">

                      Diễn đàn X là một diễn đàn mở.<br>
                                BQT không chịu trách nhiệm về nội dung bài viết.<br>
                                Mọi chi tiết xin liên hệ: Administrator<br>
                                Yahoo mail: *****@yahoo.com<br>
                                Số điện thoại: 1234567890



</div></div>
      <div class="foot-R"></div>
  </div>
</div>
</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 dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns="http://www.w3.org/1999/xhtml">
<head>
  <!-- BEGIN meta_emulate_ie7 -->
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
  <!-- END meta_emulate_ie7 -->
  <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" />
  {META_FAVICO}
  {META}
  <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
  {T_HEAD_STYLESHEET}
  {CSS}
  <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
  <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
  <script src="{JQUERY_PATH}" type="text/javascript"></script>
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
  <!-- BEGIN switch_ticker -->
  <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
  <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
  <!-- 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');
        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}');
        report.focus();
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
        ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      <!-- END switch_ticker -->
  });

  <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
  <!-- END switch_login_popup -->
  //]]>
  </script>

  {GREETING_POPUP}
</head>
<body text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

  <!-- BEGIN switch_login_popup -->
  <div id="login_popup">
      <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
        <tr height="25">
            <td class="catLeft">
              <span class="genmed module-title">{SITENAME}</span>
            </td>
        </tr>
        <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign="top">
              <div id="login_popup_buttons">
                  <form action="{S_LOGIN_ACTION}" method="get">
                    <input type="submit" class="mainoption" value="{L_LOGIN}" />
                    <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                    <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                  </form>
              </div>
              <span class="genmed">{LOGIN_POPUP_MSG}</span>
            </td>
        </tr>
      </table>
  </div>
  <!-- END switch_login_popup -->

  <a name="top"></a>
  {JAVASCRIPT}
<!-- logo -->
<a name="top"></a>

<div align="center">
  <div style="width:970px; height:280px">

      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="970" height="280">
        <param name="movie" value="hoiquantinhoc/loitraitim/banner.swf">
        <param name="quality" value="high">
        <embed src="http://loitraitim.com/diendan/styles/Wchild/banner.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="970" height="280"></embed>
          </object>
  </div>

  <div style="clear:both"></div>

<!-- /logo -->

<!-- content table -->
<!-- open content container -->

<div align="center">
  <div class="page" style="width:970px; text-align:left">
      <div style="padding:0px 7px" align="left">



<!-- breadcrumb, login, pm info -->

<table class="tborder" align="center" border="0" cellpadding="6" cellspacing="0" height="60px;" width="100%">
<tr>
  <td class="alt1" width="100%">
<div class="navbar" style="font-size: 10pt;"><strong><div class="nav"><a class="nav" href="{U_INDEX}"><img src="http://i967.photobucket.com/albums/ae153/ligerv/loitraitim/navbits_start.gif" class="inlineimg" alt="" border="0" /> Forum 4ALL</a>{NAV_CAT_DESC}</div> <img src="http://img529.imageshack.us/img529/2123/navbitsfinallinkltr0595.gif" /> {PAGE_TITLE} </strong></div>
   
  </td>

  <td class="alt2" style="padding: 0px; background: rgb(255, 242, 245) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" nowrap="nowrap">

  <!-- BEGIN switch_user_logged_out -->
   
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   
<table cellpadding="0" cellspacing="3" border="0">
<tr>

<td class="smallfont" style="white-space: nowrap;">
<label for="navbar_username">Tài khoản:</label></td>


<td>
<input id="username" class="post" type="text" size="10" name="username" />
</td>
<td nowrap="nowrap">
<label><img src="http://img204.imageshack.us/img204/3672/rem.png" />
 <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
</td>
</tr>

<tr>

<td class="smallfont"><label for="password">Mật khẩu:</label>
</td>
<td>
<input id="password" class="post" type="password" size="10" name="password" />
</td>
<td nowrap="nowrap">{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="Đăng nhập">
</td>
</tr>
</table>
</form>
<!-- END switch_user_logged_out -->

<!-- BEGIN switch_user_logged_in -->
<span class="gensmall"> {LOGGED_AS}
<br>{LAST_VISIT_DATE}<br>
 {CURRENT_TIME}
</span>
<!-- END switch_user_logged_in -->   
  </div>
  </td>

</tr>
</table>
<!-- / breadcrumb, login, pm info -->

<!-- nav buttons bar -->
<div style="border: 1px solid rgb(255, 146, 175); padding: 1px;">
  <table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
  <tr align="center">
      <td class="vbmenu_control">{GENERATED_NAV_BAR}</td>
      </tr>
  </table>
</div>
<!-- / nav buttons bar -->


          <br />
            <div style="clear: both;"></div>

            <!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
              <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                    <td {CLASS_TABLE_TYPE} align="left" class="row1">
                        <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>
                    </td>
                  </tr>
              </table>
            </div>
            <!-- END switch_ticker -->


                  <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                    <tbody>
                        <tr>
                          <td valign="top" width="{C1SIZE}">
                              <div id="{ID_LEFT}">
                                <!-- BEGIN giefmod_index1 -->
                                {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                <!-- END giefmod_index1 -->
                              </div>
                          </td>
                          <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                          </td>
                        </tr>
                    </tbody>
                  </table>
              </div>
            </div>
</body>
</html>
<!-- END html_validation -->

trong đoạn codes trên có chứa codes banner LTT:

Code:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="970" height="280">
        <param name="movie" value="hoiquantinhoc/loitraitim/banner.swf">
        <param name="quality" value="high">
        <embed src="http://loitraitim.com/diendan/styles/Wchild/banner.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="970" height="280"></embed>
          </object>

có thể thay bằng flash hoặc ảnh khác tương ứng có chiều rộng 970px.

TOPIC_LIST_BOX

Code:

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

<table width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <td class="thead" colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </td>
      <td class="thead" align="center" nowrap="nowrap" width="80"> {topics_list_box.row.L_REPLIES} </td>
      <td class="thead" align="center" nowrap="nowrap" width="100"> {topics_list_box.row.L_AUTHOR} </tdh>
      <td class="thead" align="center" nowrap="nowrap" width="50"> {topics_list_box.row.L_VIEWS} </td>
      <td class="thead" align="center" nowrap="nowrap" width="150"> {topics_list_box.row.L_LASTPOST} </td>
      <!-- BEGIN multi_selection -->
      <th align="center" nowrap="nowrap" width="20"><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>
  <!-- BEGIN pagination -->
  <tr>
      <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
  </tr>
  <!-- END pagination -->
  <!-- END header_table --><!-- BEGIN header_row -->
  <tr>
      <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
  </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
  <tr>
      <!-- BEGIN single_selection -->
      <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
      <!-- END single_selection -->
      <td class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="middle" width="20"><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}" /></td>
      <!-- BEGIN icon -->
      <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td>
      <!-- END icon -->
      <td class="row1" width="100%">
        <div class="topictitle">
            {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
            <h2 class="topic-title">
              <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
            </h2>
        </div>
        <!-- BEGIN switch_description -->
        <span class="genmed">
            <br />
            {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
        </span>
        <!-- END switch_description -->
        <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>
        <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
      </td>

      <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.REPLIES}</span></td>
      <td class="row3" align="center" valign="middle"><span class="name"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span></td>
      <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.VIEWS}</span></td>
      <td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"><span class="postdetails">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span></td>
<!-- BEGIN multi_selection -->
      <td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
  <!-- END multi_selection -->
  </tr>
  <!-- END topic --><!-- BEGIN no_topics -->
  <tr>
      <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
  </tr>
  <!-- END no_topics --><!-- BEGIN bottom -->
  <tr>
      <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td> <span class="gensmall">{PAGINATION}</span></td>
              <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
        </table>
      </td>
  </tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

VIEWFORUM_BODY

Code:

{BOARD_INDEX}
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td align="left" valign="middle" width="50">
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
        <!-- END switch_user_authpost -->
      </td>
      <td class="gensmall" align="right" valign="bottom" nowrap="nowrap">
        <span class="nav">
            <script type="text/javascript">
            //<![CDATA[
              insert_plus_menu('f{FORUM_ID}&f={FORUM_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
        </span>
      </td>
  </tr>
</table><div style="width: 960px;" align="center">
    <div>
      <div class="tcat_left" style="float: left;"></div>
      <div class="tcat_bg" style="float: left;">
<div class="tcat2">
<h2>{PAGE_TITLE}</h2>
    </div>
   
</div></div>

<div class="tcat_right">
<div style="padding: 12px;"><div style="padding-top: 12px;">

        <a style="float: right;" href="#top"><img src="http://i967.photobucket.com/albums/ae153/ligerv/loitraitim/collapse_mkt_tcat.png" alt="" border="0"></a>
  </div>     
</div>
</div>
<div style="clear: both;"></div>
<div class="bleft"><div class="bright">
<table align="center" border="0" cellpadding="2" cellspacing="0" width="930"><tr><td width="100%">
{TOPICS_LIST_BOX}</td></tr>
</table>
</div></div>
    <div style="clear: both;"></div>
  <div>

          <div class="tfoot_left"></div>
          <div class="tfoot_bg"></div>
          <div class="tfoot_right"></div>
    </div>

</div>
<div style="clear:both; padding-bottom:18px;"></div>




<div style="width: 960px;" align="center">
    <div>
      <div class="tcat_left" style="float: left;"></div>
      <div class="tcat_bg" style="float: left;">
<div class="tcat2">
<h2>Chức năng</h2>
    </div>
   
</div></div>

<div class="tcat_right">
<div style="padding: 12px;">
<div style="padding-top: 12px;">
        <a style="float: right;" href="#top"><img src="http://i967.photobucket.com/albums/ae153/ligerv/loitraitim/collapse_mkt_tcat.png" alt="" border="0"></a>
      </div> 
</div>
</div>
<div style="clear: both;"></div>
<div class="bleft"><div class="bright">
<table align="center" border="0" cellpadding="2" cellspacing="0" width="930"><tr><td width="100%">
<div id="info_open" style="display:''">
  <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
        <td class="row1" align="left" valign="top"><span class="gensmall"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td>
        <td class="row1" align="right" valign="top"><span class="gensmall">{S_WATCH_FORUM}</span></td>
      </tr>
      <tr>
        <td class="row2" colspan="2" valign="top"><span class="gensmall"><b>{LOGGED_IN_USER_LIST}</b></span></td>
      </tr>
      <tr>
        <td class="row2" valign="top" width="150"><span class="gensmall"><b>{L_MODERATOR}:</b></span></td>
        <td class="row1" valign="top"><span class="gensmall">{MODERATORS}</span></td>
      </tr>
      <tr>
        <td class="row2" valign="top" width="150"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
        <td class="row1" valign="top"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <tr>
        <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td class="nav" valign="middle" width="100%"><div class="nav"> <a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC_SECOND}</div></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
</div>

<div id="info_close" style="display:none">
  <table width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
        <td class="row1" colspan="2" align="right" valign="top"><span class="gensmall"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td>
      </tr>
      <tr>
        <td class="row2" colspan="2" valign="top"><span class="gensmall"><b>{LOGGED_IN_USER_LIST}</b></span></td>
      </tr>
      <tr>
        <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td class="nav" valign="middle" width="100%"><span class="nav"> <a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
</div></td></tr></table>
</div></div>
    <div style="clear: both;"></div>
  <div>

          <div class="tfoot_left"></div>
          <div class="tfoot_bg"></div>
          <div class="tfoot_right"></div>
    </div>

</div>
<div style="clear:both; padding-bottom:18px;"></div>
  <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>

        <td align="left" valign="middle" width="50">
            <!-- BEGIN switch_user_logged_in -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}1" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
            <!-- END switch_user_logged_in -->
        </td>
        <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>

  </tr>
  <!-- BEGIN switch_legend -->
  <tr>
      <td colspan="2">
        <table border="0" cellpadding="6" cellspacing="2" align="center">
            <tr>
              <td>
                  <img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_NEW_IMG}</span><br />
                  <img src="{FOLDER_HOT_NEW_IMG}" alt="{L_FOLDER_HOT_NEW_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_HOT_NEW_IMG}</span><br />
                  <img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_FOLDER_LOCKED_NEW_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_LOCKED_NEW_IMG}</span>
              </td>
              <td>
                  <img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_IMG}</span><br />
                  <img src="{FOLDER_HOT_IMG}" alt="{L_FOLDER_HOT_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_HOT_IMG}</span><br />
                  <img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_LOCKED_IMG}</span>
              </td>
              <td valign="top">
                  <img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_ANNOUNCE_IMG}</span><br />
                  <img src="{FOLDER_GLOBAL_ANNOUNCE_IMG}" alt="{L_FOLDER_GLOBAL_ANNOUNCE_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_GLOBAL_ANNOUNCE_IMG}</span><br />
                  <img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_STICKY_IMG}</span><br />
              </td>
            </tr>
        </table>
      </td>
  </tr>
  <!-- END switch_legend -->
</table>
      </form>

hehe đã xog!có j thì các pạn
cứ pm qua cái topic ni hén

ý suýt nữa quên nguồn là 4all

thank kju nghen mik làm đk rùi!!!!!

ửa chỉnh cái baner sao vậy my ơi
!!!

ý bạn là seo mình k hiểu lắm