[Skin] Việt Vui

Css

Code:

.avatarxt img {
transition: all 15s ease; -webkit-transition: all 15s ease; -moz-transition: all 15s ease;
transition-delay: 5s; -webkit-transition-delay: 5s; -moz-transition-delay: 5s;
background-color: #FFFFFF;
max-width:143px;
border-radius:5px;
margin:1px 3px 3px 1px;
padding:3px;
border:1px solid #d4d4d4;
box-shadow: 3px 3px 3px #8A8A8A;
transform:rotate(-20deg); -moz-transform:rotate(-20deg); -webkit-transform:rotate(-20deg);
}.avatarxt img:hover {
transition: all 3s ease; -webkit-transition: all 3s ease; -moz-transition: all 3s ease;
transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg);
position:relative;
}
/* profiles --------------------------------*/

.thongtintv {
position:relative;
left:0px;
color: #000000;
}
.thongtintv:hover {
left:15px;
transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;
transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2);
}
.thongtintv {
background-color: #FFFFFF;
margin:1px 3px 2px 1px;
padding:1px 5px;
border:1px solid #CCCCCC;
}


#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index: 999;overflow:hidden;}#cboxOverlay{position:fixed;width:100%;height:100%;background:#000;}#cboxMiddleLeft,#cboxBottomLeft{clear:left;}#cboxContent{position:relative;background:#fff;overflow:visible;}#cboxLoadedContent{overflow:auto;margin-bottom:5px;}#cboxTitle{position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:700;color:#7C7C7C;margin:0;}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer;position:absolute;bottom:-29px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro26.png) no-repeat 0 0;width:23px;height:23px;text-indent:-9999px;}.cboxPhoto{float:left;border:0;display:block;margin:auto;}.cboxIframe{width:100%;height:100%;display:block;border:0;}#cboxTopLeft{width:14px;height:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro27.png) no-repeat 0 0;}#cboxTopCenter{height:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/border23.png) repeat-x top left;}#cboxTopRight{width:14px;height:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro28.png) no-repeat -36px 0;}#cboxBottomLeft{width:14px;height:43px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro29.png) no-repeat 0 -32px;}#cboxBottomCenter{height:43px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/border24.png) repeat-x bottom left;}#cboxBottomRight{width:14px;height:43px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro30.png) no-repeat -36px -32px;}#cboxMiddleLeft{width:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro30.png) repeat-y -175px 0;}#cboxMiddleRight{width:14px;background:url(http://i20.servimg.com/u/f20/15/90/59/25/contro30.png) repeat-y -211px 0;}#cboxLoadingOverlay{background:url(http://i20.servimg.com/u/f20/14/50/49/34/loadin10.png) no-repeat center center;}#cboxLoadingGraphic{background:url(http://i20.servimg.com/u/f20/15/90/59/25/loadin12.gif) no-repeat center center;}#cboxCurrent{position:absolute;bottom:-25px;left:58px;font-weight:700;color:#7C7C7C;}#cboxPrevious{left:0;background-position:-51px -25px;}#cboxPrevious.hover{background-position:-51px 0;}#cboxNext{left:27px;background-position:-75px -25px;}#cboxNext.hover{background-position:-75px 0;}#cboxClose{right:0;background-position:-100px -25px;}#cboxClose.hover{background-position:-100px 0;}.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0;right:27px;}.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0;}.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px;right:27px;}.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0;}.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(http://i27.servimg.com/u/f27/14/67/90/38/bg1010.png);
  font-family: Arial, Helvetica, sans-serif;
  display: none;
}.colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #fff;
  overflow: hidden;
  cursor: crosshair;
}.colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: url(http://i27.servimg.com/u/f27/14/67/90/38/ovl1010.png);
}
.colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(http://i27.servimg.com/u/f27/14/67/90/38/select10.gif);
  margin: -5px 0 0 -5px;
}.colorpicker_hue {
  position: absolute;
  top: 13px;

  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize;
}.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(http://i27.servimg.com/u/f27/14/67/90/38/indic110.gif) left top;
  margin: -4px 0 0 0;
  left: 0px;
}.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #fff;
}.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #fff;
}
.colorpicker input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #898989;
  top: 4px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0;
  height: 11px;
}
.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(http://i27.servimg.com/u/f27/14/67/90/38/hex1010.png) top;
  left: 212px;
  top: 142px;
}.colorpicker_hex input {  right: 6px;}.colorpicker_field {  height: 22px;  width: 62px;  background-position: top;  position: absolute;}.colorpicker_field span {  position: absolute;
  width: 12px;
  height: 22px;  overflow: hidden;  top: 0;  right: 0;  cursor: n-resize;}.colorpicker_rgb_r, .colorpicker_rgb_g, .colorpicker_rgb_b {  background-image: url(http://i27.servimg.com/u/f27/14/67/90/38/rgb_r110.png);}.colorpicker_rgb_r {  top: 52px;  left: 212px;}.colorpicker_rgb_g {  top: 82px;  left: 212px;}.colorpicker_rgb_b {  top: 112px;  left: 212px;}.colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {  background-image: url(http://i27.servimg.com/u/f27/14/67/90/38/h1010.png);}.colorpicker_hsb_h {  top: 52px;  left: 282px;}.colorpicker_hsb_s {  top: 82px;  left: 282px;}.colorpicker_hsb_b {  top: 112px;  left: 282px;}.colorpicker_submit {  position: absolute;  width: 22px;  height: 22px;  background: url(http://i27.servimg.com/u/f27/14/67/90/38/submit10.png) top;  left: 322px;  top: 142px;  overflow: hidden;}.colorpicker_focus {  background-position: center;}.colorpicker_hex.colorpicker_focus, .colorpicker_submit.colorpicker_focus, .colorpicker_slider{  background-position: bottom;}/*post body image-------------------------------------------------------------------*/.postbody img{max-width:600px;}

a:hover{text-decoration: none!important; color : yellow;text-shadow:0 0 .2em black, 0 0 .2em black, 0 0 .2em black; }
a{text-decoration:none}a:hover{color:#ffffff!important;text-shadow:0 0 5px #FF0080!important;}a:hover{text-decoration:none!important;}a:hover{text-shadow:0 0 2px;}
.lbb a:hover {-webkit-transition-property: all;-webkit-transition-duration: 0.2s;margin: 0 0 0 20px;}
a[href="/u1"]:before {content: url(http://i24.servimg.com/u/f24/13/54/69/46/mod10.gif);}a[href="/u1"]:after {content: url(http://dl3.glitter-graphics.net/pub/484/484813hos0os8tjh.gif);}
.rank1{text-shadow: 0px 0px 6px rgb(255, 0,0), 0px 0px 5px rgb(255, 0,0), 0px 0px 5px rgb(255, 0,0);font-color=#ffffff;}span[style="color: rgb(252, 109, 13);"],span[style="color:#FC6D0D"],
span[style="color: rgb(255, 0, 0);"],span[style="color:#FF0000"]{color:#fff;text-shadow: 0 0 .1em red, 0 0 .1em red, 0 0 .2em red;}
/* signature-------------------------------------------------------------*/
.signature_div img{max-height: 300px;max-width: 200px;}
.postbody img{max-height: 1300px;max-width: 500px;}
      .sig{
background:#FFFFFF;
border-left:1px solid #dbd8d8;
border-right:1px solid #dbd8d8;
padding:10px;
margin:0;}
.sig_01{
background:url(http://i28.servimg.com/u/f28/15/78/09/06/sig_0110.gif) left no-repeat;
height:43px;}
.goc{
background:url(http://i28.servimg.com/u/f28/15/78/09/06/goc10.gif) left no-repeat;
height:43px;}
.sig_02{
background:url(http://i28.servimg.com/u/f28/15/78/09/06/sig_0210.gif) repeat-x;
height:43px;}
.sig_03{
background:url(http://i28.servimg.com/u/f28/15/78/09/06/sig_0310.gif) right no-repeat;
height:43px;}
.sig_04{
background:url(http://i28.servimg.com/u/f28/15/78/09/06/sig_0410.gif) left no-repeat;
height:23px;}
.sig_05{
background:url(http://i28.servimg.com/u/f28/15/78/09/06/sig_0510.gif) repeat-x;
height:23px;}
.sig_06{
background:url(http://i28.servimg.com/u/f28/15/78/09/06/sig_0610.png) right no-repeat;
height:23px;}







/**
* vBulletin 3.8.2 CSS
* Style: 'Love Teens'; Style ID: 20
*/
body
{
  background: #E1E1E2;
  color: #000000;
  font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  margin: 5px 10px 10px 10px;
  padding: 0px;
}
a:link, body_alink
{
  color: #22229C;
}
a:visited, body_avisited
{
  color: #22229C;
}
a:hover, a:active, body_ahover
{
  color: #FF4400;
}
.page
{
  background: #FFFFFF;
  color: #000000;
}
td, th, p, li
{
  font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
  background: #D1D1E1;
  color: #000000;
  border: 1px solid #0B198C;
}
.tcat, td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom, td.rowpic
{
  background: #869BBF url(http://i967.photobucket.com/albums/ae153/ligerv/love-teens/gradient_tcat.gif) repeat-x top left;
  color: #FFFFFF;
  font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tcat a:link, .tcat_alink
{
  color: #ffffff;
  text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
  color: #ffffff;
  text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
  color: #FFFF66;
  text-decoration: underline;
}
.thead, th
{
  background: #5C7099 url(http://i967.photobucket.com/albums/ae153/ligerv/love-teens/gradient_thead.gif) repeat-x top left;
  color: #FFFFFF;
  font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.thead a:link, .thead_alink
{
  color: #FFFFFF;
}
.thead a:visited, .thead_avisited
{
  color: #FFFFFF;
}
.thead a:hover, .thead a:active, .thead_ahover
{
  color: #FFFF00;
}
.tfoot
{
  background: #3E5C92;
  color: #E0E0F6;
}
.tfoot a:link, .tfoot_alink
{
  color: #E0E0F6;
}
.tfoot a:visited, .tfoot_avisited
{
  color: #E0E0F6;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
  color: #FFFF66;
}
.alt1, .alt1Active
{
  background: #F5F5FF;
  color: #000000;
}
.alt2, .alt2Active
{
  background: #E1E4F2;
  color: #000000;
}
.inlinemod
{
  background: #FFFFCC;
  color: #000000;
}
.wysiwyg
{
  background: #F5F5FF;
  color: #000000;
  font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  margin: 5px 10px 10px 10px;
  padding: 0px;
}
.wysiwyg a:link, .wysiwyg_alink
{
  color: #22229C;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
  color: #22229C;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
  color: #FF4400;
}
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
{
  font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
select
{
  font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
option, optgroup
{
  font-size: 11px;
  font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.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;
}
.highlight
{
  color: #FF0000;
  font-weight: bold;
}
.fjsel
{
  background: #3E5C92;
  color: #E0E0F6;
}
.fjdpth0
{
  background: #F7F7F7;
  color: #000000;
}
.panel
{
  background: #E4E7F5 url(http://i967.photobucket.com/albums/ae153/ligerv/love-teens/gradient_panel.gif) repeat-x top left;
  color: #000000;
  padding: 10px;
  border: 2px outset;
}
.panelsurround
{
  background: #D1D4E0 url(http://i967.photobucket.com/albums/ae153/ligerv/love-teens/gradient_panelsurround.gif) repeat-x top left;
  color: #000000;
}
legend
{
  color: #22229C;
  font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
  background: #738FBF;
  color: #FFFFFF;
  font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  padding: 3px 6px 3px 6px;
  white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
  color: #FFFFFF;
  text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
  color: #FFFFFF;
  text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
  color: #FFFFFF;
  text-decoration: underline;
}
.vbmenu_popup
{
  background: #FFFFFF;
  color: #000000;
  border: 1px solid #0B198C;
}
.vbmenu_option
{
  background: #BBC7CE;
  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: #8A949E;
  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; }




#banner{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/love-teens/banner.png) left center no-repeat;
width: 957px;
height: 442px;
margin: auto;
}
body
{
background:#FFFFFF url(http://i967.photobucket.com/albums/ae153/ligerv/love-teens/bg.gif) left top repeat-x;
color: #FF0000;
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin: auto;
padding: 0px;
}
a:link
{
color: #FF0000;
text-decoration:none;
}
a:visited
{
color: #FF6600;
text-decoration:none;
}
a:hover, a:active
{
color: #FF6600;
text-decoration:none;
}
#banner_login{
padding: 65px 0px 0px 100px;
margin:auto;
width: 324px;
text-align:center;
float:left;
font-size: 14px;
}
#bg_logout{
font-weight:bold;
text-align:right;
color:#FFFFFF;

}
#banner_left{
float:left;
}
#banner_login .button{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/love-teens/login.gif) center no-repeat;
height: 30px;
width: 70px;
border: 0px;
color:#FFFFFF;
}
#button_home{
padding: 35px 0px 0px 60px;
}
#images_show{
margin: auto;
padding: 60px 0px 0px 540px;
}
#content_vietvui{
width: 865px;
margin: auto;
padding:0px;
}
#main_vietvui{
background: url(http://i967.photobucket.com/albums/ae153/ligerv/love-teens/main_vietvui.png) top center repeat-y;
margin:auto;
width: 957px;
padding: 0px ;
}
.page
{
width: 100%;
margin: auto;
padding: 0px;
background: #FFFFFF;
color: #000000;
}
#bg_footer
{
background: url(http://i967.photobucket.com/albums/ae153/ligerv/love-teens/bg_footer.png) top center no-repeat;
width: 957px;
height: 245px;
padding: 0px;
margin: auto;
}


.tcat2
{
    padding-top: 17px;
  color: #FFFFFF;
  font: bold 15px tahoma, arial;
    text-align: center
}
.tcat2 a:link
{
  color: #ffffff;
  text-decoration: none;
}
.tcat2 a:visited
{
  color: #ffffff;
  text-decoration: none;
}
.tcat2 a:hover, .tcat2 a:active
{
  color: #FFFF99;
  text-decoration: none;
}

td, th, p, li
{
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
background: #FFCC99;
color: #000000;
border: 1px solid  #FF9900;
}
.tcat
{
background: #FF6666 url(http://i967.photobucket.com/albums/ae153/ligerv/love-teens/gradient_tcat.gif) top left repeat-x;
height: 39px;
padding: 0px 0px 0px 15px;
color: #FFFFFF;
font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tcat a:link
{
color: #ffffff;
text-decoration: none;
}
.tcat a:visited
{
color: #ffffff;
text-decoration: none;
}
.tcat a:hover, .tcat a:active
{
color: #FFFF66;
text-decoration: underline;
}
#profile_tabs li.thead {
  float:left;
  margin: auto;
  top: 0px;
  font-weight:normal;
  background: url(http://i967.photobucket.com/albums/ae153/ligerv/love-teens/gradient_thead.gif) left top repeat-x;
}
.thead
{
background: url(http://i967.photobucket.com/albums/ae153/ligerv/love-teens/gradient_thead.gif) repeat-x top left;
height: 35px;
padding: 0px;
margin: auto;
color: #FFFFFF;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.thead a:link
{
color: #FFFFFF;
}
.thead a:visited
{
color: #FFFFFF;
}
.thead a:hover, .thead a:active
{
color: #FFFF00;
}
.tfoot
{
background:    #0099CC;
color: #FFFFFF;
}
.tfoot a:link
{
color: #E0E0F6;
}
.tfoot a:visited
{
color: #E0E0F6;
}
.tfoot a:hover, .tfoot a:active
{
color: #FFFF66;
}
.alt1, .alt1Active
{
background:  #FFFFFF;
color: #000000;

}
.alt2, .alt2Active
{
background:  #FFFFFF;
color: #000000;

}
td.inlinemod
{
background: #FFFFCC;
color: #000000;
}
.wysiwyg
{
background: #F5F5FF;
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;
}
.button
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.login_alt2{
height: 80px;
color: #FF3366;

}

select
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
option, optgroup
{
font-size: 11px;
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
color: #666666 ;
}
.navbar
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.highlight
{
color: #FF0000;
font-weight: bold;
}
.fjsel
{
background:  #FF6633;
color: #FFFFFF;
}
.fjdpth0
{
background: #F7F7F7;
color: #000000;
}
.panel
{
background:  #FFFFFF url(http://i967.photobucket.com/albums/ae153/ligerv/love-teens/gradient_panel.gif) repeat-x top left;
color: #000000;
padding: 10px;
border: 2px outset;
}
.panelsurround
{
background:  #FFFFFF url(http://i967.photobucket.com/albums/ae153/ligerv/love-teens/bg.gif) repeat-x top left;
color: #000000;
}
legend
{
color: #22229C;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
background: #019C00;
color: #FFFFFF;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 3px 6px 3px 6px;
white-space: nowrap;
}
.vbmenu_control a:link
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_control a:visited
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active
{
color: #FFFFFF;
text-decoration: underline;
}
.vbmenu_popup
{
background: #FFFFFF;
color: #000000;
border: 1px solid #FF9900;
}
.vbmenu_option
{
background: #CCCC66;
color: #000000;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
}
.vbmenu_option a:link
{
color: #22229C;
text-decoration: none;
}
.vbmenu_option a:visited
{
color: #22229C;
text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_hilite
{
background: #8A949E;
color: #FFFFFF;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
}
.vbmenu_hilite a:link
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_hilite a:visited
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active
{
color: #FFFFFF;
text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }
/* ***** small padding on 'thead' elements ***** */
td.thead, div.thead { padding: 4px; }
/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }
/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }
/* ***** don't change the following ***** */
form { display: inline; }
label { cursor: default; }
.normal { font-weight: normal; }
.inlineimg { vertical-align: middle; }






BODY {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   MARGIN: 0px; BACKGROUND-COLOR: #f3f3f3
}
tr,td {
   font-size:12px;
}
A:link {
   COLOR: #0063dc; TEXT-DECORATION: underline
}
A:visited {
   COLOR: #0063dc; TEXT-DECORATION: underline
}
A:hover {
   BACKGROUND: #0063dc; COLOR: #ffffff; TEXT-DECORATION: none
}
A:active {
   COLOR: #ffffff; TEXT-DECORATION: underline
}
.maintable {
   BORDER-RIGHT: #cccccc 1px dotted; PADDING-RIGHT: 10px; BORDER-TOP: #cccccc 1px dotted; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: #cccccc 1px dotted; PADDING-TOP: 10px; BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM-STYLE: none
}
.maintablenotop {
   BORDER-RIGHT: #cccccc 1px dotted; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: #cccccc 1px dotted; BORDER-TOP-STYLE: none; PADDING-TOP: 10px; BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM-STYLE: none
}
.maintablelastrow {
   BORDER-RIGHT: #cccccc 1px dotted; PADDING-RIGHT: 10px; BORDER-TOP: #cccccc 1px dotted; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: #cccccc 1px dotted; PADDING-TOP: 10px; BORDER-BOTTOM: #cccccc 1px dotted; BACKGROUND-COLOR: #ffffff
}
.logo {
   FONT-SIZE: 22px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.topnavigationtext {
   FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, Sans-Serif
}
.infobox {
   BORDER-RIGHT: #cccccc 1px dotted; PADDING-RIGHT: 10px; BORDER-TOP: #cccccc 1px dotted; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: #cccccc 1px dotted; PADDING-TOP: 10px; BORDER-BOTTOM: #cccccc 1px dotted; BACKGROUND-COLOR: #f3f3f3
}
.tagline {
   FONT-SIZE: 22px; COLOR: #ff0084; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.content {
   FONT-SIZE: 12px; LINE-HEIGHT: 20px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.fooledcontent {
   FONT-WEIGHT: normal; FONT-SIZE: 20px; LINE-HEIGHT: 30px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.subtitles {
   FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #0063dc; LINE-HEIGHT: 20px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.inputbox {
   BORDER-RIGHT: #666666 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #666666 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; BORDER-LEFT: #666666 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #666666 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.fieldErrorMessage {
   COLOR: #ff0000
}
.bottomnavigationtext {
   FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, Sans-Serif
}
.formtable {
   PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.speciallink {
   BORDER-RIGHT: #333333 1px dotted; PADDING-RIGHT: 30px; BORDER-TOP: #333333 1px dotted; PADDING-LEFT: 30px; FONT-WEIGHT: bold; FONT-SIZE: 16px; PADDING-BOTTOM: 10px; BORDER-LEFT: #333333 1px dotted; COLOR: #000033; PADDING-TOP: 10px; BORDER-BOTTOM: #333333 1px dotted; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f3f3f3
}
.fooledtagline {
   FONT-SIZE: 36px; COLOR: #ff0084; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: 2px
}


index_body

Code:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="http://westlifevn.net/home/wp-content/themes/mystique/favicon.ico" />
<script>
var txt=".:Welcome to C3NXO - Vương Quốc C3........ Diễn Đàn Lớp 12c3 - Khóa 64 - Trường THPT Nguyễn Xuân Ôn - Design by Mr.Meo :.  ";
var espera=200;
var refresco=null;
function rotulo_title() {
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
refresco=setTimeout("rotulo_title()",espera);
}
rotulo_title();
</script>
</head>
<body background="http://i44.servimg.com/u/f44/15/64/85/86/sockdu10.gif" style="text-align: left">

{JAVASCRIPT}
  <table class="thongke" cellpadding="5" cellspacing="0" style="border: 1px #ded7d7 solid;" border="0" width="100%" align="center">
                                                    <thead>
                                          <tr valign="top">
                                    <td class="tcat"><font color=white>Forum C3NXO</font></td>
                                        </tr>
                                            </thead>
                                                <tr>
                                              <td width="100%">
                                                    <table class="thongke" cellpadding="0" cellspacing="2" border="0" width="100%" align="center">
                                                      <thead>
                                                <tr valign="top">
                                                            <td width="27%"></td><td width="100%" colspan="2"></td>
                                                          </tr>
                                                <tr>
                                                      <td><table  class="thongke" cellpadding="0" cellspacing="0" border="0" width="100%" align="center" ><tr><td colspan="3">
<div class="mainbox" style="margin-bottom: 5px;">
<ul class="tabs"><li class="current"><span style="padding: 0px 2px;">Forum C3NXO</span></li></ul>


<embed src="http://dl.dropbox.com/u/10126397/focus.swf" wmode="opaque" flashvars="config=5|0xffffff|0x0099ff|50|0xffffff|0x0099ff|0x000000&bcastr_flie=
http://i46.servimg.com/u/f46/16/16/08/56/untitl36.jpg
|http://a7.sphotos.ak.fbcdn.net/hphotos-ak-ash4/384895_100148746765549_100003112710283_292_689927806_n.jpg
|http://photos-h.ak.fbcdn.net/hphotos-ak-ash4/308962_104190279692187_100003036460434_36408_1116977876_a.jpg
|http://a2.sphotos.ak.fbcdn.net/hphotos-ak-ash4/295986_109911089120106_100003036460434_76518_646107163_n.jpg
|http://a1.sphotos.ak.fbcdn.net/hphotos-ak-snc7/299291_109910139120201_100003036460434_76503_701858389_n.jpg  |http://a1.sphotos.ak.fbcdn.net/hphotos-ak-snc7/299291_109910139120201_100003036460434_76503_701858389_n.jpg
|http://a7.sphotos.ak.fbcdn.net/hphotos-ak-ash4/388602_304711579547154_100000249421736_1313921_1931035193_n.jpg
|http://a3.sphotos.ak.fbcdn.net/hphotos-ak-ash4/303231_109911375786744_100003036460434_76523_56420326_n.jpg
|http://a8.sphotos.ak.fbcdn.net/hphotos-ak-ash4/316553_109912395786642_100003036460434_76544_1100434121_n.jpg
|http://a1.sphotos.ak.fbcdn.net/hphotos-ak-ash4/384895_100148750098882_100003112710283_293_51438118_n.jpg


&bcastr_link=|http://c3nxo.123.st/f1-forum
|http://c3nxo.123.st/f1-forum
|http://c3nxo.123.st/f1-forum
|http://c3nxo.123.st/f1-forum
|http://c3nxo.123.st/f1-forum
|http://c3nxo.123.st/f1-forum
|http://c3nxo.123.st/f1-forum
|http://c3nxo.123.st/f1-forum
|http://c3nxo.123.st/f1-forum
|http://c3nxo.123.st/f1-forum


&bcastr_title=
|Boy C3 Vô Đối
|Vương Quốc C3
|12c3_Tập Thể Đoàn Kết
|C3 Yêu Dấu
|Những Nữ Quái Chân Dài
|Thầy Chủ Nhiệm Mr.Đẩu
|Lớp Trưởng + Bí Thư
|Administrators : Mr.Mèo
|11 Thằng Ngự Lâm

& menu=" false"="" quality="high" width="100%" height="150" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>

</div></td></tr>
<tr>
<td valign="top" style="border: 1px solid #9DB3C5;">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}<!-- END giefmod_index1 -->

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

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <!-- BEGIN switch_fb_connect_no -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td valign="top" width="100%"  class="row1" align="center">
            <table width="100%">
              <tr>
                  <td width="55%" valign="middle" align="right">
                    <table class="right">
                        <tr>
                          <td><span class="genmed">{L_USERNAME}:</span> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </td>
                          <td><input class="post" type="password" size="10" name="password"/> </td>
                          <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                    <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

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

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <!-- BEGIN switch_fb_connect_no -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td valign="top" width="100%"  class="row1" align="center">
            <table width="100%">
              <tr>
                  <td width="55%" valign="middle">
                    <table class="right">
                        <tr>
                          <td><span class="genmed">{L_USERNAME}:</span> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </td>
                          <td><input class="post" type="password" size="10" name="password"/> </td>
                          <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                    <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->

<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<thead>
  <tr>
      <td class="tcat" colspan="2">TÌNH HÌNH DIỄN ĐÀN</td>

  </tr>
</thead>


<!-- logged-in users -->
<tbody>
  <tr>
      <td class="thead" colspan="2">
        <a style="float:right" href="#top" onclick="return toggle_collapse('forumhome_activeusers')"><img id="collapseimg_forumhome_activeusers" src="http://i967.photobucket.com/albums/ae153/ligerv/love-teens/collapse_thead.gif" alt="" border="0" /></a>
        Số người đang truy cập:
      </td>

  </tr>
</tbody>
<tbody id="collapseobj_forumhome_activeusers" style="">
  <tr>
      <td class="alt2"><a href="online.php"><img src="http://i967.photobucket.com/albums/ae153/ligerv/love-teens/whos_online.gif" alt="Số người đang truy cập" border="0" /></a></td>
      <td class="alt1" width="100%">
        <div class="smallfont">
  {TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}
  <table>{L_CONNECTED_MEMBERS}</table>       

        </div>
      </td>
  </tr>
</tbody>
<!-- end logged-in users -->


<!-- Birthdays -->
<tbody>
  <tr>
      <td class="thead" colspan="2">
        <a style="float:right" href="#top" onclick="return toggle_collapse('forumhome_Birthdays')"><img id="collapseimg_forumhome_Birthdays" src="http://i967.photobucket.com/albums/ae153/ligerv/love-teens/collapse_thead.gif" alt="" border="0" /></a>

        Sinh nhật thành viên:
      </td>
  </tr>
</tbody>
<tbody id="collapseobj_forumhome_Birthdays" style="">
  <tr>
      <td class="alt2"><img src="http://i967.photobucket.com/albums/ae153/ligerv/love-teens/forum_old.gif" alt="" border="0" /></td>
      <td class="alt1" width="100%">
              <div class="smallfont">
            <table>{L_WHOSBIRTHDAY_TODAY}
  {L_WHOSBIRTHDAY_WEEK}</table></div></td>

  </tr>
</tbody>

<!-- Birthdays -->


<!-- Statistics -->
<tbody>

  <tr>
      <td class="thead" colspan="2">
        <a style="float:right" href="#top" onclick="return toggle_collapse('forumhome_stats')"><img id="collapseimg_forumhome_stats" src="http://i967.photobucket.com/albums/ae153/ligerv/love-teens/collapse_thead.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://i967.photobucket.com/albums/ae153/ligerv/love-teens/stats.gif" alt="Thống kê diễn đàn" border="0" /></td>

      <td class="alt1" width="100%">
      <div class="smallfont">
            {TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}<br>
                Nhóm: {GROUP_LEGEND}
        </div>
       
      </td>
  </tr>
</tbody>
<!-- Statistics -->

<!-- Liên kết -->
<tbody>
  <tr>
      <td class="thead" colspan="2">
        <a style="float:right" href="#top" onclick="return toggle_collapse('forumhome_friends')"><img id="collapseimg_forumhome_todayreg" src="http://i967.photobucket.com/albums/ae153/ligerv/love-teens/collapse_thead.gif" alt="" border="0" /></a>
        Liên kết bạn bè:
      </td>
  </tr>

</tbody>
<tbody id="collapseobj_forumhome_friends" style="">
  <tr>
      <td class="alt2"><img src="http://i967.photobucket.com/albums/ae153/ligerv/love-teens/forum_new.gif" alt="" border="0" /></td>
      <td class="alt1" width="100%"><div class="smallfont">
Links các forums bạn
<br>
<!-- BEGIN switch_chatbox_activate -->
{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 -->
  <!-- END switch_chatbox_activate -->


</div></td>
  </tr>
</tbody>
<!-- Liên kết -->

</table>
<br />

<br clear="all" />

<!-- 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>
      <td>  </td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
  appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

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 class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<thead>
 
</thead>

<tbody>

  <tr>
      <td class="tcat" colspan="6">

       
        <a style="float:right" href="#top" onclick="return toggle_collapse('forumbit_1')"><img id="collapseimg_forumbit_1" src="http://tuoitrebaolac.com/f@rum/style/vietvui_forteen/buttons/collapse_tcat.gif" alt="" border="0" /></a>
                  <span class="secondarytitle">{catrow.tablehead.L_FORUM}</span>       
      </td>
  </tr>

</tbody>

<tbody id="collapseobj_forumbit_1" style="">

<tr align="center">
    <td class="thead" width="5%"> </td>
    <td class="thead" width="50%" align="left">Chuyên mục</td>
    <td class="thead" width="25%">Bài gởi cuối</td>
    <td class="thead" width="10%">Chủ đề</td>
    <td class="thead" width="10%">Bài gởi</td>
  </tr>

  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
        </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tr align="center">

      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="alt2">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="alt1Active" align="left" id="f2">

        <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}>
        <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>
      </td>
      <td class="alt2">
<div style="margin:6px;padding:4px;border:1px dashed #c0c0c0;background:#ffffff">
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
      <td class="alt1">
        <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="alt2">
        <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
  </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 style="padding: 0 0 16px 0;"></div><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

overall_footer_end

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>
               <div>
<!-- END html_validation -->
               </div>
            </div>
            <!-- BEGIN switch_footer_links -->
            <div align="center">
               <div class="gen">
                  <!-- BEGIN footer_link -->
                     <!-- BEGIN switch_separator --> | <!-- END switch_separator -->
                     <a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                  <!-- END footer_link -->
               </div>
            </div>
            <!-- END switch_footer_links -->
         </div>
         {PROTECT_FOOTER}
      </td>
   </tr>
</table>

<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({appId: '{switch_facebook_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true, oauth: true});
//]]>
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
   if ($('a#logout'))
   {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
         document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
   }
});

$(document).ready( function() {
   $('a#logout').click( function() {
      FB.logout();
   } );
});
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>

</body>
</html>

overall_header

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html  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 -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
  <!-- BEGIN hitskin_preview -->
  <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
        <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
        </p>
      </div>
  </div>
  <!-- END hitskin_preview -->

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

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

<div id="banner">

<div id="banner_left">
<div id="banner_login">
<table  border="0" width="100%" align="middle">
<tr>

  <td class="login_alt2" nowrap="nowrap" style="padding:0px">
<!-- BEGIN switch_user_logged_out -->
      <!-- login form -->
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
      <table cellpadding="0" cellspacing="3" border="0">

      <tr>
        <td class="smallfont" style="white-space: nowrap;"><label for="navbar_username">Tên tài khoản:</label></td>
       
<td><input class="post" type="text" size="10" name="username" value="Tên tài khoản" onfocus="if (this.value == 'Tên tài khoản') this.value = '';" /></td>

        <td class="smallfont" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />Ghi nhớ?</label></td>
      </tr>
      <tr>
       
                        <td class="smallfont"><label for="navbar_password">Mật khẩu:</label></td>

        <td><input class="post" type="password" size="10" name="password" value="**********" onfocus="if (this.value == '**********') this.value = '';"/></td>
       
                      <td><input class="button" type="submit" name="login" value="Đăng nhập"  accesskey="s" /></td>
      </tr>
      </table>
<!-- END switch_user_logged_out -->
     
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">
<span class="username">{LOGGED_AS}</span><br />
<span class="gensmall">{LAST_VISIT_DATE} <br />{CURRENT_TIME}<br />
<!-- END switch_user_logged_in -->
      </form>
      <!-- / login form -->
  </td>

      </tr>


</table>
</div>



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

<div id="button_home">
<a href="/forum"><img src="http://i967.photobucket.com/albums/ae153/ligerv/love-teens/home.gif" border="0" /></a>
<a href="/register"><img src="http://i967.photobucket.com/albums/ae153/ligerv/love-teens/dangky.gif" border="0" /></a>
<a href="/search.forum?search_id=activetopics"><img src="http://i967.photobucket.com/albums/ae153/ligerv/love-teens/baimoi.gif" border="0" /></a>
</div>
</div>
<div id="images_show">

<embed type="application/x-shockwave-flash"  allowscriptaccess="never"  src="http://i173.photobucket.com/albums/w49/chiplove9xpro/Flash/chiplovebiz_slide1.swf"  flashvars="

pics=http://i48.servimg.com/u/f48/17/18/59/60/31491311.jpg

|http://i48.servimg.com/u/f48/17/18/59/60/37494711.jpg

|http://i48.servimg.com/u/f48/17/18/59/60/38860211.jpg

|http://i48.servimg.com/u/f48/17/18/59/60/39203811.jpg

|http://i48.servimg.com/u/f48/17/18/59/60/13311010.jpg



&links=http://4ALL.forumotion.com/
  |http://c3nxo.123.st/forum/
|http://c3nxo.123.st/forum/
|http://c3nxo.123.st/forum/
|http://c3nxo.123.st/forum/

&pic_width=340&pic_height=230&stop_time=7000"  wmode="transparent" width="340" height="230">





</div>


</div>
<!-- /logo -->

<div id="main_vietvui">
<div id="content_vietvui">
<!-- content table -->

<!-- open content container -->

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





                                                <script type="text/javascript">
                                                var rainbowcount = 0;
                                                var glitcount=0;
                                                var glitstring='';
                                                var shimmercount=0;
                                                var shimmerstring='';
                                                var ie4 = false;
                                                        if(document.all) {
                                                                ie4 = true;
                                                        }
                                                        function setContent(name, value) {
                                                                var d;
                                                                if (ie4) {
                                                                        d = document.all[name];
                                                                } else {
                                                                        d = document.getElementById(name);
                                                                }
                                                                d.innerHTML = value;
                                                        }

                                                        function getContent(name) {
                                                                var d;
                                                                if (ie4) {
                                                                        d = document.all[name];
                                                                } else {
                                                                        d = document.getElementById(name);
                                                                }
                                                                return d.innerHTML;
                                                        }

                                                        function setColor(name, value) {
                                                                var d;
                                                                if (ie4) {
                                                                        d = document.all[name];
                                                                } else {
                                                                        d = document.getElementById(name);
                                                                }
                                                                d.style.color = value;
                                                        }

                                                        function getColor(name) {
                                                                var d;
                                                                if (ie4) {
                                                                        d = document.all[name];
                                                                } else {
                                                                        d = document.getElementById(name);
                                                                }
                                                                return d.style.color;
                                                        }
                                                                function toSpans(span) {
                                                                  var str=span.firstChild.data;
                                                                  var a=str.length;
                                                                  span.removeChild(span.firstChild);
                                                                  for(var i=0; i<a; i++) {
                                                                        var theSpan=document.createElement("SPAN");
                                                                        theSpan.appendChild(document.createTextNode(str.charAt(i)));
                                                                        span.appendChild(theSpan);
                                                                  }
                                                                }
                                                        function glitter(name, col, speed) {
                                                                var value = getContent(name);
                                                                while ( value.indexOf(" ", "-10") != (-1) ) {
                                                                        var value = value.replace(" ", "");
                                                                        };
                                                                if (value.indexOf('<span') >= 0) { return; }
                                                                var length = 0;
                                                                var str = '';
                                                                var ch;
                                                                var token = '';
                                                                var htmltag = false;
                                                                for (i = 0; i < value.length; i++) {
                                                                        ch = value.substring(i, i+1);
                                                                        if (i < value.length - 1) { nextch = value.substring(i+1, i+2); } else { nextch = ' '; }
                                                                        token += ch;
                                                                        if (ch == '<' && '/aAbBpPhHiIoOuUlLtT'.indexOf(nextch) >= 0) { htmltag = true; }
                                                                        if (ch == '>' && htmltag) { htmltag = false; }
                                                                        if (!htmltag && ch.charCodeAt(0) > 30 && ch != ' ' && ch != '\n') {
                                                                                str += '<span id="' + name + '_' + length + '">' + token + '</span>';
                                                                                token = '';
                                                                                length++;
                                                                        }
                                                                }
                                                                setContent(name, str);
                                                                glitcommand = 'glitterloop(\'' + name + '\', ' + length + ', 0, 1, \'' + col + '\', ' + speed + ')';
                                                                setTimeout(glitcommand , speed);
                                                        }
                                                        function shine(name, col, speed) {
                                                                        var value = getContent(name);
                                                                        while ( value.indexOf(" ", "-10") != (-1) ) {
                                                                                var value = value.replace(" ", "");
                                                                                };
                                                                        if (value.indexOf('<span') >= 0) { return; }
                                                                        var length = 0;
                                                                                        var str = '';
                                                                        var ch;
                                                                        var token = '';
                                                                        var htmltag = false;
                                                            for (i = 0; i < value.length; i++) {
                                                                                ch = value.substring(i, i+1);
                                                                                if (i < value.length - 1) { nextch = value.substring(i+1, i+2); } else { nextch = ' '; }
                                                                                token += ch;
                                                                                if (ch == '<' && '/aAbBpPhHiIoOuUlLtT'.indexOf(nextch) >= 0) { htmltag = true; }
                                                                                if (ch == '>' && htmltag) { htmltag = false; }
                                                                                if (!htmltag && ch.charCodeAt(0) > 30 && ch != ' ' && ch != '\n') {
                                                                                                                str += '<span id="' + name + '_' + length + '">' + token + '</span>';
                                                                                        token = '';
                                                                                        length++;
                                                                                }
                                                            }
                                                                setContent(name, str);
                                                                shinecommand = 'shineloop(\'' + name + '\', ' + length + ', 0, 1, \'' + col + '\', ' + speed + ')';
                                                                setTimeout(shinecommand , speed);
                                                        }
                                                                function RainbowSpan(span, hue, deg, brt, spd, hspd) {
                                                                        this.deg=(deg==null?360:Math.abs(deg));
                                                                        this.hue=(hue==null?0:Math.abs(hue)%360);
                                                                        this.hspd=(hspd==null?3:Math.abs(hspd)%360);
                                                                        this.length=span.firstChild.data.length;
                                                                        this.span=span;
                                                                        this.speed=(spd==null?50:Math.abs(spd));
                                                                        this.hInc=this.deg/this.length;
                                                                        this.brt=(brt==null?255:Math.abs(brt)%256);
                                                                        this.timer=null;
                                                                        toSpans(span);
                                                                        this.moveRainbow();
                                                                }
                                                RainbowSpan.prototype.moveRainbow = function() {
                                                  if(this.hue>359) this.hue-=360;
                                                  var color;
                                                  var b=this.brt;
                                                  var a=this.length;
                                                  var h=this.hue;

                                                  for(var i=0; i<a; i++) {

                                                    if(h>359) h-=360;

                                                    if(h<60) { color=Math.floor(((h)/60)*b); red=b;grn=color;blu=0; }
                                                    else if(h<120) { color=Math.floor(((h-60)/60)*b); red=b-color;grn=b;blu=0; }
                                                    else if(h<180) { color=Math.floor(((h-120)/60)*b); red=0;grn=b;blu=color; }
                                                    else if(h<240) { color=Math.floor(((h-180)/60)*b); red=0;grn=b-color;blu=b; }
                                                    else if(h<300) { color=Math.floor(((h-240)/60)*b); red=color;grn=0;blu=b; }
                                                    else { color=Math.floor(((h-300)/60)*b); red=b;grn=0;blu=b-color; }

                                                    h+=this.hInc;

                                                    this.span.childNodes[i].style.color="rgb("+red+", "+grn+", "+blu+")";
                                                  }
                                                  this.hue+=this.hspd;
                                                }
                                                        function shineloop(name, length, ind, delta, col, speed) {
                                                                        var next = ind + delta;
                                                                        if (next >= length) { delta = delta * -1; next = ind + delta; }
                                                                        if (next < 0) { delta = delta * -1; next = ind + delta; }
                                                                setColor(name + '_' + ind, getColor(name + '_' + next));
                                                                setColor(name + '_' + next, col);
                                                                shinecommand = 'shineloop(\'' + name + '\', ' + length + ', ' + next + ', ' + delta + ', \'' + col + '\', ' + speed + ')';
                                                                setTimeout(shinecommand , speed);
                                                                }

                                                        function glitterloop(name, length, ind, delta, col, speed) {
                                                                        var new_spd = Math.floor(Math.random()*31);
                                                                        var new_spd = (new_spd - 15);
                                                                        var new_spd = (new_spd + speed);
                                                                        var next = Math.floor(Math.random()*(length+1));
                                                                    if (next >= length) { delta = delta * -1; next = (-1); }
                                                                    if (next < 0) { delta = delta * -1; next = 1; }
                                                                setColor(name + '_' + ind, getColor(name + '_' + next));
                                                                setColor(name + '_' + next, col);
                                                                glitcommand = 'glitterloop(\'' + name + '\', ' + length + ', ' + next + ', ' + delta + ', \'' + col + '\', ' + speed + ')';
                                                                setTimeout(glitcommand , new_spd);
                                                        }
                                                </script>
                       
<br />


<!-- 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;">
<strong>
<div class="nav">
<a class="nav" href="{U_INDEX}">
<img src="http://i967.photobucket.com/albums/ae153/ligerv/love-teens/navbits_start.gif" class="inlineimg" alt="" border="0" /> Diễn đàn </a>{NAV_CAT_DESC}
</div>
<img src="http://i34.servimg.com/u/f34/14/04/26/89/navbit11.gif" /><font color=red> {PAGE_TITLE}</font>
</strong>
</div>   
     
  </td>

</tr>
</table>
<!-- / breadcrumb, login, pm info -->
<!-- nav buttons bar -->
<div style="padding:3px; border-top-width:0px">
  <table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
  <tr align="center">

<td class="vbmenu_control">
<style type="text/css">
ul#topnav {
 margin: 0; padding: 0;
 float: left;
 width: 100%;
 list-style: none;
 position: relative; /*--thiết lập vị trí của ul chưa menu--*/
 font-family: Tahoma;
 font-size: 12px;
 color: #FFFFFF;
 font-weight: Bold;
 background-color: #000000;

}
ul#topnav li {
 float: left;
 margin: 0; padding: 0;
 border-right: 0px solid #555; /*-- các menu li --*/
}
ul#topnav li a {
 padding: 6px 10px;
 display: block;
 color: #f0f0f0;
 text-decoration: none;
}

#topnav li a:hover,
#topnav li a:active,
#topnav li a:focus {
 color: #00FF00;  /* Màu chữ khi rê chuột vào */
background-color:#000000; /* Màu nền khi rê chuột vào */
}

ul#topnav li:hover {background: #000000; url(topnav_active.gif) repeat-x; }

ul#topnav li span {
 float: left;
 padding: 6px 0;
 position: absolute;
 left: 0; top:26px;
 display: none; /*-- mặc định menu cấp 2 là ẩn --*/
 width: 100%;
 background: #000000;
 color: #ffffff;
 /*--Bottom right rounded corner--*/
 -moz-border-radius-bottomright: 7px;
 -khtml-border-radius-bottomright: 7px;
 -webkit-border-bottom-right-radius:7px;
 /*--Bottom left rounded corner--*/
 -moz-border-radius-bottomleft: 7px;
 -khtml-border-radius-bottomleft: 7px;
 -webkit-border-bottom-left-radius: 7px;
}
ul#topnav li:hover span { display: block;} /*--hiển thị menu cấp 2 khi đưa chuột vào--*/
ul#topnav li span a { display: inline; } /*-- tất cả các menu câp 2 cùng nằm trên 1 dòng--*/
ul#topnav li span a:hover {text-decoration: none; background: #1CE321; color:#FF0000;}
</style>


<ul id="topnav">
        <li>
      <a href="/h18-page"><b>Góc Thư Giãn</b></a>
        <!--Subnav Starts Here-->
        <span>
          <a href="/f9-forum">Thực đơn âm nhạc</a> |
            <a href="/f17-forum"> Tán gẫu - 8 chuyện</a> |
            <a href="/f8-forum"> Game</a>|
            <a href="/f13-forum">Giới thiệu làm quen</a>|
          <a href="/f11-forum">Kỷ niệm</a>|
          <a href="/f21-forum">Tâm tư tình cảm</a>|
            <a href="/f3-forum"> Chia sẻ</a>|         
         
         
         
        </span>
          <!--Subnav Ends Here--></center>
    </li>
    <li>
      <a href="/f33-forum"><b>Vương Quốc C3</b></a>
        <!--Subnav Starts Here-->
        <span>
          <a href="/f31-forum"> Xóm con trai</a> |
            <a href="/f32-forum"> Thôn con gái</a> |
          <a href="/f12-forum"> Thông điệp yêu thương</a> |
            <a href="/f4-forum"> Tiếng hát thành viên</a> |
            <a href="/f15-forum"> Video - Video Hài</a> |
            <a href="/f20-forum"> Web Blog</a>|
            <a href="/f-forum"> Lễ Đường</a>|
           

        </span>
        <!--Subnav Ends Here-->
    </li>

    <li>

          <a href="/f1-forum"><b>Hình Ảnh</b></a>
        <left><!--Subnav Starts Here-->
        <span>
          <a href="/f8-forum"> Ảnh thầy cô</a> |
          <a href="/f6-forum"> Ảnh coolboy</a> |
          <a href="/f37-forum"> Ảnh cute girl</a> |
          <a href="/f5-forum"> Ảnh vui</a> |
          <a href="/f15-forum"> Video lớp</a> |
          <a href="/f25-forum">Ảnh thần tượng</a>
        </span>
        <!--Subnav Ends Here-->    </li>  <li><a href="http://c3nxo.123.st"><b>Trang chủ</b></a></li>  <li><a href="/forum"><b>Diễn Đàn</b></a></li>  <li><a href="/h58-page"><b>Kêt hôn</b></a></li>

    <li>
      <a href="#"><b>Trang cá nhân</b></a>
        <!--Subnav Starts Here-->
        <span>
<!-- BEGIN switch_user_logged_in -->
            <a href="/memberlist" target="_blank">Danh sách thành viên</a>|
            <a href="/profile?mode=editprofile" target="_blank">Lý lịch của bạn </a>|
            <a href="/profile.forum?mode=editprofile&page_profil=preferences&change_theme=aquagrey" class="postlink" target="_blank">Tùy chỉnh giao diện</a>|
            <a href="/profile.forum?mode=editprofile&page_profil=signature&change_theme=aquagrey" class="postlink" target="_blank">Sửa chữ ký</a>|
            <a href="/profile.forum?mode=editprofile&page_profil=avatars&change_theme=aquagrey" class="postlink" target="_blank">Sửa hình đại diện</a>|
<!-- END switch_user_logged_in -->
            <a href="/faq" target="_blank">Trợ giúp</a>|
            <a href="/search" target="_blank">Tìm kiếm</a>|
            <a href="/privmsg?mode=post&u=1" target="_blank">Liên hệ: Admin</a>|
        </span>
        <!--Subnav Ends Here-->
    </li>

  <li><!-- BEGIN switch_user_logged_out --><a href="/register"><blink><b>Đăng ký</b></blink></a><!-- END switch_user_logged_out --></li>
  <li><!-- BEGIN switch_user_logged_out --><a href="/login"><b>Đăng nhập</b></a><!-- END switch_user_logged_out --></li>
  <li><!-- BEGIN switch_user_logged_in --><a href="#" title="Tin nhắn"><b>Tin nhắn</b></a><!-- END switch_user_logged_in --></li>
  <li><!-- BEGIN switch_user_logged_in --><a href="/login?logout=1" title="Thoát"><b>Thoát</b></a><!-- END switch_user_logged_in --></li>
</ul></td>
      </tr>
  </table>
</div>
<br />
<!-- / nav buttons bar -->


<br />



<!-- NAVBAR POPUP MENUS -->
<!-- / NAVBAR POPUP MENUS -->




<!-- PAGENAV POPUP -->
<!-- / PAGENAV POPUP -->

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

            <!-- BEGIN switch_ticker_new -->
            <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">
                          <ul id="fa_ticker_content"  class="jcarousel-skin-tango" style="display:none;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                          </ul>
                        </div>
                    </td>
                  </tr>
              </table>
            </div>
            <!-- END switch_ticker_new -->

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

topics_list_box

Code:

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

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </th>
      <th align="center" nowrap="nowrap" width="80"> {topics_list_box.row.L_REPLIES} </th>
      <th align="center" nowrap="nowrap" width="100"> {topics_list_box.row.L_AUTHOR} </th>
      <th align="center" nowrap="nowrap" width="50"> {topics_list_box.row.L_VIEWS} </th>
      <th align="center" nowrap="nowrap" width="150"> {topics_list_box.row.L_LASTPOST} </th>
      <!-- BEGIN multi_selection -->
      <th align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th>
   <!-- END multi_selection -->
   </tr>
   <!-- BEGIN pagination -->
   <tr>
      <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END pagination -->
   <!-- END header_table --><!-- BEGIN header_row -->
   <tr>
      <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
   </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
   <tr>
      <!-- BEGIN single_selection -->
      <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
      <!-- END single_selection -->
      <td class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="middle" width="20"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></td>
      <!-- BEGIN icon -->
      <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td>
      <!-- END icon -->
      <td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
             <script type="text/javascript">$(function(){$(".xname").hide();});</script>
            <div class="topictitle" style="display:block;">
                {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
                    <h2 class="topic-title">
                  <a class="topictitle" class="krokodil" href="{topics_list_box.row.U_VIEW_TOPIC}"><span onmouseover="showtip('Tiêu đề: <font color=yellow>{topics_list_box.row.TOPIC_TITLE}</font><br />
    Thời gian: <font color=#00e6ff>{topics_list_box.row.LAST_POST_TIME}</font><br />
    <font color=#FF00FF>{topics_list_box.row.REPLIES}</font> trả lời |  <font color=#FF00FF>{topics_list_box.row.VIEWS}</font> lượt xem');" onmouseout="hidetip();">{topics_list_box.row.TOPIC_TITLE}</span></a>
 
 
    <span class="xname" style="float: right;"><span onmouseover="showtip('Click để xem thông tin về thành viên này!');" onmouseout="hidetip();"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span><br/></span>
                </h2>


            </div>
         <!-- BEGIN switch_description -->
         <span class="genmed">
            <br />
            {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
         </span>
         <!-- END switch_description -->
         <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span> 
         <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
      </td>

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

viewforum_body

Code:

{BOARD_INDEX}
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td align="left" valign="middle" width="50">
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
        <!-- END switch_user_authpost -->
      </td>
      <td class="nav" valign="middle" width="100%"><div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div></td>
      <td class="nav" align="right" valign="bottom" nowrap="nowrap">
        <span class="gensmall">
            <script type="text/javascript">
            //<![CDATA[
              insert_plus_menu('f{FORUM_ID}&f={FORUM_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
        </span>
      </td>
  </tr>
</table>
<br /><br />
{TOPICS_LIST_BOX}
<br /><br />
<div id="info_open" style="display:''">
 <table class="tborder" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr><td class="tcat" colspan="8" height="35"> Thông tin hiển thị</td></tr> 
 
      <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">

<tr>
  <td class="thead">Xếp bài:</td>

  <td class="thead">Thành viên đang online:</td>
 
  <td class="thead">Ban quản trị : {MEMBERS}</td>
 
</tr>
<tr valign="top">
  <td class="alt1">

      <table cellpadding="0" cellspacing="1" border="0">
      <tr valign="bottom">
        <td class="smallfont" style="padding-right:6px">
            <div><label for="sel_sort">Xếp theo</label></div>
            <select name="sort" id="sel_sort">
              <option value="title" >Thread Title</option>
              <option value="lastpost" selected="selected">Last Post Time</option>

              <option value="dateline" >Thread Start Time</option>
              <option value="replycount" >Số lần trả lời</option>
              <option value="views" >Số lần xem</option>

              <option value="postusername" >Người khởi xướng chủ đề</option>
              <option value="voteavg" >Thread Rating</option>
            </select>
        </td>
        <td class="smallfont" style="padding-right:6px">
            <div><label for="sel_order">Liệt kê</label></div>

            <select name="order" id="sel_order">
              <option value="asc" >Lớn dần</option>
              <option value="desc" selected="selected">Nhỏ dần</option>
            </select>
        </td>

        <td class="smallfont">
            <div><label for="sel_daysprune">From The</label></div>
            <select name="daysprune" id="sel_daysprune">
              <option value="1" >Last Day</option>
              <option value="2" >Last 2 Days</option>
              <option value="7" >Last Week</option>
              <option value="10" >Last 10 Days</option>

              <option value="14" >Last 2 Weeks</option>
              <option value="30" >Last Month</option>
              <option value="45" >Last 45 Days</option>
              <option value="60" >Last 2 Months</option>
              <option value="75" >Last 75 Days</option>
              <option value="100" >Last 100 Days</option>

              <option value="365" >Last Year</option>
              <option value="-1" selected="selected">Beginning</option>
            </select>
        </td>
      </tr>
      <tr valign="bottom">
        <td class="smallfont" colspan="2">
     
         

     
        </td>
        <td class="smallfont" align="right" style="padding-top:6px">
            <input type="submit" class="button" value="Hiện chủ đề" />
        </td>
      </tr>
      </table>

  </td>
 
 

  <td class="alt1"><div class="smallfont">{LOGGED_IN_USER_LIST}</div></td>
 
  <td class="alt1"><div class="smallfont">{MODERATORS}</div></td>
 
</tr>
</table>

</form>










<div id="info_close" style="display:none">
  <table class="tborder" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
        <td class="alt1" colspan="2" align="right" valign="top"><span class="smallfont"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td>
      </tr>
      <tr>
        <td class="alt2" colspan="2" valign="top"><span class="smallfont"><b>{LOGGED_IN_USER_LIST}</b></span></td>
      </tr>
      <tr>
        <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td class="navbar" valign="middle" width="100%"><span class="navbar">�<a class="navbar" href="{U_INDEX}">{L_INDEX}</a>{nav_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="smallfont"><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>
<tr>
        <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td class="nav" valign="middle" width="100%"><span class="nav">�<a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
</div><br />
  <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>

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

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

<div align="left" width="100%">  <table class="tborder" width="300" border="0" cellspacing="1" cellpadding="0">
      <tr>
        <td class="tcat" valign="top" width="150" height="25">{L_TABS_PERMISSIONS}</td></tr><tr>
        <td class="alt1" valign="top"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
   
  </table></div>
      </form>

overall_footer_begin

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>
                        <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 class="smallfont" align="center"><font color=orange><B>­­­­­­­­Múi giờ GMT + 7. </font> <span class="time"><font color=orange>{CURRENT_TIME}</font></span></B></div>


                                <!-- BEGIN switch_footer_fa_copyrights -->
                                <div align="center">
                                        <div class="gen">
                                                <!-- BEGIN footer_fa_copyright_link -->
                                                        <!-- BEGIN switch_separator --> | <!-- END switch_separator -->
                                                        {switch_footer_fa_copyrights.footer_fa_copyright_link.FOOTER_FA_LINK}
                                                <!-- END footer_fa_copyright_link -->
                                        </div>
                                </div>
                                <!-- END switch_footer_fa_copyrights -->
                                <!-- BEGIN switch_footer_links -->
                                <div align="center">
                                        <div class="gen">
                                                <!-- BEGIN footer_link -->
                                                        <!-- BEGIN switch_separator --> | <!-- END switch_separator -->
                                                        <a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                                                <!-- END footer_link -->
                                        </div>
                                </div>
                                <!-- END switch_footer_links -->
        </div>
        {PROTECT_FOOTER}
<br>
      </td>
  </tr>
</table>

<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({appId: '{switch_facebook_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true});
//]]>
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
  if ($('a#logout'))
  {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
        document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
  }
});

$(document).ready( function() {
  $('a#logout').click( function() {
      FB.logout();
  } );
});
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
  fa_endpage();
//]]>
</script>

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

<!-- / close content container -->
<!-- /content area table -->

</div>
</div>

<div id="bg_footer">

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

<table cellpadding="6" cellspacing="0" border="0" width="100%" id="content_vietvui" align="center">
<tr>
 
      <td class="tfoot">
        <select name="styleid" onchange="switch_id(this, 'style')">
            <optgroup label="Tên Skin">
<option value="20" class="" selected="selected">-- Love & Teens</option>
            </optgroup>

        </select>
      </td>
 
 
      <td class="tfoot">
        <select name="langid" onchange="switch_id(this, 'lang')">
            <optgroup label="Ngôn ngữ">
              <option value="1" class="" >-- Tiếng Việt</option>
            </optgroup>
        </select>
      </td>
 
  <td class="tfoot" align="right" width="100%">
      <div class="smallfont">
        <strong>
            <a href="/contact" rel="nofollow" accesskey="9"> Liên lạc</a> -
            <a href="/forum"> Diễn đàn</a> -
            <a href="/groups"> Hội nhóm </a> -
            <a href="#top" onclick="self.scrollTo(0, 0); return false;"> Lên trên</a>

        </strong>
      </div>
  </td>
</tr>
</table>









<div align="center">
  <div class="smallfont" align="center">
  <!-- KHI SỬ DỤNG SKIN NÀY, XIN ĐỪNG XÓA BỎ TÊN NGƯỜI THIẾT KẾ VÀ RIP SKIN -->
  <b><font color=white>Love & Teens Skin<br>
Powered by vBulletin® Version 3.8.2<br>
Designed by Nguyễn Thanh Đạt<br>
    Forumotion_Ripped by <a href="http://c3nxo.123.st/u1"/> Mèo. </a>
</font></b>
  <!-- KHI SỬ DỤNG SKIN NÀY, XIN ĐỪNG XÓA BỎ TÊN NGƯỜI THIẾT KẾ VÀ RIP SKIN -->
  </div>
</div>

</form>
</body>
</html>

nghịch web

Code:

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName("div"); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+"px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+"px"}R++}setInterval('A()',5); void(0);

Code:

http://freesoft.forumvi.com/t104-topic