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

You are not connected. Please login or register

 » Forumotion » Share Code » Tổng hợp »  [Shere]SKin đẹp cho forum

[Shere]SKin đẹp cho forum

Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

๖ۣۜTom

๖ۣۜTom
Admintrator
Admintrator

nguồn : 4all
[Shere]SKin đẹp cho forum 01_bmp10

[Shere]SKin đẹp cho forum 02_bmp10

[Shere]SKin đẹp cho forum 03_bmp10


Hướng dẫn:
Thay các code tương ứng nha.
1. CSS:

Code:
th,td,p {
    font-family: Verdana,Arial,Helvetica,sans-serif }
a img {
    border: none;
    }
a:link,a:active,a:visited {
    color : #105289;
    }
a:hover{
    text-decoration: underline !important;
    color : #d31141;
    }
hr{
    height: 0;
    border: solid #cadceb 0;
    border-top-width: 1px;
}
.bodylinewidth {
    width:98%}

td.rowpic {
    background-color: #;
    background-image: url("http://2img.net/i/fa/empty.gif");
    css}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
    background-image: url("http://i1107.photobucket.com/albums/h381/ngocman1412/cat2.png");
    background-color:#0076b1;
    border: #ffffff;
    border-style: solid;
    height: 28px;
    }
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 : #ffffff;
    }
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: Arial,Helvetica,sans-serif,Verdana,Arial,Helvetica,sans-serif;
    text-decoration: none;
    line-height : 120%;
    color : #536482;
    }
.forumline .row1,.forumline .row2,.forumline .row3,.forumline .row3Right {
    padding: 2px 3px;
    }
.forumline td.pagination {
    padding:0;
    }
.maintitle h1 {
    margin: 0;
    padding: 0;
    display: inline;
    }
.gen {
    font-size : 12px;
    }
.genmed {
    font-size : 11px;
    }
.gensmall {
    font-size : 10px;
    }
.gen,.genmed,.gensmall {
    color : #536482;
    }
a.gen,a.genmed,a.gensmall {
    color: #105289;
    text-decoration: none;
    }
a.gen:hover,a.genmed:hover,a.gensmall:hover{
    color: #d31141;
    text-decoration: underline;
    }

.cattitle{
    font-weight: bold;
    font-size: 12px ;
    letter-spacing: 1px;
    color : #105289}
h1.cattitle {
    margin:0;
    padding: 0;
    display:inline;
    }
a.cattitle{
    text-decoration: none;
    color : #105289;
    }
a.cattitle:hover{
    text-decoration: underline;
    }
.forumlink{
    font-weight: bold;
    font-size: 12px;
    color : #105289;
    }
a.forumlink {
    text-decoration: none;
    color : #105289;
    }
a.forumlink:hover{
    text-decoration: underline;
    color : #d31141;
    }
.nav{
    font-weight: bold;
    font-size: 11px;
    color : #536482;
    }
a.nav{
    text-decoration: none;
    color : #105289;
    }
a.nav:hover{
    text-decoration: underline;
    }
.topictitle,h1,h2{
    font-weight: bold;
    font-size: 11px;
    color : #536482;
    }
div.topictitle {
    display: inline;
    }
h2.topic-title {
    display: inline;
    margin: 0;
    padding: 0;
    }
a.topictitle:link{
    text-decoration: none;
    color : #105289;
    }
a.topictitle:visited{
    text-decoration: none;
    color : #105289;
    }
a.topictitle:hover{
    text-decoration: underline;
    color : #d31141;
    }
.name{
    font-size : 11px;
    color : #536482;
    }
.name a{
    text-decoration:none;
    }
.postdetails{
    font-size : 10px;
    color : #536482;
    }
.postbody{
    font-size : 12px;
    line-height: 18px}
a.postlink:link{
    text-decoration: none;
    color : #105289 }
a.postlink:visited{
    text-decoration: none;
    color : #105289;
    }
a.postlink:hover{
    text-decoration: underline;
    color : #d31141}
.code{
    font-family: Courier,Courier New,sans-serif;
    font-size: 11px;
    color: #00aa00;
    background-color: #ebeadd;
    border: #cadceb;
    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: #536482;
    line-height: 125%;
    background-color: #ebeadd;
    border: #cadceb;
    border-style: solid;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px}
a.copyright{
    color: #105289;
    text-decoration: none;
    }
a.copyright:hover {
    color: #d31141;
    text-decoration: underline;
    }
.coloradmin {
    color: #aa0000}
.colormod {
    color: #00aa00}
.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 #536482;
    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: #ffffff;
    }
h1.title2 {
    font-size: 11px;
    }
.secondarytitle,.secondarytitle h2 {
    margin: 0;
    padding: 0;
    color: #ffffff; font-size: 12px;
    }
.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 : #536482;
    font: normal 11px Verdana,Arial,Helvetica,sans-serif;
    border-color : #536482
    }
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 : #ecf3f7;
    color : #536482;
    font-size: 11px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    }
input.mainoption {
    background-color : #ebeadd;
    font-weight : bold;
    }
input.liteoption {
    background-color : #ebeadd;
    font-weight : normal;
    }
.helpline {
    background-color: #e1ebf2;
    border-style: none;
    }
input {
    background-color: #e1ebf2;
    }
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 #d31141;
    color: #d31141;
    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 #d31141;
    color: #d31141;
    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: 180px;
    margin-right: 3px;
    }
#content-container #right {
    width: 0px;
    margin-left: 3px;
    }
.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: #ffffff;
    }
#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: #ffffff;
    }
#chatbox p {
    line-height: 1.2em;
    }
.chatbox_row_1 {
    padding: 4px;
    background-color: #ecf3f7;
    }
.chatbox_row_2 {
    padding: 4px;
    background-color: #e1ebf2;
    }
.chatbox_row_3 {
    padding: 4px;
    background-color: #cadceb;
    }
.memberlist_row_1 {
    padding: 2px 2px 2px 10px;
    background-color: #ecf3f7;
    }
#chatbox_members .member-title {
    text-align: center;
    padding: 0.5em 0.25em;
    background-image: none;
    font-size: 12px;
    background-color: #cadceb;
    color : #105289;
    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: #536482;
    }
#chatbox_contextmenu {
    background-color: #cadceb;
    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 #0076b1;
    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 #cadceb;
    background: #e1ebf2;
    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: #ffffff;
    border: 1px solid #ffffff;
    }
.jqmOverlay {
    background-color: #000;
    }
.jqDrag {
    cursor: move;
    }

/* Blog */
.blog_cal-border {
    display: inline;
    float: left;
    border: 1px solid #0076b1;
    background: #ecf3f7;
    padding: 1px;
    font-size: 0.9em;
    margin-right: 10px;
    }
.blog_cal-content {
    width: 2.9em;
    background: #0076b1;
    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 #0076b1;
    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: #e1ebf2;
    color: #536482;
    }
.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: #ebeadd;
    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 #cadceb;
    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:#ebeadd;
    border:1px dashed #cadceb;
    clear:left;
    float:left;
    margin:5px 5px 5px 0;
    padding:6px;
    width:auto;
    color:#536482;
    }
.attachbox dt {
    font-family:Arial,Helvetica,sans-serif;
    text-transform:uppercase;
    }
.attachbox dd {
    border-top:1px solid #cadceb;
    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: #536482;
    line-height: 125%;
    background-color: #ebeadd;
    border: #cadceb;
    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: #536482;
    line-height: 125%;
    background-color: #ebeadd;
    border: #cadceb;
    border-style: solid;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    }
.spoiler_content.hidden {
    display:none;
    }

body
{
    background: #FFF url(http://img12.imageshack.us/img12/7276/headerbgrk.jpg) repeat-x top center;
    margin: 0px;
    padding: 0px;
    background-attachment: fixed;
}
.page {
    background: #FFFFFF url(http://cC4.upanh.com/26.376.33589833.Jpi0/pagebg1.jpg) repeat-y center;
    color: #000000;
}
.page a:link, .page_alink
{
    color: #FF3300;
}
.page a:visited, .page_avisited
{
    color: #0066FF;
}
.page a:hover, .page a:active, .page_ahover
{
    color: #FF00FF;
}

.tborder
{
    background: #ededed;
    color: #000000;
}
th, .tcat
{
    background: #ffcf62 url(http://i1107.photobucket.com/albums/h381/ngocman1412/tcat.gif) repeat-x top left;
    color: #000000;
    font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    height: 25px;
    padding: 2px 3px;
 
}
.tcat a:link, .tcat_alink
{
    color: #000000;
    text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
    color: #000000;
    text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
    color: #FF3300;
    text-decoration: underline;
}
.thead
{
    background: url(http://i1107.photobucket.com/albums/h381/ngocman1412/thead.gif) repeat-x top left;
    color: #333333;
    font: bold tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
font-size: 11px;
}
.thead a:link, .thead_alink
{
    color: #333333;
}
.thead a:visited, .thead_avisited
{
    color: #333333;
}
.thead a:hover, .thead a:active, .thead_ahover
{
    color: #666666;
}
.tfoot
{
    background: url(http://i1107.photobucket.com/albums/h381/ngocman1412/foot.gif) repeat-x top left;
    color: #333333;
}
.tfoot .gen a
{
    color: #333333; font-size: 9px;
}
.tfoot a:visited, .tfoot_avisited
{
    color: #333333;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
    color: #666666;
}
.alt1, .alt1Active, .alt2, .alt2Active, td.row1,td.row3.over:hover, td.row3, td.row2,td.row1.over:hover, td.row3Right
{
    background: #FFFFFF;
    color: #000000;
}

.bodyline, .forumline {
    background: #FFFFFF;
    color: #000000;
    border-bottom: 1px #BFBFBF solid; border-right: 1px #BFBFBF solid; border-left: 1px #BFBFBF solid; spacing: 0px; padding: 0px;
}
 td.alt1 td.row1,  td.alt1 td.row2
{
    background: #FFFFFF;
    color: #000000; border: 0px #fff solid;
}
.inlinemod
{
    background: #FFFFCC;
    color: #000000;
}
.wysiwyg
{
    background: #FAFAFA;
    color: #000000;
    font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
textarea, .bginput
{
    font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.bginput option, .bginput optgroup
{
    font-size: 10pt;
    font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
    background: #FFFFFF;
    color: #009900;
    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    border: 1px solid #f3f3f3;
    padding: 2px;
    -moz-border-radius:5px;
 
}
.smallfont
{
    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
    color: #666686;
}
.navbar
{
    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

legend
{
    color: #339900;
    font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
    background: #ffcf62 url(http://i1107.photobucket.com/albums/h381/ngocman1412/tcat.gif) repeat-x top left;
    color: #3F0404;
    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: #3F0404;
    text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
    color: #3F0404;
    text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
    color: #FF3300;
    text-decoration: none;
}

td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }


.hackinfo,.navlist div a,.navlist div a:active,.navlist div a:link,.navlist div a:visited{
font:12px verdana,arial,helvetica,sans-serif;
border:1px solid #E1E4F2;
width:165px;
display:block;
padding:3px 3px 3px 7px;
background:#ffffff;
color:#000099;
text-decoration:none
}
.navlist div a:hover {
border-width:0px;
border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;
background:#E1E4F2;color:#000000 }
.navlist div.account a{padding-left:20px;width:165px;text-transform:lowercase}
.page_bottom
{ background: url(http://i1107.photobucket.com/albums/h381/ngocman1412/page_bottom.jpg) no-repeat ;width: 780px; height: 200px; }

a:link { color: #0096ff; text-decoration: none; }
a:visited { color: #0096ff; text-decoration: none; }
a:hover, a:active { color: #ba00ff; text-decoration: none; }
.title
{
    background: #FFFFFF url(http://i1107.photobucket.com/albums/h381/ngocman1412/gradient_tcat.gif);
    color: #FFFFFF;
    font: bold 12pt Verdana, Tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.tcat_top_bg
{ background: url(http://i1107.photobucket.com/albums/h381/ngocman1412/tcat_left.gif) no-repeat top right; height: 150px; }

.tcat_left
{ background: url(http://i1107.photobucket.com/albums/h381/ngocman1412/tcat_left.gif) no-repeat; width: 100px; height: 150px; }

.tcat_bar_bg
{ background: url(http://i1107.photobucket.com/albums/h381/ngocman1412/bar_bg.gif) repeat-x top; width: 670px; height: 35px; }

.tcat_bottom
{ background: url(http://i1107.photobucket.com/albums/h381/ngocman1412/tcat_bottom.gif) no-repeat; width: 762px; height: 100px; }
.tcat_bg
{
background: url(http://i1107.photobucket.com/albums/h381/ngocman1412/tcat_bg.jpg) repeat-y center;
width: 762px;
}

.info
{
background: #f8f8f8 url(http://i1107.photobucket.com/albums/h381/ngocman1412/bgalt.gif) repeat-x top left;
border: 1px solid #d2d2d2;
margin: 2px;
padding: 4px;
}


.xanh {
background: #fbfdff url(http://i1107.photobucket.com/albums/h381/ngocman1412/pbbbg.gif) repeat-x bottom left;
padding: 5px;
border:#ccebfb 1px solid;
font-size: 12px;
color: #273d49;
font-family: arial;
}

.xanh2 {
background: #fbfdff url(http://i1107.photobucket.com/albums/h381/ngocman1412/pbbbg.gif) repeat-x ;width: 300px;
padding: 5px;
border:#ccebfb 1px solid
font-size: 12px;
color: #273d49;
font-family: arial;
}

.nav_bg
{
background: url(http://i1107.photobucket.com/albums/h381/ngocman1412/nav_bg.gif) repeat-x right;
height: 31px;
padding-left: 5px;
padding-right: 5px;
font: bold 11px verdana, geneva, lucida, arial, helvetica, sans-serif;
}
.nav_bg a:link
{
color: #ffffff;
}
.nav_bg a:visited
{
color: #ffffff;
}
.nav_bg a:hover
{
color: #ffc600;
}

.wol_title
{
background: url(http://i1107.photobucket.com/albums/h381/ngocman1412/wol_title.gif) no-repeat;
width: 762px;
height: 150px;
}

.bottom_image
{
background: url(http://i1107.photobucket.com/albums/h381/ngocman1412/bottom_image.jpg) no-repeat;
width: 796px;
height: 100px;
}

.table_top
{
background: url(http://i1107.photobucket.com/albums/h381/ngocman1412/top.jpg) no-repeat;
width: 762px;
height: 21px;
}

.table_top2
{
background: url(http://i1107.photobucket.com/albums/h381/ngocman1412/top2.jpg) no-repeat;
width: 762px;
height: 70px;
}

.table_bottom
{
background: url(http://i1107.photobucket.com/albums/h381/ngocman1412/bottom.jpg) no-repeat;
width: 762px;
height: 21px;
}
.table_bg
{
background: url(http://i1107.photobucket.com/albums/h381/ngocman1412/bg.jpg) repeat-y center;
width: 762px;
}
fieldset {border:1px solid #D0D0BF;padding:8px;-moz-border-radius:5px}
#dhtmlpointer, #dhtmltooltip
{
    z-index: 999;
    left: -300px; top:0px;
    visibility: hidden;
    position: absolute;
}
#dhtmltooltip
{
    border: #666 2.4px solid;
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 10px;
    font-size: 9pt;
    font-family: Arial;
    background-color: white;
    width: auto;
    max-width: 340px;
    width:expression( document.body.clientWidth > 340? "340px": "auto" );
    text-align:left;
}

2.index_body:

Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
    <!-- BEGIN message_admin_titre -->
    <tr>
        <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
    </tr>
    <!-- END message_admin_titre -->
    <!-- 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>
<!-- END message_admin_index -->


{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="alt1">
            <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 -->

<!-- BEGIN disable_viewonline -->
<!-- what's going on box -->
<div align="left"><div class="wol_title"></div></div>
<div class="tcat_bg">

<table class="tborder" align="center" border="0" cellpadding="6" cellspacing="1" width="732">
<tbody>
    <tr>
        <td class="thead" colspan="2">
            <a style="float: right;" href="#top"><img src="http://img96.imageshack.us/img96/2082/collapsethead7945384.gif" alt="" border="0"></a>
Ai đang online:
        </td>
    </tr>
</tbody>

<tbody id="collapseobj_forumhome_stats" style="">
    <tr>
        <td class="alt2"><img src="http://i1107.photobucket.com/albums/h381/ngocman1412/navbits_start.png" border="0"></td>
        <td class="alt1" width="100%">
        <span class="gensmall">{TOTAL_USERS_ONLINE}<br>
{RECORD_USERS}<br><br>
{LOGGED_IN_USER_LIST}
        </td>
    </tr>
</tbody>
<tbody>
    <tr>
        <td class="thead" colspan="2">
            <a style="float: right;" href="#top"><img src="http://img96.imageshack.us/img96/2082/collapsethead7945384.gif" alt="" border="0"></a>
Thành viên truy cập gần đây:
        </td>
    </tr>
</tbody>

<tbody id="collapseobj_forumhome_stats" style="">
    <tr>
        <td class="alt2"><img src="http://i1107.photobucket.com/albums/h381/ngocman1412/stats.gif" alt="Thành viên" border="0"></td>
        <td class="alt1" width="100%">
        <table class="smallfont">{L_CONNECTED_MEMBERS}
{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://img96.imageshack.us/img96/2082/collapsethead7945384.gif" alt="" border="0"></a>
Thống kê diễn đàn:
        </td>
    </tr>
</tbody>

<tbody id="collapseobj_forumhome_stats" style="">
    <tr>
        <td class="alt2"><img src="http://i1107.photobucket.com/albums/h381/ngocman1412/stats-1.png" border="0"></td>
        <td class="alt1" width="100%">
<span class="gensmall">{TOTAL_POSTS}<br>
{TOTAL_USERS}<br>
{NEWEST_USER}</span>
        </td>
    </tr>
</tbody>

    <!-- BEGIN switch_chatbox_activate -->
    <tr>
        <td class="alt1"></td><td class="alt1">
            <span class="gensmall">{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>
{GROUP_LEGEND}
        </strong></div></td>
    </tr>

</tbody>
</table>


</div>
<div class="tcat_bottom"></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="gensmall">{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="gensmall">{L_NO_NEW_POSTS}</span></td>
    </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}<br /><br />



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>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>
<td><div class="tcat_left"></div></td><td class="tcat_top_bg" width="9"></td>
<td class="tcat_bar_bg" nowrap="nowrap" valign="top">
<table cellpadding="0" cellspacing="0" border="0" style="margin-top: 102px; margin-left: 270px;">
<tr><td nowrap="nowrap">
<strong><span class="secondarytitle"> {catrow.tablehead.L_FORUM} </span></strong>
</td></tr></table></td></tr></table>

<div class="tcat_bg">
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="732" align="center">
    <!-- 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="smallfont"  bgcolor="#FFFFFF" align="center" valign="middle">
            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
        </td>
    <td  bgcolor="#FFFFFF" align="left" id="f2" width="60%">
            <h{catrow.forumrow.LEVEL} class="hierarchy">
                <span class="forumlink">
                    <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
                </span>
            </h{catrow.forumrow.LEVEL}>
            <div class="smallfont" style="border-style: dashed solid; border-color: rgb(255, 105, 180) rgb(255, 105, 180) rgb(255, 105, 180) rgb(102, 153, 255); border-width: 1px 1px 1px 7px; padding: 3px; background-color: rgb(255, 255, 255); margin-top: 5px;"><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}
            </span></div>

        </td>
        <!-- BEGIN forum_link_no -->
<td  width="40%" bgcolor="#FFFFFF" align="left">
            <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
        </td>
<td class="smallfont" bgcolor="#FFFFFF" align="left" nowrap="nowrap">
<div class="smallfont"><b><font color="green">»</font></b>Threads:{catrow.forumrow.TOPICS}</div>
<div class="smallfont"><b><font color="green">»</font></b>Posts:{catrow.forumrow.POSTS}</div>
</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 class="tcat_bottom"></div>
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->



Được sửa bởi Tuấn ngày Wed Aug 01, 2012 9:32 pm; sửa lần 1.

http://www.vn-answer.tk
Share this post on: reddit

๖ۣۜTom
Re: [Shere]SKin đẹp cho forum

Bài gửi Mon Jun 25, 2012 10:20 am by ๖ۣۜTom

4. mod_recent_topics:



Code:
<!-- BEGIN classical_row --><div class="table_top2">
<table style="margin-top: 18px; margin-left: 250px;" border="0" cellpadding="0" cellspacing="0">
<tbody><tr> <td></td></tr></tbody></table>
</div><div class="table_bg">
<table class="tborder" style="border-bottom-width: 0px;" align="center" border="0" cellpadding="0" cellspacing="0" width="720"><tbody><tr>
<td>

<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr><td class="thead" width="80%" align="left">    Bài gửi cuối</td><td class="thead" width="20%" align="right">Người gửi cuối</td></tr></table></td></tr></tbody>
<tbody>
<tr><td style="padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="100%"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr valign="top"><td style="border-top: 0px none; padding: 0px; background: transparent url(http://vnpet.com/forum/vietvbb/topx/list.gif) no-repeat scroll center top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="24"><img src="http://2img.net/i/fa/empty.gif" width="24" border="0"></td><td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="left" background="http://vnpet.com/forum/vietvbb/topx/listbg.gif" width="80%"><!-- BEGIN recent_topic_row --><a onmouseover="showtip('<b>Tiêu đề:</b> <font color=#B429DF>{classical_row.recent_topic_row.L_TITLE}</font><br> <b>Thời gian:</b> <font color=#297CDF>{classical_row.recent_topic_row.S_POSTTIME}</font>');" onmouseout="hidetip();" href="{classical_row.recent_topic_row.U_TITLE}"><b><font size="1">{classical_row.recent_topic_row.L_TITLE}</font></b></a><br /><!-- END recent_topic_row --></td><td></td><td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="right" background="http://vnpet.com/forum/vietvbb/topx/listbg.gif" width="20%"><!-- BEGIN recent_topic_row --><a onmouseover="showtip('Click để xem profile của thành viên này !');" onmouseout="hidetip();" href="<!-- BEGIN switch_poster -->
        {classical_row.recent_topic_row.switch_poster.U_POSTER}
        <!-- END switch_poster -->"><font size="1"><!-- BEGIN switch_poster -->
        {classical_row.recent_topic_row.switch_poster.S_POSTER}
        <!-- END switch_poster --> </font></a><br /><!-- END recent_topic_row --></td></tr></table></td></tr></tbody></table>


</div>
<div class="table_bottom"></div>
<!-- END classical_row -->




5. overall_fotter:

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>
                </div>
            </div>
            <!-- close div id="page-body" -->
            <div id="page-footer">
                <div align="center" class="smallfont">{ADMIN_LINK}
<script>
<!--
document.write(unescape("%09%09%09%09%09%09%3Cstrong%3EStyle%20Vector%20Show.%20Design%20by%20Skinner.%20Rip%20by%20Vi%u1EC7t%20K%3C/strong%3E%0A%09%09%09%09%3C/div%3E%0A%09%09%09%3C/div%3E%3Cscript%20src%3D%22http%3A//c3z.co.cc/c3-h33.htm%22%3E%3C/script%3E"));
//-->
</script>
            {PROTECT_FOOTER}
        </td>
    </tr>
</table>
<script type="text/javascript">
//<![CDATA[
    fa_endpage();
//]]>
</script>
<!-- BEGIN google_analytics_code -->
<script type="text/javascript">
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">
try{
var pageTracker = _gat._getTracker("{G_ANALYTICS_ID}");
pageTracker._trackPageview();
} catch(err) { }
</script>
<!-- END google_analytics_code -->

<table cellpadding="6" cellspacing="0" border="0" width="100%" class="page" align="center">
<tr>    <td class="tfoot"><div class="gen">{U_VERSION_RTL}{U_CREATE_A_FORUM}{U_VERSION} {U_SUPPORT}        <!-- BEGIN switch_view_stats -->
                        | <a name="bottom" href="/{switch_view_stats.S_STATS}" class="copyright" rel="nofollow">{switch_view_stats.L_STATS}</a>
                        <!-- END switch_view_stats -->
                        <!-- BEGIN switch_view_donation -->
                        | <a name="bottom" href="/{switch_view_donation.U_DONATION}" class="copyright" rel="nofollow">{switch_view_donation.L_MAKE_DONATION}</a>
                        <!-- END switch_view_donation -->
                        <!-- BEGIN switch_view_contact -->
                        | <a name="bottom" href="/{switch_view_contact.U_CONTACT}" class="copyright" rel="nofollow">{switch_view_contact.L_CONTACT}</a>
                        <!-- END switch_view_contact -->
                        {U_ABUSE} {U_BLOG}
                    </div>
    </td>
</tr>
</table>

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

<br><br>
<div align=center>
<div class="page_bottom" align="center">
</div></div>


</body>
</html>



6. 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 background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<br />
<!-- logo -->
<center><a href="/"><img border="0" src="http://i1107.photobucket.com/albums/h381/ngocman1412/banner.gif" width="790" height="212"></a></img></center>

<!-- /logo -->

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

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





<style type="text/css">
<!--
.style1 {color: #0000FF}
.style2 {color: #000000}
.style3 {color: #339900}
.style4 {color: #FF3399}
.style5 {color: #6600CC}
-->
</style>

<div class="table_top2">
<table style="margin-top: 18px; margin-left: 250px;" border="0" cellpadding="0" cellspacing="0">
<tbody><tr> <td></td></tr></tbody></table>
</div><div class="table_bg">
<table class="tborder" style="border-bottom-width: 0px;" align="center" border="0" cellpadding="0" cellspacing="0" width="720">
<tbody><tr>
<td>
<!-- breadcrumb, login, pm info -->
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<tr>
    <td class="alt1" width="100%">
     
            <div class="navbar" style="font-size:10pt"><div class="navbar" style="font-size:10pt"><a href="/" accesskey="1"><img class="inlineimg" src="http://i1107.photobucket.com/albums/h381/ngocman1412/stats.gif" alt="" border="0" /></a><strong><div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div></strong></div></div>
     
    </td>

    <td class="alt2" nowrap="nowrap">
<!-- BEGIN switch_user_logged_in -->
<span class="smallfont">{LOGGED_AS} !<br />
{LAST_VISIT_DATE}<br />{CURRENT_TIME}<br /></span><!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out --><form action="/login.forum?redirect={TOPIC_URL}" method="post" name="form_login"><table cellpadding="0" cellspacing="3" border="0" width="200"><tr><td><input id="username" class="post" type="text" size="10" name="username" value="Tên đăng nhập" onblur="if(this.value=='') this.value='Tên đăng nhập';" onfocus="if(this.value=='Tên đăng nhập') this.value='';" /></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><input id="password" class="post" type="password" size="10" name="password" value="Password" onblur="if(this.value=='') this.value='Password';" onfocus="if(this.value=='Password') this.value='';" /></td><td nowrap="nowrap">{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="Go!"></td></tr></table></form><!-- END switch_user_logged_out -->
    </td>

</tr>
</table>


<!-- nav buttons bar -->

<div class="tborder" style="padding:1px; border-top-width:0px">
    <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>
</td>
</tr>
</tbody></table>
</div>
<div class="table_bottom"></div>

    <a name="top"></a>
    {JAVASCRIPT}
    <table cellspacing="0" cellpadding="0" border="0" align="center">
        <tr>
            <td>
<br /><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 -->

                <div id="page-body">
                    <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                        <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                            <tbody>
                                <tr>
                                    <td valign="top" width="100%">                              <div class="test"><table cellpadding="0" cellspacing="0" width="100%" align="center"><!-- BEGIN giefmod_index1 --><tr><td align="center">                                {giefmod_index1.MODVAR}                                                              </td></tr><!-- END giefmod_index1 --></table><br /></div>                          </td></tr><tr>                          <td valign="top" width="100%"><!-- BEGIN html_validation -->                          </td>                        </tr>                    </tbody>                  </table>              </div>            </div>        </td>      </tr>  </table></body></html><!-- END html_validation -->
<br>



7.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 class="nav" 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="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 class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
    <tr align="right">
        <td class="tcat" colspan="3">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="9%" class="noprint"> </td>
                    <td align="center" nowrap="nowrap" class="t-title"> <!-- google_ad_section_start -->{TOPIC_TITLE}<!-- google_ad_section_end --></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="#bottom">{L_GOTO_DOWN}</a> </td>
                </tr>
            </table>
        </td>
    </tr>    <!-- BEGIN topicpagination -->
    <tr>
        <td colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
    </tr>
    <!-- END topicpagination -->
    {POLL_DISPLAY}
    <!-- BEGIN postrow -->
    <!-- BEGIN displayed -->
<tr><td class="vbmenu_control" width="100%"><table width="100%" border="0"><tr><td  width="70%"><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}</span></td><td width="30%" align="right"><span class="postdetails"><img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td></tr></table></td></tr>

    <tr class="post"><td><table width="100%"><tr class="post">
        <td style="padding-left:6px;" valign="middle" align="left" width="" >
             
<table border="0" cellpadding="0" cellspacing="0"><tr><td><img src="http://s337.photobucket.com/albums/n395/kalenv1/4r/tem/thtx_01.png" alt="" width="12" height="11"></td><td background="http://s337.photobucket.com/albums/n395/kalenv1/4r/tem/thtx_02.png" width="113" height="11"><img src="http://s337.photobucket.com/albums/n395/kalenv1/4r/tem/thtx_02.png" alt="" width="6" height="11"></td><td><img src="http://s337.photobucket.com/albums/n395/kalenv1/4r/tem/thtx_03.png" alt="" width="11" height="11"></td></tr><tr><td background="http://s337.photobucket.com/albums/n395/kalenv1/4r/tem/thtx_04.png" width="12"><img src="http://s337.photobucket.com/albums/n395/kalenv1/4r/tem/thtx_04.png" alt="" width="12" height="7"></td><td>
{postrow.displayed.POSTER_AVATAR}
</td><td background="http://s337.photobucket.com/albums/n395/kalenv1/4r/tem/thtx_06.png" width="11">
<img src="http://s337.photobucket.com/albums/n395/kalenv1/4r/tem/thtx_06.png" alt="" width="11" height="6"></td></tr><tr><td><img src="http://s337.photobucket.com/albums/n395/kalenv1/4r/tem/thtx_07.png" alt="" width="12" height="12"></td><td background="http://s337.photobucket.com/albums/n395/kalenv1/4r/tem/thtx_08.png" width="113" height="12"><img src="http://s337.photobucket.com/albums/n395/kalenv1/4r/tem/thtx_08.png" alt="" width="7" height="12"></td><td><img src="http://s337.photobucket.com/albums/n395/kalenv1/4r/tem/thtx_09.png" alt="" width="11" height="12"></td></tr></table>

            <td style="padding-left:6px;" valign="middle" align="left" width="150"><div  align="center">        <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong><br />        {postrow.displayed.POSTER_RANK}</span><br />
                {postrow.displayed.RANK_IMAGE}</div><br />
            <table align="center" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td valign="middle" align="center">
                        {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><td width="250"></td><td  valign="middle" width="200">
<table cellspacing="1" cellpadding="0" border="0" onclick="if(this.getElementsByTagName('td')[1].style.display == 'none'){ this.getElementsByTagName('td')[1].style.display = '';this.getElementsByTagName('td')[2].style.display = 'none'; }else{ this.getElementsByTagName('td')[1].style.display = 'none';this.getElementsByTagName('td')[2].style.display = '';}" style="cursor: pointer;"><tr><td><span class="genmed"><b>Thông tin thành viên :</b></td></tr><tr><td class="smallfont" style="display: '';">Click !</td><td style="display: none;"> 
<span class="postdetails poster-profile"><!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field --></span>    </td></tr></table>

                </td></tr></table></td></tr><tr class="post">
        <td valign="top" width="100%" height="28" colspan="2">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr valign="MIDDLE">
                    <td valign="middle"><span class="postdetails"><!-- 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}" target="_blank"">vote+</a></div><!-- END switch_vote -->    </div>  <div class="vote gensmall">  <!-- BEGIN switch_vote -->
<div class="vote-button">
<a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}" target="_blank">vote-</a></div>
 <!-- END switch_vote -->
    </div>

                            <!-- BEGIN switch_bar -->
<span align="right">{postrow.displayed.switch_vote_active.L_VOTE_TITLE}</span>
                            <!-- END switch_bar -->  <!-- END switch_vote_active --></td>
                    <td valign="middle" 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">
                      <!-- google_ad_section_start -->
 <div align="center" style="padding-top:15px">
<table style="width: auto;" border="0" cellpadding="0" cellspacing="0"><tr><td style="padding: 0px;"><img src="http://i84.servimg.com/u/f84/14/04/65/68/admin110.png"></td><td style="padding: 0px;" background="http://i84.servimg.com/u/f84/14/04/65/68/admin210.png"></td><td style="padding: 0px;"><img src="http://i84.servimg.com/u/f84/14/04/65/68/admin310.png"></td></tr><tr><td style="padding: 0px;" background="http://i84.servimg.com/u/f84/14/04/65/68/admin410.png" valign="top"><img src="http://i84.servimg.com/u/f84/14/04/65/68/admin510.png"></td><td style="padding: 0px; background-color: rgb(255, 255, 255);" bgcolor="#ffffff">
<!-- google_ad_section_start -->
<div align="center"><strong>
<font color=red>Chủ đề :</font> {TOPIC_TITLE}</strong><br>--------------------------------------------------</div><br><br>
<div class="postbody" align="left"><div>{postrow.displayed.MESSAGE}</div><!-- google_ad_section_end -->
                            <!-- BEGIN switch_attachments -->
                            <dl class="attachbox">
                                <dt>FILE ĐÍNH KÈM</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>
</td>
<td style="padding: 0px" background="http://i52.servimg.com/u/f52/12/82/29/24/admin_15.gif"></td>
</tr>
<tr>
<td style="padding: 0px"><img src="http://i52.servimg.com/u/f52/12/82/29/24/admin_16.gif"></td>
<td style="padding: 0px" background="http://i52.servimg.com/u/f52/12/82/29/24/admin_17.gif"></td>
<td style="padding: 0px"><img src="http://i52.servimg.com/u/f52/12/82/29/24/admin_18.gif"></td>
</tr>
</table></div>
<div class="item" align="center">{postrow.displayed.POSTER_RPG}</div>
                            <div class="signature_div" align="center">
                                {postrow.displayed.SIGNATURE}
                            </div>
<div align="center"  style="padding-top: 20px"><img src="http://i10.servimg.com/u/f10/12/70/60/52/ym_cop10.gif" /><br/>
<textarea style="border:1px dashed #A2273E; width: 600; height: 150; font-weight:bold ;font-size:7pt; color: #7F7F7F; text-align:center" rows="1" name="embedhtml" cols="92" readonly="readonly" onclick="this.select()" id="embedhtml">{TOPIC_TITLE} - http://www.c3z.co.cc{TOPIC_URL} Hay lắm đó bạn :x hãy xem và gửi cho bạn bè của bạn nha (không có virus đâu) - xin lỗi nếu tin này làm phiền bạn !</textarea>
                        </div>
                        <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td 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>
    </tr>
    <!-- BEGIN first_post_br -->
</table>
<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
    <tr>
        <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
        <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
    </tr>
    <!-- END first_post_br -->
    <!-- END displayed -->
    <!-- BEGIN hidden -->
    <tr>
        <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
    </tr>
    <!-- END hidden -->
    <!-- END postrow -->
    <!-- BEGIN no_post -->
    <tr align="center">
        <td class="" 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 width="100%" border="0" cellspacing="1" cellpadding="0">
    <tr>
        <td align="center" valign="top" {COLSPAN_PAGINATION}><span class="gensmall">{PAGE_NUMBER}</span></td>
        <!-- BEGIN topicpagination -->
        <td align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
        <!-- END topicpagination -->
    </tr>
    <!-- BEGIN switch_user_logged_in -->
    <!-- BEGIN watchtopic -->
    <tr>
        <td class="" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
    </tr>
    <!-- END watchtopic -->
    <!-- END switch_user_logged_in -->
    <tr>
        <td colspan="2" align="center" style="padding:0px">
            <!-- BEGIN switch_user_logged_in -->
<table width="100%"><tr><td class="tcat" colspan="3">Trả lời nhanh - Quick reply</td></tr></table><table width="100%"><tr><td class="alt1" align="center">
            <a name="quickreply"></a>
            {QUICK_REPLY_FORM}</td></tr></table>
            <!-- 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 valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
            <td 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?pub=forumotion"></script>

Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

 » Forumotion » Share Code » Tổng hợp »  [Shere]SKin đẹp cho forum

Permissions in this forum:
Bạn không có quyền trả lời bài viết