» Công Nghệ Thông Tin » Chinh Phục Forumtion » Skin FM » [Skin FM] Teen Sành Điệu


You are not connected. Please login or register

[Skin FM] Teen Sành Điệu

Go down  Message [Page 1 of 1]

1[Skin FM] Teen Sành Điệu Empty [Skin FM] Teen Sành Điệu Thu Jun 09, 2011 6:42 pm

An Hùng BMT

An Hùng BMT
Admin
Admin

demo:
[Skin FM] Teen Sành Điệu Demo1_11
code CSS:
Code:
body {
   background: url(http://donghuongphuquy.com/pq/diendan/images/Eloquent/gradients/background-blue.png) no-repeat;
   padding: 0px;
   margin: 0px;
   font-size: 11px;
   font-family: Tahoma, Arial;
   color: #3b3626
}
.quote{
    background-color: #FAFAFA;
color: #444;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 125%;
padding: 7px;}
div.postbody table{background: #FFFBC3 none;
border: 1px dashed #FF9C00;}
div.postbody table span.genmed{color:#777777;display:block;padding: 6px 30px 13px 30px;background: #fffbc3 url(http://cdn1.iconfinder.com/data/icons/fatcow/16x16_0440/folder_add.png) no-repeat 5px 8px;font: bold 18px Courier New}

/*post body image-------------------------------------------------------------------*/
.postbody img{max-width:600px;}


.tabs { margin: 0; padding: 0;}
.tabs { padding-bottom: 26px; margin-bottom: 15px; background: #E8F3FD; border-top: 1px solid #FFF; border-bottom: 1px solid #CAD9EA; }
.tabs li { list-style: none;float: left; line-height: 27px; border-right: 1px solid #CAD9EA; height: 27px; font-size: 11px; }

/* download */
#c3zbukmark a, .c3bookmark a {padding:2px;}
.c3zzz {font-size:12px}
.dl1,.dl {font-size: 9px;color:##000000;font-weight: bold;white-space: nowrap;}
.dl {background: url(users/1513/21/33/80/album/dl10.png) no-repeat;
width: 248px;
height:22px;
padding: 40px 0 0 18px;}

/* Bo go */
#mudimPanel {-moz-opacity: 0.9;opacity: 0.9;filter: alpha(opacity=90);bottom: 9px!important;left: 9px!important;width: 330px!important;height: 47px!important;background-color:#FFF!important;padding: 4px!important;font-size: 9px!important;font-weight:bold;vertical-align:middle;-moz-box-shadow: 5px 5px 5px #000;  -webkit-box-shadow: 5px 5px 5px #000;  box-shadow: 5px 5px 5px #000;}
#mudimPanel:hover { -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100);}
#divInput{position:fixed;padding:2px;bottom:2px;right:3px;z-index:50}
#AVIMControl{border:1px solid #999999;background-color:#EEEEEE;padding:1px;padding-bottom:2px;position:fixed;bottom:-1px;right:0px;display:none;z-index:50}
#AVIMControl input, #AVIMControl span {font-size:11px; vertical-align:middle}

/* SLIMBOX */
#lbOverlay{position:fixed;z-index: 999;left:0;top:0;width:100%;height:100%;background-color:#000;cursor:pointer;}
#lbCenter,#lbBottomContainer{position:absolute;z-index: 999;overflow:hidden;background-color:#fff;}
.lbLoading{background:#fff url(http://i1211.photobucket.com/albums/cc433/baivong/cfviet/novfao10.gif) no-repeat center;}
#lbImage{position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat;}
#lbPrevLink,#lbNextLink{display:block;position:absolute;top:0;width:50%;outline:none;}
#lbPrevLink{left:0;}
#lbPrevLink:hover{background:transparent url(http://i1211.photobucket.com/albums/cc433/baivong/cfviet/11qo2n10.gif) no-repeat 0 15%;}
#lbNextLink{right:0;}
#lbNextLink:hover{background:transparent url(http://i1211.photobucket.com/albums/cc433/baivong/cfviet/1r7u6o10.gif) no-repeat 100% 15%;}
#lbBottom{font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;font-size:10px;color:#666;line-height:1.4em;text-align:left;border:10px solid #fff;border-top-style:none;}
#lbCloseLink{display:block;float:right;width:66px;height:22px;background:transparent url(http://i1211.photobucket.com/albums/cc433/baivong/cfviet/1217by10-1.gif) no-repeat center;outline:none;margin:5px 0;}
#lbCaption,#lbNumber{margin-right:71px;}
#lbCaption{font-weight:bold;}


.mod-text {
   font-weight: bold;
   }
img{
   border:0}
input,textarea,select,#text_editor_iframe,textarea.inputbox{
border: 1px solid #A9B8C2 !important;
-moz-border-radius: 3px; border-radius: 3px;font-size: 11px;
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;padding: 1px 4px;}
.button:hover, .mainoption:hover, input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover{border: 1px solid #00C6D4 !important;
color: #00C6D4;background-position: 0px 100%;}
.button, .mainoption, input[type=submit], input[type=button], input[type=reset]{background: #F4F5F4 url(/users/2211/12/43/96/album/tabbg110.png);padding: 2px 5px;}
.post-options {
   text-align: right;
   }
.post-options img {
   cursor: pointer;
   vertical-align: middle;
   }
input {
    text-indent : 2px;
    }
input.mainoption {
   background-color : #fafafa;
   font-weight : bold;
   }
input.liteoption {
   background-color : #fafafa;
   font-weight : normal;
   }
.helpline {
    background-color: #dee3e7;
    border-style: none;
    }
button.button2, input.button2 {
   font-size: 0.7em;
   border: 1px solid #BCBCBC;
   width: auto !important;
   padding: 1px 0;
   font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
   color: #000000;
   background-repeat: repeat-x;
   background-color: #FAFAFA;
   background-image: url('http://2img.net/i/fa/prosilver/bg_button.gif');
   background-position: top;
   overflow: visible;
   vertical-align:middle;
   }
button.button2:hover, input.button2:hover {
   border: 1px solid #dd6900;
   color: #dd6900;
   background-position: 0 100%;
   }
* html button.button2, * html input.button2 {
   padding-bottom: 0;
   margin-bottom: 1px;
   height: 24px;
   padding-right: 3px;
   padding-left: 3px;
   }
*+html button.button2, *+html input.button2 {
   height: 24px;
   padding-right: 3px;
   padding-left: 3px;
   }
*+html button.button2 img {
    vertical-align: middle;
    }
* html button.button2 img {
    vertical-align: middle;
    }
button.bbcode {
   border: 1px solid #e3adad;
   background-image: url("http://2img.net/i/fa/wysiwyg/bg_button.png");
   }
.select {
   background-color: #FFF;
   border: 1px solid #BCBCBC;
   position: absolute;
   z-index: 999;
   top: 0;
   left: 0;
   overflow: hidden;
   width: 0;
   }
.select p {
   padding: 4px 6px;
   font-size: 0.7em;
   margin: 0;
   white-space: nowrap;
   text-align: left;
   }
.select button {
   padding: 4px;
   font-size: 0.9em;
   margin: 0;
   background-color: #FFF;
   border: none;
   text-align:left;
   }
.select button.button2 {
   border:1px solid #BCBCBC;
   padding: 0;
   }
* html .select button.button2 {
   padding-right: 3px;
   padding-left: 3px;
   }
.select button.button2:hover {
   border: 1px solid #dd6900;
   color: #dd6900;
   background-position: 0 100%;
   }
.select button:hover,.selectHover {
   cursor: pointer;
   background-color: #EEE;
   }
textarea#text_editor_textarea {
    width: 98% !important;
    }
iframe#text_editor_iframe {
   width: 98%;
   height: 200px;
   }
form#quick_reply textarea#text_editor_textarea {
   width: 98% !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");
   */
input {
   text-indent: 2px}
.postbody {
   line-height: 18px}
@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;
   }
.align_gauche {
   text-align: left;
   }
.center {
   text-align: center;
   }
.align_droite {
   text-align: right;
   }
.right {
   float: right;
   }
.left {
   float: left;
   }

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


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

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

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


a:link, body_alink
{
   color: #375d7a;
   text-decoration: none;
}
a:visited, body_avisited
{
   color: #375d7a;
   text-decoration: none;
}
a:hover, a:active, body_ahover
{
   color: #2f5069;
   text-decoration: underline;
}
.page
{
   background: #ffffff;
   color: #333333;
}
td, th, p, li
{
   font: 13px Geneva, Arial, Helvetica, sans-serif;
}
.tborder
{
   background: #d4d4d4;
   color: #333333;
   border-bottom:1px solid #d4d4d4;
   border-left:1px solid #d4d4d4;
   border-right:1px solid #d4d4d4;
}
.tcat,td.cat,td.catBottom,td.catHead,td.catLeft,td.catRight,td.catSides,td.rowpic
{
   background: #cfcfcf url(http://congdongpro.com/forum/images/HTT.itvn_style/forumheader.png) repeat-x top left;
   color: #444444;
   font: bold 12px Geneva, Arial, Helvetica, sans-serif;
   padding:6px;
}
.tcat a:link, .tcat_alink
{
   color: #3f3f3f;
   text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
   color: #3f3f3f;
   text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
   color: #2a2a2a;
   text-decoration: underline;
}
.thead
{
   background: #cfcfcf url(http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/thead2.gif) repeat-x top left;
   color: #363636;
   font: bold 11px Geneva, Arial, Helvetica, sans-serif;
}
.thead a:link, .thead_alink
{
   color: #2f5069;
}
.thead a:visited, .thead_avisited
{
   color: #2f5069;
}
.thead a:hover, .thead a:active, .thead_ahover
{
   color: #264257;
}
.tfoot
{
   background: #eeeeee;
   color: #5a5a5a;
   padding:3px 6px;
}
.tfoot a:link, .tfoot_alink
{
   color: #707070;
}
.tfoot a:visited, .tfoot_avisited
{
   color: #707070;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
   color: #4f4f4f;
}

.alt1,.alt1Active,td.row1,td.row1Right,td.row3,td.row3.over:hover,td.row1.over:hover,td.row2,td.row3Right,td.spaceRow{background:#FFF url(http://i967.photobucket.com/albums/ae153/ligerv/forumotion/milon4blackpearl/alt.gif) repeat-x bottom;border-bottom:0px solid #d2d2d2;border-left:0px solid #d2d2d2;border-right:0px solid #fff;border-top:0px solid #fff;color:#2a2a2a}

.alt2,.alt2Active{background: #FFFFFF url(http://i23.servimg.com/u/f23/15/13/67/04/f110.gif) bottom repeat-x;;
    color: #000000;
    border: 0px solid #EDEDED;}
.inlinemod
{
   background: #fff4c1;
   color: #222222;
   font-size: 13px;
}
.wysiwyg
{
   background: #fbfbfb;
   color: #333333;
   font: 13px Geneva, Arial, Helvetica, sans-serif;
}
.wysiwyg a:link, .wysiwyg_alink
{
   color: #052b5a;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
   color: #052b5a;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
   color: #02162f;
}
textarea, .bginput
{
   background: #fbfbfb;
   color: #333333;
   font: 13px Geneva, Arial, Helvetica, sans-serif;
   border: 1px solid #cacaca;
}
.bginput option, .bginput optgroup
{
   font-size: 13px;
   font-family: Geneva, Arial, Helvetica, sans-serif;
}
.button
{
   background: #cfcfcf url(http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/thead2.gif) repeat-x top left;
   color: #030303;
   font: bold 11px Geneva, Arial, Helvetica, sans-serif;
   border: 1px solid #cacaca;
   padding-top:1px;
   padding-bottom:1px;
   margin-left: 3px;
}
select
{
   background: #dadada;
   color: #333333;
   font: 10px Geneva, Arial, Helvetica, sans-serif;
   border: 1px solid #cacaca;
}
option, optgroup
{
   font-size: 10px;
   font-family: Geneva, Arial, Helvetica, sans-serif;
}
.smallfont
{
   font: 11px Tahoma, Geneva, Arial, Helvetica, sans-serif;
}
.time
{
   color: #0f0f0f;
}
.navbar
{
   color: #0f0f0f;
   font: 12px Arial, Helvetica, sans-serif;
}
.highlight
{
   color: #ff0000;
   font-weight: bold;
}
.fjsel
{
   background: #f5f5f5;
   color: #333333;
}
.fjdpth0
{
   background: #ffffff;
   color: #0f0f0f;
}
.fjdpth1
{
   background: #efefef;
   color: #333333;
}
.fjdpth2
{
   background: #efefef;
   color: #333333;
}
.fjdpth3
{
   background: #efefef;
   color: #333333;
}
.fjdpth4
{
   background: #efefef;
   color: #333333;
}
.panel
{
   background: transparent;
   color: #3a3a3a;
   padding: 9px;
}
.panelsurround
{
   background: #fbfbfb;
   color: #3a3a3a;
}
legend
{
   color: #3a3a3a;
   font: 11px Geneva, Arial, Helvetica, sans-serif;
   padding:0px 3px;
}
.vbmenu_control
{
   background: #ffffff url('http://www.thuduc4teen.net/f@rum/[LD]Xmas/tcat.gif') repeat-x top center;
   color: #FFFFFF;
   font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   padding : 46px 10px 27px 20px;
   white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
   color: #FF9900;
   text-decoration: none;
}
.vbmenu_popup
{
   background: #FFFFFF;
   color: #000000;
   border: 1px solid #dbdbdb;
}
.vbmenu_option
{
   background: #f4f4f4;
   color: #000000;
   font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   white-space: nowrap;
   cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
   color: #22229C;
   text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
   color: #22229C;
   text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_hilite
{
   background: #FF6600;
   color: #FFFFFF;
   font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   white-space: nowrap;
   cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
   color: #FFFFFF;
   text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
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; }
.vbmenu_control2
{
   background: transparent;
   color: #FFFFFF;
   font: bold 16px Tahoma, Geneva, sans-serif;;
   padding: 6px 6px 6px 6px;
   white-space: nowrap;
}
.vbmenu_control2 a:link
{
   color: #ffffff;
   text-decoration: none;
}
.vbmenu_control2 a:visited
{
   color: #ffffff;
   text-decoration: none;
}
.vbmenu_control2 a:hover, .vbmenu_control2 a:active
{
   color: #902300;
   text-decoration: none;
}
.clear { clear:both; height:0px; }
fieldset { border:1px solid #cacaca; }
.nomargin_fieldset .fieldset { margin-bottom: 0px; border:1px solid #cacaca; }
.twelve_font { font-size:12px; }
.shade_dark { color:#7c7c7c; }

.css_width { width:900px; }
#sizd, .sizd { text-align:center; margin-left:auto; margin-right:auto; background:#ffffff; }
#forum_margin, .forum_margin { margin:0px 15px 0px 15px; }
.shift_back {  } /* with out vBmenus */
.shift_center {  }


#toplinks { position:absolute; right:15px; top:6px; color:#d6d6d6; font: bold 11px Tahoma; text-align:right; }
#toplinks a { margin-right:6px; padding:2px 6px; }
#toplinks a:link, #toplinks a:visited { color:#f6f6f6; text-decoration:none; }
#toplinks a:hover, #toplinks a:active { color:#ffffff; background:#7494aa; }

#toplinks_lin { position:absolute; right:15px; top:2px; color:#d6d6d6; font: bold 11px Tahoma; text-align:right; }
#toplinks_lin a { margin-right:6px; padding:2px 6px; }
#toplinks_lin a:link, #toplinks a:visited { color:#f6f6f6; text-decoration:none; }
#toplinks_lin a:hover, #toplinks a:active { color:#ffffff; background:#7494aa; }

#tab_search { position:relative; margin-top:5px; float:right; padding:0px; color:#e3e3e3; background:transparent; }
.ts_bg { background: url(gfx4_v4GFXed/add/site_links_a.gif) repeat-x bottom left; padding:2px 0px; }
.search_line { width:1px; background: url(http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/site_links_x_line.gif) no-repeat bottom right; }

/* ***** site_links ***** */
div#site_links { position:relative; background:#425566 url(http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/site_links_x.gif) repeat-x bottom left; height:30px; margin-top:-2px; overflow:hidden; }
#line_two { height:30px; background:transparent url(http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/site_links_x_line.gif) no-repeat; background-position: 20px 5px; }
#main_tabs ul { list-style-type:none; margin:0px; margin-left:21px; padding:0; }
#main_tabs li { float:left; margin:0; padding:0; }
#main_tabs a { background: url(http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/site_links_a.gif) repeat-x bottom left; float:left; position:relative; top:1px; font:bold 12px Geneva, Arial, Helvetica, sans-serif; margin:0; padding: 0 0 0 15px; text-decoration:none; }
#main_tabs a span { background:transparent url(http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/site_links_x_line.gif) no-repeat bottom right; color:#fafafa; float:left; position:relative; display:block; padding: 10px 15px 4px 0px; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#main_tabs a span {float:none;}
/* End IE5-Mac hack */
#main_tabs a:hover { background:transparent url(http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/site_links_hov-act2_x.gif) repeat-x top left; }
#main_tabs a:hover span { background:transparent url(http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/site_links_hov-act2_xx.gif) no-repeat top right; color:#0a0a0a; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#main_tabs a:hover span {float:none;}
/* End IE5-Mac hack */
#main_tabs .current a:link, #main_tabs .current a:visited { background:transparent url(http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/site_links_hov-act_x.gif) repeat-x top left; }
#main_tabs .current a:link span, #main_tabs .current a:visited span { background:transparent url(http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/site_links_hov-act_xx.gif) no-repeat top right; color:#0a0a0a; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#main_tabs a:hover span {float:none;}
/* End IE5-Mac hack */

.radi_bottom_left { padding:0px; background:#425566 url(http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/radi_5_bottom_left.png) no-repeat bottom left; }
.radi_bottom_right { padding:0px; background:#425566 url(http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/radi_5_bottom_right.png) no-repeat bottom right; }

.radi_top_left { background: url(http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/radi_5_top_left.png) no-repeat top left; height:6px; }
.radi_top_right { background: url(http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/radi_5_top_right.png) no-repeat top right; height:6px; }

div#nav_buttons_bar { }
div#nav_buttons_bar .vbmenu_control { background:#425566; }

.vbmenu_popup .thead { background:#83a0b3; color:#efefef; }
.vbmenu_popup .thead a:link { color:#ffffff; text-decoration: none; }
.vbmenu_popup .thead a:visited { color:#ffffff; text-decoration:none; }
.vbmenu_popup .thead a:hover, .vbmenu_popup .thead a:active { color:#ffffff; text-decoration:underline; }

.tborder_top { border-top:1px solid #e5e5e5; }

.top_tcat_left { background: url(http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/radi_5_tcat_left2.png) no-repeat top left; margin:0px; padding:0px; }
.top_tcat_right { background: url(http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/radi_5_tcat_right2.png) no-repeat top right; margin:0px; padding:0px; }

.tcat_block { background:#adcce1 url(http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/tcat_block2.gif) repeat-x top left; margin:0px; padding:0px; }
 
.tcat_content { color:#333333; font: bold 12px Geneva, Arial, Helvetica, sans-serif; padding:6px 9px; }
.tcat_content a:link, .tcat_content_alink { color:#2f2f2f; text-decoration: none; }
.tcat_content a:visited, .tcat_content_avisited { color:#2f2f2f; text-decoration:none; }
.tcat_content a:hover, .tcat_content a:active, .tcat_content_ahover { color:#2a2a2a; text-decoration:underline; }

.tcat_content .vbmenu_control { background:transparent; }

.tcat_content .bginput { font-size:11px; border:1px solid #b5ccdb; }
.tcat_content .button { border:1px solid #b5ccdb; background:#e4eef5; margin-left:3px; padding:0px 5px 0px 5px; }

.top_tcat_left_bottom { background: url(http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/radi_5_bottom_left-1.png) no-repeat bottom left; margin:0px; padding:0px; }
.top_tcat_right_bottom { background: url(http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/radi_5_bottom_right-1.png) no-repeat bottom right; margin:0px; padding:0px; }

.tcat_block_bottom { background: url(http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/tcat_block_bottom.gif) repeat-x bottom left; margin:0px; padding:0px; }


.shift_center .vbmenu_control { background:transparent; color:#0f0f0f; font: 11px Geneva, Arial, Helvetica, sans-serif; padding:5px 7px; white-space:nowrap; }
.shift_center .vbmenu_control a:link, .shift_center .vbmenu_control_alink { color:#0f0f0f; text-decoration:none; }
.shift_center .vbmenu_control a:visited, .shift_center .vbmenu_control_avisited { color:#0f0f0f; text-decoration:none; }
.shift_center .vbmenu_control a:hover, .shift_center .vbmenu_control a:active, .shift_center .vbmenu_control_ahover { color:#0a0a0a; text-decoration:underline; }

/* forum settings */
.fd_lpost { width:141px; white-space:nowrap; overflow:hidden; }
.threads_wfh { width:69px; white-space:nowrap; overflow:hidden; }
.posts_wfh { width:69px; white-space:nowrap; overflow:hidden; }

.lastpost_wfh { width:228px; margin-left:2px; }
.tp_wfh { width:99px; margin:2px 27px 0px 0px; white-space:nowrap; overflow:hidden; font-size:12px; text-align:right; }
.colpase_spr { float:right; width:13px; height:13px; }

.lastpost_title { float:right; margin-right:161px; padding-top:2px; font:bold 11px Geneva, Arial, Helvetica, sans-serif; }

.threads_title { float:right; margin-right:36px; padding-top:2px; font:bold 11px Geneva, Arial, Helvetica, sans-serif; }
.posts_title { float:right; margin-right:6px; padding-top:2px; font:bold 11px Geneva, Arial, Helvetica, sans-serif; }

/* alt is for the threadbits last post */
.lastpost_wfh_alt { width:171px; margin-left:9px; white-space:nowrap; overflow:hidden; text-align:left;}
.alt3 { background:#f4f7f9 url(http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/alt_bg1.png) repeat-x bottom left; border-bottom:1px solid #d4d4d4; }

.sort_lastp { float:right; text-align:left; padding-top:2px;font: bold 11px Geneva, Arial, Helvetica, sans-serif; white-space:nowrap; overflow:hidden; width:170px; }
.sort_views { float:right; text-align:left; padding-top:2px; font:bold 11px Geneva, Arial, Helvetica, sans-serif; white-space:nowrap; overflow:hidden; width:72px; }
.sort_reply { float:right; text-align:left; padding-top:2px; font:bold 11px Geneva, Arial, Helvetica, sans-serif; white-space:nowrap; overflow:hidden; width:83px; }
.sort_rate { float:right; text-align:left; padding-top:2px; font:bold 11px Geneva, Arial, Helvetica, sans-serif; white-space:nowrap; overflow:hidden; width:69px; }

.underline_alts_forum .alt1, .underline_alts_forum .alt2, .underline_alts_forum .alt1Active, .underline_alts_forum .alt2Active { background:#ffffff url(http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/alt_bg1.png) repeat-x bottom left; border-bottom:1px solid #d4d4d4; }
.underline_alts .alt1, .underline_alts .alt2, .underline_alts .alt1Active, .underline_alts .alt2Active { background:#ffffff url(gfx4_v4GFXed/add/alt_bg1.png) repeat-x bottom left; border-bottom:1px solid #d4d4d4; }
.alts_sticki { background:#fffbe7 url(http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/alt_bg1.png) repeat-x bottom left; border-bottom:1px solid #d4d4d4; }
.underlined .alt1, .underline .alt2, .underline .alt1Active, .underline .alt2Active { border-bottom:1px solid #d4d4d4; }


/* page nav */
div.pagenav .alt1 { background:#6b93ad; border:1px solid #37627e; color:#fefefe; }
div.pagenav .alt2 { background:#d4e4ef; border:1px solid #b9d0df; color:#4386af; }
div.page_rel { border:1px solid #c6ddec; }
div.pagenav a { text-decoration: none; }
div.pagenav a:hover { color:#000000; text-decoration: none; }
div.pagenav td { padding: 2px 5px; }

.tb_pglnk { padding:0px 3px 1px 3px; margin-top:2px;  border:1px solid #dadada; background:#ffffff; }

.button_block { text-align:right; margin-right:3px; padding:4px 3px; }
.button_block_noimg { text-align:right; margin-right:3px; padding:4px 3px; }

#user_cp_nav_alt1 .alt1 { background:#ffeea0; }
#user_cp_nav_alt1 .alt2 { background:#fbfbfb; }
#user_cp_nav_alt1 .smallfont { font:12px Arial, Helvetica, sans-serif; }


.radi_footer_left { float:left; height:7px; width:7px; background: url(http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/radi_5_bottom_left-1.png) no-repeat bottom left;; }
.radi_footer_right { float:right; height:7px; width:7px; background: url(http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/radi_5_bottom_right-1.png) no-repeat bottom right; }

/* POSTBIT CSS - settings */
.pb_leg .alt2 { background:#fafafa; }
.pb_avatar { background:#f3f3f3; width:82px; height:82px; margin-right:4px; overflow:hidden; }
.thead2 { background:#e3e3e3; }
.pb_userinfo  { background:#f3f3f3; padding:2px 9px; height:50px; overflow:hidden; }
/* setting for the user name column */
.pb_name_col { float:left; width:140px; margin-right:6px; overflow:hidden; }
.pb_floatR {  float:right; margin-top:-2px; }

.tcat_block_gray { background:#000000 url(http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/thead2.gif) repeat-x top left; margin:0px; padding:0px; }

.grey .tcat_block { background:#cfcfcf url(http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/thead_block2.gif) repeat-x top left; margin:0px; padding:0px; }

.grey .top_tcat_left { background: url(http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/radi_5_thead_left2.png) no-repeat top left; margin:0px; padding:0px; }
.grey .top_tcat_right { background: url(http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/radi_5_thead_right2.png) no-repeat top right; margin:0px; padding:0px; }


.grey .underlined .alt1, .grey .underlined .alt2 { background:#ffffff url(http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/alt_bg2.png) repeat-x top left; border-bottom:1px solid #d4d4d4; }

/*  use ONLY if needed for IE6 users -- are only a few images and they should realy upgrade .. .
img, div, span { behavior: url(gfx4_v4GFXed/add/iepngfix.htc) }
if (typeof blankImg == 'undefined') var blankImg = 'gfx4_SilverGray/add/blank.gif';
*/
 /* ---------------- NAVIGATION BAR ---------------- */


a.mainmenu {
      color: #6CA8C8;
      text-decoration: none;
      font-weight: bold;
      padding-right: 10px;
      padding-left: 10px;
      font-variant: small-caps;
}

a.mainmenu:hover {
      background-color: #BDDAF2;
      -moz-border-radius : 5px 5px 5px 5px;
      text-decoration: none !important;
}

#i_icon_mini_index, #i_icon_mini_portal, #i_icon_mini_calendar, #i_icon_mini_faq, #i_icon_mini_members, #i_icon_mini_groups, #i_icon_mini_search, #i_icon_mini_profile, #i_icon_mini_message, #i_icon_mini_logout, #i_icon_mini_login, #i_icon_mini_register, #modo {
      display: none !important;
}

#i_icon_mini_new_message {
        height: 16px;
        width: 16px;
        padding-right: 5px;
        position: relative;
        top: 4px
}


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="row1" 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 -->



{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="" class="gensmall"></a>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><a href="" class="gensmall"></a>
         <!-- END switch_delete_cookies -->
         </span>
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            <a href="" class="gensmall"></a><br />
            <a href="" class="gensmall"></a><br />
            <a href="" class="gensmall"></a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="" class="gensmall">}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>

</ br>
</ br>
<br>
</br>


<!-- what's going on box -->
   <div id="wgo" class="collapse wgo_block block">

      <h2 class="blockhead">Tình Hình Diễn Ðàn</h2>
      <div class="blockbody formcontrols floatcontainer">
         
         
         <!-- logged-in users -->
         <div id="wgo_onlineusers" class="wgo_subblock section">
            <h3 class="blocksubhead"><img title="Số người đang xem" src="http://congdongpro.com/forum/images/HTT.itvn_style/misc/users_online.png" alt="Số người đang xem">{TOTAL_USERS_ONLINE}</h3>
            <div>
               

            <p>{RECORD_USERS}</p>
<br />

{LOGGED_IN_USER_LIST}
<br />

{L_CONNECTED_MEMBERS}
               
            </div>
         </div>
         <!-- end logged-in users -->

         
         
         
         
         
      
         
         
         <div id="wgo_stats" class="wgo_subblock section">
            <h3 class="blocksubhead"><img src="http://donghuongphuquy.com/pq/diendan/images/Eloquent/miscblue/forum_stats.png" alt="Thống Kê " />Thống Kê - Skin For FM</h3>
            <div>
               <dl>
                  <dt>{TOTAL_POSTS}</dt>
                     
                  <dt>{TOTAL_USERS}</dt>
                     
                  
                  
               </dl>
               <p>{NEWEST_USER}.</p>



            </div>
         </div>
         <div id="wgo_legend" class="wgo_subblock section">
            <h3 class="blocksubhead"><img src="http://donghuongphuquy.com/pq/diendan/images/Eloquent/miscblue/legend.png" alt="Biểu tượng" />Biểu tượng</h3>
            <div>
               <dl id="icon_legends" class="icon_legends">
                  <dt><img src="http://donghuongphuquy.com/pq/diendan/images/Eloquent/statusiconblue/forum_new-16.png" alt="Trong diễn đàn có bài chưa đọc" /></dt><dd>Trong diễn đàn có bài chưa đọc</dd>
                  <dt><img src="http://donghuongphuquy.com/pq/diendan/images/Eloquent/statusiconblue/forum_old-16.png" alt="Các bài viết trong diễn đàn đó đã đọc" /></dt><dd>Các bài viết trong diễn đàn đó đã đọc</dd>

                  <dt><img src="http://donghuongphuquy.com/pq/diendan/images/Eloquent/statusiconblue/category-16.png" alt="Diễn đàn dạng cây" /></dt><dd>Diễn đàn dạng cây</dd>
                  <dt><img src="http://donghuongphuquy.com/pq/diendan/images/Eloquent/statusiconblue/forum_link-16.png" alt="Diễn đàn dạng liên kết" /></dt><dd>Diễn đàn dạng liên kết</dd>
               
               </dl>
            </div>
         </div>
         
      </div>
   </div>
   <!-- end what's going on box -->

       
   
      
index_box
Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
<ol id="forums" class="floatcontainer">
      <li class="forumbit_nopost L1" id="cat1">
  <div class="forumhead foruminfo L1 collapse">
      <h2>
         <span class="forumtitle"><a href="forumdisplay.php?1-San-choi-chung">{catrow.tablehead.L_FORUM}</a></span>
         <span class="forumlastpost">Bài cuối</span>
      
         <a class="collapse" id="collapse_c_cat1" href="#top"><img src="http://static.gox.vn/media/forum/images/buttons/collapse_40b1.gif" alt="" title="Collapse this Category" /></a>
      
      </h2>


     

  </tr>

  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
        </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <li id="forum281" class="forumbit_post L2">
  <div class="forumrow table">
      <div class="foruminfo td">
        <img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="forumicon" id="forum_statusicon_281" alt="" />
        <div class="forumdata">
            <div class="datacontainer">
              <div class="titleline">
                  <h2 class="forumtitle">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
        </h2>
                 
              </div>
              <p class="forumdescription">

      {catrow.forumrow.FORUM_DESC} </p>
       
            </div>
        </div>
      </div>
     
      <h4 class="nocss_label">Forum Actions:</h4>
      <ul class="forumactionlinks td">
       
       
      </ul>

 
        <h4 class="nocss_label">Forum Statistics:</h4>
      <ul class="forumstats td">
      <li>  Threads:{catrow.forumrow.TOPICS}</li>
        <li> Posts:{catrow.forumrow.POSTS}</li>
  </ul>
      <!-- BEGIN forum_link_no -->
          <div class="forumlastpost td">
        <h4 class="lastpostlabel">Last Post:</h4>
        <div>
           
  <p class="lastposttitle">
  <div class="lastpostby">

 
    {catrow.forumrow.LAST_POST}
  </p>

   
 

      <!-- 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><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
overall_footer
Code:
<div id="footer" class="floatcontainer footer">

   <form action="forum.php" method="get" id="footer_select" class="footer_select">

         
      
      
      
         <select name="langid" onchange="switch_id(this, 'lang')">
            <optgroup label="Chọn ngôn ngữ">
               <option value="1" class="" >-- English (US)</option> <option value="2" class="" selected="selected">-- Tieng Viet</option>
            </optgroup>
         </select>

      
   </form>

   <ul id="footer_links" class="footer_links">
      <li><a href="sendmessage.php" rel="nofollow" accesskey="9">Liên hệ</a></li>
      
      
      
      <li><a href="archive/index.php">Lưu Trữ</a></li>
      
      
      
      <li><a href="forum.php#top" onclick="document.location.hash='top'; return false;">Lên trên</a></li>
   </ul>

   
   
   
   <!-- auto DST correction code -->
      <form action="profile.php?do=dst" method="post" name="dstform">
         <input type="hidden" name="s" value="" />
         <input type="hidden" name="securitytoken" value="1305106931-4dc8ca48f96565ce31795786c49ef4f52cf91e2a" />
         <input type="hidden" name="do" value="dst" />
      </form>
      <script type="text/javascript">
      <!--
         var tzOffset = 7 + 0;
         var utcOffset = new Date().getTimezoneOffset() / 60;
         if (Math.abs(tzOffset + utcOffset) == 1)
         {   // Dst offset is 1 so its changed
            document.forms.dstform.submit();
         }
      //-->
      </script>
      <!-- / auto DST correction code -->

   
   
   <script type="text/javascript">
   <!--
      // Main vBulletin Javascript Initialization
      vBulletin_init();
   //-->
   </script>
       
</div>
</div> <!-- closing div for body_wrapper -->

<div class="below_body">
<table background="http://congdongpro.com/forum/images/HTT.itvn_style/footer.png" width="100%" height="150">
<tbody><tr>
<td align="center">

<div id="footer_copyright" class="shade footer_copyright">
   <!-- Do not remove this copyright notice -->
   <center> Skin Cover FM by <a href="http://www.skin4fm.com/u146" target="_blank">VipKen</a>
<br /><strong>{ADMIN_LINK}</strong></center>

   <!-- Do not remove this copyright notice -->
       

           
     


        <!-- Do not remove this copyright notice -->
</div>
<div id="footer_morecopyright" class="shade footer_morecopyright">
   <!-- Do not remove cronimage or your scheduled tasks will cease to function -->
   
   <!-- Do not remove cronimage or your scheduled tasks will cease to function -->
   
</div>

</div>

</td>

<td alight="center">


</td>
</tr></tbody></table>


<script src='top/jquery.min.js' type='text/javascript'></script>
        <script src='top/up.js' type='text/javascript'></script>
        <script type='text/javascript'>
        $(document).ready(function(){

            $(".btn-slide").click(function(){
                $("#panel").slideToggle("slow");
                $(this).toggleClass("active"); return false;
            });
           
           
        });
        </script>

<Script src="http://congdongpro.com/forum/fshop/script/effecttext.js"></script>



<script type="text/javascript" src="http://congdongpro.com/forum/vietvbb/avim/avim.js?v=413"></script>

</body>
</html>

2[Skin FM] Teen Sành Điệu Empty Re: [Skin FM] Teen Sành Điệu Thu Jun 09, 2011 6:43 pm

An Hùng BMT

An Hùng BMT
Admin
Admin

overall_header
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html  xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB}>
<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_FB_LIKE}
   <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_fb_login -->
   <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
   <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
   <!-- END switch_fb_login -->

   <!-- BEGIN switch_ticker -->
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <!-- END switch_ticker -->

   <!-- BEGIN switch_ticker_new -->
   <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
   <script type="text/javascript">//<![CDATA[
   /* Definir le sens de direction en fonction du panneau admin */
   var tickerDirParam = "{switch_ticker.DIRECTION}";
   var slid_vert = false;
   var auto_dir  = 'next';
   var h_perso = parseInt({switch_ticker.HEIGHT});

   switch( tickerDirParam )
   {
      case 'top' :
         slid_vert = true;
         break;

      case 'left':
         break;

      case 'bottom':
         slid_vert = true;
         auto_dir  = 'prev';
         break;

      case 'right':
         auto_dir  = 'prev';
         break;

      default:
         slid_vert = true;
   }

   $(document).ready(function() {
      var w_cont = $('#fa_ticker_container').width();

      if (w_cont > 0)
      {
         $('#fa_ticker_container').width(w_cont);

         /* Affichage de la liste */
         $('#fa_ticker_content').css('display','block');

         /* Calcul des dimensions du conteneur et des �l�ments */
         var width_max  = $('ul#fa_ticker_content').width();
         var width_item = Math.floor(width_max / {switch_ticker.SIZE});
         var height_max = h_perso;

         /* Calcul de la hauteur maximale du contenur en fonction des �l�ments et de la hauteur personnalis�e dans l'admin */
         $('ul#fa_ticker_content li').each( function () {
            if ($(this).height() > height_max)
            {
               height_max = $(this).height();
            }
         } );

         /* Redimensionnement des �l�ments et des images trop larges */
         $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
            if ($(this).width() > width_item)
            {
            var ratio      = $(this).width() / width_item;
            var new_height = Math.round($(this).height() / ratio);
            $(this).height(new_height).width(width_item);
            }
         });

         /* Redimensionnement et centrage du conteneur en mode vertical */
         if (slid_vert)
         {
            $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
         }

         /* Initialisation du caroussel */
         $('#fa_ticker_content').jcarousel({
              vertical: slid_vert,
            wrap: 'circular',
             auto: {switch_ticker.STOP_TIME},
             auto_direction: auto_dir,
              scroll: 1,
              size: {switch_ticker.SIZE},
              height_max: height_max,
              animation: {switch_ticker.SPEED}
          });
       }
       else
       {
          $('ul#fa_ticker_content li:not(:first)').css('display','none');
          $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
       }
   });
   //]]>
   </script>
   <!-- END switch_ticker_new -->

   <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 = true, logInBackgroundClass = false;
   <!-- END switch_login_popup -->

   <!-- BEGIN switch_login_popup -->
   $(document).ready( function() {
      $(window).resize(function() {
         var windowWidth = document.documentElement.clientWidth;
          var popupWidth = $("#login_popup").width();
          var mypopup = $("#login_popup");

          $("#login_popup").css({
              "left": windowWidth/2 - popupWidth/2
           });
      });
   });
   <!-- END switch_login_popup -->
   //]]>
   </script>
   {GREETING_POPUP}
   <!-- BEGIN switch_ticker_new -->
   <style>
   .jcarousel-skin-tango .jcarousel-item {
       text-align:center;
       width: 10px;
   }

   .jcarousel-skin-tango .jcarousel-item-horizontal {
       margin-right: {switch_ticker.SPACING}px;
   }

   .jcarousel-skin-tango .jcarousel-item-vertical {
       margin-bottom: {switch_ticker.SPACING}px;
   }
   </style>
   <!-- END switch_ticker_new -->

   <!-- BEGIN google_analytics_code -->
   <script type="text/javascript">
   //<![CDATA[
     var _gaq = _gaq || [];
     _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
     _gaq.push(['_trackPageview']);

     (function() {
       var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
       ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
       var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
     })();
   //]]>
   </script>
   <!-- END google_analytics_code -->


      <link rel="stylesheet" type="text/css" href="http://congdongpro.com/forum/css.php?styleid=9&amp;langid=2&amp;d=1303735953&amp;td=ltr&amp;sheet=bbcode.css,editor.css,popupmenu.css,reset-fonts.css,vbulletin.css,forumhome_sub_forum_manager.css,vbulletin-chrome.css,vbulletin-formcontrols.css,,vietvbb_topstats.css" />

   <!--[if lt IE 8]>
   <link rel="stylesheet" type="text/css" href="http://congdongpro.com/forum/css.php?styleid=9&amp;langid=2&amp;d=1303735953&amp;td=ltr&amp;sheet=popupmenu-ie.css,vbulletin-ie.css,vbulletin-chrome-ie.css,vbulletin-formcontrols-ie.css,editor-ie.css" />
   <![endif]-->


<!-- $Id: NNT Rainbow link $ --> <script type="text/javascript" src="nnt/rainbow.js"></script> <!-- $Id: NNT Rainbow link $ -->

<!-- $Id: NNT Nút Lên Trên $ --> <script type="text/javascript" src="clientscript/jquery.min.js"></script> <script type="text/javascript" src="clientscript/up.js"></script> <!-- $Id: NNT Nút Lên Trên $ --> <!-- Resize Images with Highslide -->
<script type="text/javascript" src="http://congdongpro.com/forum/highslide/highslide.min.js"></script>

<link rel="stylesheet" type="text/css" href="http://congdongpro.com/forum/highslide/highslide.css" />
<script type="text/javascript" src="http://congdongpro.com/forum/misc.php?do=resize_images"></script>
<style type="text/css">
.highslide img {
   max-width:600px;
   width: expression(this.width > 600 ? 600 : true);
}
</style>
<!-- / Resize Images with Highslide -->
 <script type="text/javascript"  src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>    <script type="text/javascript">
    <!--
       $(function()
        {
            $('.subforumlist').removeClass('commalist');
            $('.subforumlist').addClass('column2');
            $('.forumdata').addClass('forumdata');
            $('.datacontainer').addClass('datacontainer');
            $('.subforums h4').css('display', 'none');
        })
    // -->
    </script>


   
   <link rel="stylesheet" type="text/css" href="http://congdongpro.com/forum/css.php?styleid=9&amp;langid=2&amp;d=1303735953&amp;td=ltr&amp;sheet=forumbits.css,forumhome.css,widgets.css,sidebar.css,options.css,tagcloud.css" />

   

   <!--[if lt IE 8]><link rel="stylesheet" type="text/css" href="http://congdongpro.com/forum/css.php?styleid=9&amp;langid=2&amp;d=1303735953&amp;td=ltr&amp;sheet=forumbits-ie.css,sidebar-ie.css,options-ie.css" /><![endif]-->
   
   <script type="text/javascript" src="http://congdongpro.com/forum/clientscript/yui/animation/animation-min.js?v=413"></script>
   <script type="text/javascript">
      var sidebar_align = 'right';
      var content_container_margin = parseInt('220px');
      var sidebar_width = parseInt('200px');
   </script>
   <script type="text/javascript" src="http://congdongpro.com/forum/clientscript/vbulletin-sidebar.js?v=413"></script>
   
   <link rel="stylesheet" type="text/css" href="http://congdongpro.com/forum/css.php?styleid=9&amp;langid=2&amp;d=1303735953&amp;td=ltr&amp;sheet=additional.css" />
 <style type="text/css">

.postbitlegacy .postbody2{
   margin-left: 200px;
   border-left: 1px solid #efefef;
   padding-bottom: 1em;
}
.lg-userinfo{
float:right;
margin-top:2px;
margin-bottom:2px;
width:180px;
text-align:right;
}
.lg-fieldset{
border:1px dashed #ccc;
padding:0px 2px 5px 4px;
background: transparent url(http://congdongpro.com/forum/lovegarden/bg/bg.gif) no-repeat;
}
.lg-fieldset2{
border:1px solid #ccc;
padding:0px 2px 5px 4px;
}
.lg-fieldset2 img{
height:30px;
}
.lg-fieldset legend,.lg-fieldset2 legend{
padding:0px 0px 3px 4px;
}
.lg-td{
vertical-align:middle;
text-align:center;
}
.lover{
font-size:14pt;
}
.lovegarden_no_background{}
.lovegarden_background_4 {
   background: transparent url(http://congdongpro.com/forum/lovegarden/bg/heart.gif);
}


</style>
</head>

   <body>
   <div class="above_body"> <!-- closing tag is in template navbar -->
<div id="header" class="floatcontainer doc_header">
   <div><a name="top" href="forum.php" class="logo-image"><img src="http://congdongpro.com/forum/images/HTT.itvn_style/header.png" alt="Cộng đồng PRO - Powered by vBulletin" /></a></div>
   <div id="toplinks" class="toplinks">
      
         <ul class="isuser">
   
        <!-- BEGIN switch_user_logged_out -->
                        <li><a href="register" rel="nofollow">Đăng ký </a></li>
         
            <li><a rel="help" href="faq">Help</a></li>

        <form action="/login.forum" method="post" name="form_login">

            <fieldset id="logindetails" class="logindetails">
              <div>
                  <div>
          <input class="post" type="text" size="10" name="username"/>
            <input class="post" type="password" size="10" name="password" />
              <input class="button" type="submit" name="login" value="Đăng Nhập">
                  </div>
              </div>
            </fieldset>
            <div id="remember" class="remember">
              <label for="cb_cookieuser_navbar"><input class="radio" type="checkbox" name="autologin" checked="checked" /> Ghi nhớ?</label>
            </div>
       
        </form>  <!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
            <li><a href="/login?logout=1&key=05cc45">Thoát</a></li>
            
            <li><a href="profile?mode=editprofile">Cài đặt</a></li>

            <li><a href="member.php?121-VipKen">Hồ sơ</a></li>
            
            <li class="popupmenu nonotifications" id="nonotifications">
               <a class="popupctrl" href="usercp.php">Tin nhắn của bạn</a>
               <ul class="popupbody popuphover">
                  <li>Không có tin nhắn mới</li>
                  <li><a href="privmsg?folder=inbox"><font color="black">Hộp tin</font></a></li>

               </ul>
            </li>
            
            <li class="welcomelink">Chào bạn, <a href="profile?mode=editprofile"><span class="USERNAME"></SPAN></a>.</li>
            
         </ul>
           
         
       <!-- END switch_user_logged_in -->
   </div>
   
<div class="header-left"></div>
<div class="header-center"></div>

<div class="header-right"></div>
<div class="bannerBox_left">
      
   </div>

<div class="bannerBox_right">
      
   </div>
   <hr />
</div>
<head><script src="echcon/jquery.142.js"></script>
<link href="echcon/titlealt.css" rel="stylesheet" type="text/css" media="all" />
<!--[if lt IE 7]>
<style>
#x_tip{position:absolute;bottom:auto;clear:both;top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) - 1 :document.body.scrollTop +(document.body.clientHeight-this.clientHeight) - 1);}#software_need{z-index:9999;}.tip{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tipTop.png', sizingMethod='scale');background:transparent url();}.tipMid{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tipMid.png', sizingMethod='scale');background:transparent url();}.tipBtm{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tipBtm.png', sizingMethod='scale');background:transparent url();}
</style>
<![endif]-->
</head>


   <div id="navbar" class="navbar">

   <ul id="navtabs" class="navtabs floatcontainer">
      
      
         <li class="selected"><a class="navtab" href="forum.php">Diễn đàn</a>
            <ul class="floatcontainer">
               <li>{GENERATED_NAV_BAR}                  </li>

               
                  
                  
               
                              <ul class="popupbody popuphover">
         
      
   </ul>

</li>
      

               
               <li class="popupmenu">
                  
                  <ul class="popupbody popuphover">
                     
                     
                     
                     
                     
                  </ul>
               </li>
               
               
                        
                     
                     
                     
                     
               
            </ul>

         </li>
      
         <li><a class="navtab" href="search">Xem bài viết mới nhất</a></li>
      
      
<li><a class="navtab" href="http://diendangamethu.org">Music</a></li>
 

   <li><a class="navtab" href="http://diendangamethu.org">Movie</a></li>

       <li><a class="navtab" href="fshop.php">Shop</a></li><li><a class="navtab" href="phomonline.php">Test</a></li>

   </ul>

   
   <div id="globalsearch" class="globalsearch">
      <form action="search.php?do=process" method="post" id="navbar_search" class="navbar_search">
         
         <input type="hidden" name="securitytoken" value="1305106931-4dc8ca48f96565ce31795786c49ef4f52cf91e2a" />
         <input type="hidden" name="do" value="process" />
         <span class="textboxcontainer"><span><input type="text" value="" name="query" class="textbox" tabindex="99"/></span></span>
         <span class="buttoncontainer"><span><input type="image" class="searchbutton" src="http://congdongpro.com/forum/images/HTT.itvn_style/buttons/search.png" name="submit" onclick="document.getElementById('navbar_search').submit;" tabindex="100"/></span></span>
      </form>

      <ul class="navbar_advanced_search">
         <li><a href="search.php" accesskey="4">Tìm chi tiết</a></li>
      </ul>
   </div>
   
</div>
</div><!-- closing div for above_body -->

<div class="body_wrapper">
<div id="breadcrumb" class="breadcrumb">
   <ul class="floatcontainer">

      <li class="navbithome"><a href="index.php" accesskey="1"><img src="http://congdongpro.com/forum/images/HTT.itvn_style/misc/navbit-home.png" alt="Trang chủ" /></a></li>

      
      
   <li class="navbit lastnavbit"><span>Diễn đàn</span></li>
 
   </ul>
   <hr />
</div>

 <br />
 
 <!-- BEGIN switch_user_logged_out -->

   <form action="profile.php?do=dismissnotice" method="post" id="notices" class="notices">
      <input name="do" value="dismissnotice" type="hidden">
      <input name="s" value="" type="hidden">
      <input name="securitytoken" value="guest" type="hidden">
      <input id="dismiss_notice_hidden" name="dismiss_noticeid" value="" type="hidden">
      <input name="url" value="" type="hidden">
      <ol>
         <li class="restore" id="navbar_notice_1">
   
   Nếu đây là lần đầu tiên bạn tham gia diễn đàn, xin mời bạn xem phần <a href="faq" target="_blank"><b>FAQ</b></a> để biết cách dùng diễn đàn. Để có thể tham gia thảo luận, các bạn phải đăng ký làm thành viên <a href="register" target="_blank"><b>Đăng ký làm thành viên</b></a> trước khi tham gia thảo luận trong diễn đàn.
      

</li>
      </ol>
   </form>
 <!-- END switch_user_logged_out -->

   <div id="pagetitle">
      <h1>Demo Skin 4FM</h1>
      <p id="welcomemessage" class="description">Chào mừng bạn đến với Skin 4FM.</p>
   </div>
   <br>

   

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

            
<script type="text/javascript" src="http://code-forum.googlecode.com/files/FMvar.js"></script>

Back to top  Message [Page 1 of 1]

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