Đăng Nhập

Vui lòng khai báo chính xác tên truy cập và mật khẩu!

Quên mật khẩu?

    [Skin] Lời trái tim

      Hoạt Động Tốt
      girlbaby

      Giới tính : Nữ

      Tuổi : 32

      Đến từ : HCM-bt

      Ngày Tham gia : 15/07/2011

      Tổng số bài gửi : 75

      #1

       Thu Oct 06, 2011 12:05 pm

       [Skin] Lời trái tim Indexy10

      Code:


      1. CSS

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


      2. 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}" /><br />
              <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 -->
              <br /><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>
                  <!-- BEGIN switch_on_index -->
                    <!-- BEGIN switch_delete_cookies -->
                    <br /><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}" /><br />
              <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>
            </td>
        </tr>
      </tbody>

        <!-- BEGIN switch_chatbox_activate -->
        <tr>
            <td class="alt1"></td><td class="alt1">
              <span class="smallfont">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST} <br />
                  <!-- 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>
            </td>
        </tr>
        <!-- END switch_chatbox_activate -->

      <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}
         
      Hoạt Động Tốt
      girlbaby

      Giới tính : Nữ

      Tuổi : 32

      Đến từ : HCM-bt

      Ngày Tham gia : 15/07/2011

      Tổng số bài gửi : 75

      #2

       Thu Oct 06, 2011 12:06 pm

      3.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.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>
      Hoạt Động Tốt
      girlbaby

      Giới tính : Nữ

      Tuổi : 32

      Đến từ : HCM-bt

      Ngày Tham gia : 15/07/2011

      Tổng số bài gửi : 75

      #3

       Thu Oct 06, 2011 12:08 pm

      5. 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.
      Hoạt Động Tốt
      girlbaby

      Giới tính : Nữ

      Tuổi : 32

      Đến từ : HCM-bt

      Ngày Tham gia : 15/07/2011

      Tổng số bài gửi : 75

      #4

       Thu Oct 06, 2011 12:11 pm

      6. TOPIC_LIST_BOX
      Code:
      <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 -->



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


      8. VIEWTOPIC_BODY

      Code:
       <script type="text/javascript">
      //<![CDATA[
      var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
      $(function(){
        _atc.cwait = 0;
        $('.addthis_button').mouseup(function(){
            if ($('#at15s').css('display') == 'block') {
              addthis_close();
              addthis_close();
            }
        });
      });
      //]]>
      </script>

      <table width="100%" border="0" cellspacing="2" cellpadding="0">
        <tr>
            <td align="left" valign="middle" nowrap="nowrap">
              <span class="nav">
              <!-- BEGIN switch_user_authpost -->
              <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> 
              <!-- END switch_user_authpost -->
              <!-- BEGIN switch_user_authreply -->
              <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
              <!-- END switch_user_authreply -->
              </span>
            </td>
            <td align="right" valign="bottom" nowrap="nowrap" width="100%">
              <span class="gensmall bold">
                  <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
                  |
                  <script type="text/javascript">
                  //<![CDATA[
                  insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                  //]]>
                  </script>
              </span>
            </td>
        </tr>
      </table>

      <table width="100%" border="0" cellspacing="2" cellpadding="0">
        <!-- BEGIN topicpagination -->
        <tr>
            <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
        </tr>
        <!-- END topicpagination -->
        {POLL_DISPLAY}

        <!-- BEGIN postrow -->
        <!-- BEGIN displayed -->
      <tr><td>
      <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>{TOPIC_TITLE}</h2>
          </div>
       
      </div></div>

      <div class="tcat_right">
      <div style="padding: 12px;"><div style="padding-top: 12px;">
      <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</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 class="post">
        <td class="alt1" width="185">
      <div class="pbg" align="center">
        <div class="ptop"></div>
        <div style="clear: both;"></div>
        <div class="info" width="165px" style="overflow: hidden;" align="center">
              <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span>  </div><br />
                  <span class="postdetails poster-profile">
                  {postrow.displayed.POSTER_RANK}<br />
                  {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />

      <div style="margin:0px; margin-top:1px"><div style="font:
      10px Verdana, Geneva, Lucida, 'Lucida Grande';
      margin-bottom:2px"><b></b> <input type="button"
      value="Xem thông tin"
      style="width:100px;font-size:8px;margin:0px;padding:0px;" onclick="if
      (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
       != '') {
      this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
       = '';        this.innerText = ''; this.value = 'Ẩn'; } else {
       
      this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
       = 'none'; this.innerText = ''; this.value = 'Xem lại'; }"
      /></div><div style="min-height: 0px; max-width: 100px;
      background-color: transparent; margin: 0px; padding: 0px; border: 0px
      inset;"><div style="display: none;">



                  <!-- 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}
              </span><br />
            </div>
              </div>
        <div style="clear: both;"></div>
        <div class="pbottom"></div>
        </td>

            <td class="row1"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}  <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
                    <td valign="top" nowrap="nowrap" class="post-options">
                        {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                    </td>
                  </tr>
                  <tr>
                    <td colspan="2" class="hr">
                        <hr />
                    </td>
                  </tr>
                  <tr>
                    <td colspan="2">
                        <!-- BEGIN switch_vote_active -->
                        <div class="vote gensmall">
                          <!-- BEGIN switch_vote -->
                          <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                          <!-- END switch_vote -->

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

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

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

                          <!-- BEGIN switch_vote -->
                          <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                          <!-- END switch_vote -->
                        </div>
                        <!-- END switch_vote_active -->

        <div style="background: transparent url(http://i967.photobucket.com/albums/ae153/ligerv/loitraitim/post_top.jpg) no-repeat scroll right top; font-family: tahoma,verdana,arial; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;">
              <div style="padding: 10px; line-height: 18px;">
                        <div class="postbody">

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

                                      <!-- BEGIN switch_dl_att -->
                                      <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                      <!-- END switch_dl_att -->

                                      <!-- BEGIN switch_no_dl_att -->
                                      {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                      <!-- END switch_no_dl_att -->
                                    </dt>

                                    <!-- BEGIN switch_no_comment -->
                                    <dd>
                                      <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                                    </dd>
                                    <!-- END switch_no_comment -->

                                    <!-- BEGIN switch_no_dl_att -->
                                    <dd>
                                      <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                                    </dd>
                                    <!-- END switch_no_dl_att -->

                                    <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                                </dl>
                                <!-- END switch_post_attachments -->
                              </dd>
                          </dl>
                          <!-- END switch_attachments -->

                          <div class="clear"></div>
                          <div class="signature_div">
                              {postrow.displayed.SIGNATURE}
                          </div>

                        </div></div></div>
                        <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
                    </td>
                  </tr>
              </table>
            </td>
        </tr>
        <tr>
            <td class="row1 browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
              <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
            </td>
            <td class="row1 messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
              <table border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td valign="middle">
                        {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
                    </td>
                  </tr>
              </table>
            </td>
        </tr>
        <!-- BEGIN first_post_br -->
      </table>
      <br />
      <table width="100%" border="0" cellspacing="1" cellpadding="0">
        <!-- END first_post_br -->

      </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 displayed -->
        <!-- BEGIN hidden -->
        <tr>
            <td class="postdetails row1" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
        </tr>
        <!-- END hidden -->
        <!-- END postrow -->
        <!-- BEGIN no_post -->
        <tr align="center">
            <td class="row1" colspan="3" height="28">
              <span class="genmed">{no_post.L_NO_POST}</span>
            </td>
        </tr>
        <!-- END no_post -->
        <tr align="right">
            <td class="catBottom" colspan="3" height="28">
              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="9%" class="noprint"> </td>
                    <td align="center" nowrap="nowrap" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
                    <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
                  </tr>
              </table>
            </td>
        </tr>
      </table>


      <table class="noprint" width="100%" border="0" cellspacing="1" cellpadding="0">
        <tr>
            <td class="row1" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
            <!-- BEGIN topicpagination -->
            <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
            <!-- END topicpagination -->
        </tr>
        <!-- BEGIN switch_user_logged_in -->
        <!-- BEGIN watchtopic -->
        <tr>
            <td class="row1" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
        </tr>
        <!-- END watchtopic -->
        <!-- END switch_user_logged_in -->
        <tr>
            <td class="row1" colspan="2" align="center" style="padding:0px">        <!-- BEGIN switch_user_logged_in -->
      <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>Trả lời nhanh</h2>
          </div>
       
      </div></div>

      <div class="tcat_right">
      <div style="padding: 12px;"><div style="padding-top: 12px;">
      <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</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><td class="c3z" width="100%" align="center">
              <a name="quickreply"></a>
              {QUICK_REPLY_FORM}<br /></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>
              <!-- END switch_user_logged_in -->
            </td>
        </tr>
        <tr>
            <td style="margin:0; padding: 0;" colspan="2">
              <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
                  <tbody>
            <!-- BEGIN show_permissions -->
            <tr>
              <td class="row1" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
              <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
            </tr>
            <!-- END show_permissions -->
            <tr>
              <td class="catBottom" colspan="2" height="28">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                        <!-- BEGIN show_permissions -->
                        <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>
                        <!-- END show_permissions -->
                    </tr>
                  </table>
              </td>
            </tr>
        </tbody>
              </table>
            </td>
        </tr>
        <tr>
            <td style="margin:0; padding: 0;" colspan="2">
              <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
                  <tbody>
            <tr>
              <td class="catBottom" colspan="2" height="28">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</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>
        </tbody>
              </table>
            </td>
        </tr>
      </table>

      <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
      <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
        <tr>
            <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
              <span class="nav">
                  <!-- BEGIN switch_user_authpost -->
                  <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> 
                  <!-- END switch_user_authpost -->
                  <!-- BEGIN switch_user_authreply -->
                  <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
                  <!-- END switch_user_authreply -->
              </span>
            </td>
            <!-- BEGIN viewtopic_bottom -->
            <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
            <!-- END viewtopic_bottom -->
            <!-- BEGIN moderation_panel -->
            <td align="center">
              <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
            </td>
            <td align="center" width="250">
              <span class="gensmall"> </span>
            </td>
            <!-- END moderation_panel -->
        </tr>
      </table>
      </form>

      <!-- BEGIN viewtopic_bottom -->
      <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
        <tr>
            <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
              <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
                  <input type="hidden" name="t" value="{TOPIC_ID}" />
                  <input type="hidden" name="sid" value="{S_SID}" />
                  <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
              </form>
            </td>
        </tr>
      </table>
      <!-- END viewtopic_bottom -->

      <!-- BEGIN switch_image_resize -->
      <script type="text/javascript">
      //<![CDATA[
      $(resize_images({ 'selector' : '.postbody', '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" src="{JS_DIR}addthis/addthis_widget.js"></script>

      Trung Binh
      CONAN

      Giới tính : Nữ

      Tuổi : 25

      Đến từ : Việt Nam

      Ngày Tham gia : 31/05/2012

      Tổng số bài gửi : 11

      #5

       Sat Jun 02, 2012 8:57 am

      cái đầu mình cho vào đâu vậy ạh?
      mà mình phải del toàn bộ trong temp sao? Biết chết liên!
      Trung Binh
      CONAN

      Giới tính : Nữ

      Tuổi : 25

      Đến từ : Việt Nam

      Ngày Tham gia : 31/05/2012

      Tổng số bài gửi : 11

      #6

       Sat Jun 02, 2012 9:15 am

      em có làm thử rồi nhưng cái header bị mất, còn chèn code vào TOPIC_LIST_BOX thì nó báo lỗi ạh bun
      Tony Stark

      Giới tính : Nam

      Tuổi : 31

      Đến từ : Cần thơ

      Ngày Tham gia : 10/01/2012

      Tổng số bài gửi : 750

      #7

       Sat Jun 02, 2012 9:26 am

      bạn xem lại đi mình thấy code đâu có sai lè lưỡi
      Trung Binh
      CONAN

      Giới tính : Nữ

      Tuổi : 25

      Đến từ : Việt Nam

      Ngày Tham gia : 31/05/2012

      Tổng số bài gửi : 11

      #8

       Sat Jun 02, 2012 10:07 am

      nhưng header thì bị mất rồi, em không cài lại được, mất luôn cái hàng index~ =))
      link nè, bác coi thử giúp: [You must be registered and logged in to see this link.]
      Admin
      Admin

      Giới tính : Nam

      Đến từ : TPHCM

      Ngày Tham gia : 03/04/2011

      Tổng số bài gửi : 2292

      #9

       Sat Jun 02, 2012 4:59 pm

      CONAN đã viết:nhưng header thì bị mất rồi, em không cài lại được, mất luôn cái hàng index~ =))
      link nè, bác coi thử giúp: [You must be registered and logged in to see this link.]
      bạn có thể thay cái banner khác vậy là được rồi.chúc bạn thành công!có thể banner đó lâu rùi nên đã die
      Trung Binh
      CONAN

      Giới tính : Nữ

      Tuổi : 25

      Đến từ : Việt Nam

      Ngày Tham gia : 31/05/2012

      Tổng số bài gửi : 11

      #10

       Sat Jun 02, 2012 8:19 pm

      thay đoạn nào ạh? em mù mấy cái này lắm~
      Tony Stark

      Giới tính : Nam

      Tuổi : 31

      Đến từ : Cần thơ

      Ngày Tham gia : 10/01/2012

      Tổng số bài gửi : 750

      #11

       Sat Jun 02, 2012 8:31 pm

      sặc!!!
      bạn tìm cái link ảnh của phần head rồi thay nó bằng link mới thôi
      #12