Mãi Không Quên

cộng đồng teen

  • Thống kê diễn đàn


[code] Skin Vector Show

 :: PHẦN MỀM- MÁY TÍNH- INTERNET :: Web- Forumotion :: Kho Skin

View previous topic View next topic Go down

[code] Skin Vector Show Empty [code] Skin Vector Show

Post by Bui Minh Phong™ 12/2/2012, 11:08 am

Demo:
Spoiler:

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òn tiếp....
Bui Minh Phong™
Bui Minh Phong™
Quản Trị Cấp Cao
Quản Trị Cấp Cao

Posts : 3260
Points : 371262
Thanked : 1927
Birthday : 1994-12-18
Status Hãy Lặng Yên Để Cảm Nhận Tình Yêu Xung Quanh Bạn :x
Giới tính : Male Rất dễ thương

Back to top Go down

[code] Skin Vector Show Empty Re: [code] Skin Vector Show

Post by Bui Minh Phong™ 12/2/2012, 11:11 am

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>
NGuồn: [You must be registered and logged in to see this link.]
Bui Minh Phong™
Bui Minh Phong™
Quản Trị Cấp Cao
Quản Trị Cấp Cao

Posts : 3260
Points : 371262
Thanked : 1927
Birthday : 1994-12-18
Status Hãy Lặng Yên Để Cảm Nhận Tình Yêu Xung Quanh Bạn :x
Giới tính : Male Rất dễ thương

Back to top Go down

[code] Skin Vector Show Empty Re: [code] Skin Vector Show

Post by vn5chau.com 22/8/2017, 12:05 pm

vn5chau.com [code] Skin Vector Show Maxres10
vn5chau.com
vn5chau.com
New Mem
New Mem

Posts : 15
Points : 360740
Thanked : 1
Birthday : 1988-01-01
Status Yêu không nuối tiếc :x
Giới tính : Male Em là ca sĩ

http://vn5chau.com

Back to top Go down

[code] Skin Vector Show Empty Re: [code] Skin Vector Show

Post by Sponsored content


Sponsored content


Back to top Go down

View previous topic View next topic Back to top

- Similar topics

Mãi Không Quên :: PHẦN MỀM- MÁY TÍNH- INTERNET :: Web- Forumotion :: Kho Skin

 
Permissions in this forum:
You cannot reply to topics in this forum