demo


CSS

Code:

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

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

.alt2,.alt2Active{background: #FFFFFF url(http://i23.servimg.com/u/f23/15/13/67/04/f110.gif) bottom repeat-x;;
    color: #000000;
    border: 0px solid #EDEDED;}
.inlinemod
{
  background: #fff4c1;
  color: #222222;
  font-size: 13px;
}
.wysiwyg
{
  background: #fbfbfb;
  color: #333333;
  font: 13px Geneva, Arial, Helvetica, sans-serif;
}
.wysiwyg a:link, .wysiwyg_alink
{
  color: #052b5a;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
  color: #052b5a;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
  color: #02162f;
}
textarea, .bginput
{
  background: #fbfbfb;
  color: #333333;
  font: 13px Geneva, Arial, Helvetica, sans-serif;
  border: 1px solid #cacaca;
}
.bginput option, .bginput optgroup
{
  font-size: 13px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
}
.button
{
  background: #cfcfcf url(http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/thead2.gif) repeat-x top left;
  color: #030303;
  font: bold 11px Geneva, Arial, Helvetica, sans-serif;
  border: 1px solid #cacaca;
  padding-top:1px;
  padding-bottom:1px;
  margin-left: 3px;
}
select
{
  background: #dadada;
  color: #333333;
  font: 10px Geneva, Arial, Helvetica, sans-serif;
  border: 1px solid #cacaca;
}
option, optgroup
{
  font-size: 10px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
}
.smallfont
{
  font: 11px Tahoma, Geneva, Arial, Helvetica, sans-serif;
}
.time
{
  color: #0f0f0f;
}
.navbar
{
  color: #0f0f0f;
  font: 12px Arial, Helvetica, sans-serif;
}
.highlight
{
  color: #ff0000;
  font-weight: bold;
}
.fjsel
{
  background: #f5f5f5;
  color: #333333;
}
.fjdpth0
{
  background: #ffffff;
  color: #0f0f0f;
}
.fjdpth1
{
  background: #efefef;
  color: #333333;
}
.fjdpth2
{
  background: #efefef;
  color: #333333;
}
.fjdpth3
{
  background: #efefef;
  color: #333333;
}
.fjdpth4
{
  background: #efefef;
  color: #333333;
}
.panel
{
  background: transparent;
  color: #3a3a3a;
  padding: 9px;
}
.panelsurround
{
  background: #fbfbfb;
  color: #3a3a3a;
}
legend
{
  color: #3a3a3a;
  font: 11px Geneva, Arial, Helvetica, sans-serif;
  padding:0px 3px;
}
.vbmenu_control
{
  background: transparent;
  color: #fafafa;
  font: 11px Geneva, Arial, Helvetica, sans-serif;
  padding: 6px 7px 6px 7px;
  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: #83a0b3;
  color: #fefefe;
  border-top:1px solid #83a0b3;
  border-left:2px solid #83a0b3;
  border-right:2px solid #83a0b3;
  border-bottom:2px solid #83a0b3;
}
.vbmenu_option
{
  background: #ffffff;
  color: #0f0f0f;
  font: 11px Geneva, Arial, Helvetica, sans-serif;
  white-space: nowrap;
  cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
  color: #3a3a3a;
  text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
  color: #3a3a3a;
  text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
  color: #3a3a3a;
  text-decoration: none;
}
.vbmenu_hilite
{
  background: #ffeea0;
  color: #0f0f0f;
  font: 11px Geneva, Arial, Helvetica, sans-serif;
  white-space: nowrap;
  cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
  color: #2a2a2a;
  text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
  color: #2a2a2a;
  text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
  color: #2a2a2a;
  text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 12pt; }

/* ***** 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; }
/* url(gfx4_v4GFXed Geneva, Arial, Helvetica, sans-serif */

.clear { clear:both; height:0px; }
fieldset { border:1px solid #cacaca; }
.nomargin_fieldset .fieldset { margin-bottom: 0px; border:1px solid #cacaca; }
.twelve_font { font-size:12px; }
.shade_dark { color:#7c7c7c; }

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

#header { position:relative; background:#425566 url(http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/logoo_bg.gif) repeat-x bottom left; padding-bottom:0px; }

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

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

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

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

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

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

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

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

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

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

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

.tcat_content .vbmenu_control { background:transparent; }

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

.footer_links { background:#425566 url(gfx4_v4GFXed/add/logoo_bg.gif) repeat-x bottom left; }
.footer_links { color:#eaeaea; font-size:11px; }
.footer_links a:link, .footer_links a:visited { color:#f6f6f6; text-decoration:none; }
.footer_links a:hover, .footer_links a:active { color:#ffffff; text-decoration:underline; }

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

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

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

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

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


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

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


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

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

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

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

 /* ---------------- FIN NAVIGATION BAR ---------------- */


.forumline{background:#fff;border:1px solid transparent;border-bottom-width:0;border-top-width:0;color:#000}#hqthbw table.forumline,.forumline table.forumline{border:0!important}.forumline,.tborder{background:none;color:none}.gen{font-size:12px}.genmed{font-size:11px}
.gensmall{font-size:10px}
th.thBottom,th.thCornerL,th.thCornerR,th.thHead,th.thLeft,th.thRight,th.thSides,th.thTop{border:#fff;border-style:solid;font-weight:700}


/* LOGIN ICONS ------------------------------------------------------------*/
#password, #username{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
padding:1px 1px 1px 16px;
width:100px;
}
#password {
background:#FFFFFF url(http://i28.servimg.com/u/f28/15/68/89/57/pass9610.png) no-repeat scroll left center; }
#username {
background:#FFFFFF url(http://i28.servimg.com/u/f28/15/68/89/57/id966810.png) no-repeat scroll left center; }
input.mainoption, input[type=submit], input[type=text], input[type=password], select, textarea{
  background: #FFF;
  color: #000;    border:1px solid #CCC;
  }


index_body

Code:

{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <!-- BEGIN message_admin_titre -->
  <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
  </tr>
  <!-- END message_admin_titre -->
  <!-- BEGIN message_admin_txt -->
  <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
  </tr>
  <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- 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="facebook_login()" 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 -->
       
<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>

            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a>

            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
              <!-- BEGIN switch_delete_cookies -->
             
<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="facebook_login()" 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 -->

<BR>
<!-- BEGIN disable_viewonline -->
<!-- what's going on box -->
<div class="grey">
<div class="underlined">
<div class="tcat_block"><div class="top_tcat_left"><div class="top_tcat_right"><div class="tcat_content">
  <a style="float:right" href="#top" onclick="return toggle_collapse('forumhome_wgo')"><img id="collapseimg_forumhome_wgo" src="http://i23.servimg.com/u/f23/15/13/67/04/collap10.gif" alt="" border="0" /></a>
  What's Going On?
</div></div></div></div><div class="clear"></div>
<div class="clear"></div>
<div class="block_border"><div class="block_border_iner" id="collapseobj_forumhome_wgo" style="">
<table class="tborder" cellpadding="6" cellspacing="0" border="0" width="100%" align="center">


<!-- users -->
<tbody>
  <tr>
      <td class="alt1" colspan="2" width="100%">

<strong><img src="http://i810.photobucket.com/albums/zz28/c3zteam/miss/users_online.png"/> Who's online</strong>
      <div class="smallfont" style="margin-top:4px;">
        <div>{TOTAL_USERS_ONLINE}

      {RECORD_USERS}

     

      {LOGGED_IN_USER_LIST}</div>
<table>
    {L_CONNECTED_MEMBERS}
    </table>

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




<!-- stats -->
<tbody>
  <tr>
      <td class="alt1" colspan="2" width="100%">
<strong><img src="http://i810.photobucket.com/albums/zz28/c3zteam/miss/forum_stats.png"/> Statistics</a></strong>
        <div class="smallfont" style="margin-top:4px;">
            <div style="white-space: nowrap">{TOTAL_POSTS}

      {TOTAL_USERS}

      {NEWEST_USER}</div>

            <div></div>
        </div>
      </td>
  </tr>
</tbody>
<!-- end stats -->



<!-- birthdays -->
<tbody>
  <tr>
      <td class="alt1" colspan="2" width="100%">
<strong><img src="http://i810.photobucket.com/albums/zz28/c3zteam/miss/users_online.png"/> Birthdays</strong>
        <div class="smallfont" style="margin-top:4px;">
            <div style="white-space: nowrap"><table>
 
    {L_WHOSBIRTHDAY_TODAY}
    {L_WHOSBIRTHDAY_WEEK}</table></div>

            <div></div>
        </div>
      </td>
  </tr>
</tbody>
<!-- end bithdays -->


<!-- websites -->
<tbody>
  <tr>
      <td class="alt1" colspan="2" width="100%">
<strong><img src="http://i810.photobucket.com/albums/zz28/c3zteam/miss/forum_stats.png"/> Websites</a></strong> 
        <div class="smallfont" style="margin-top:4px;">
            <div style="white-space: nowrap">link</div>

            <div><!-- BEGIN switch_chatbox_activate -->
 
        <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}

            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
            </script>
            <!-- END switch_chatbox_popup -->
        </span>
     
  <!-- END switch_chatbox_activate --></div>
        </div>
      </td>
  </tr>
</tbody>
<!-- end websites -->


<!-- groups -->
<tbody>
  <tr>
      <td class="tfoot" align="left" colspan="2" style="padding:3px 4px;"><div style="font-size:10px;"><strong>
Groups: {GROUP_LEGEND}
 
      </strong>  </div></td>
  </tr>
</tbody>
<!-- end groups -->
</table>
</div></div><div class="clear"></div>

</div>
</div>


<!-- end what's going on box -->
<!-- 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}

        {CURRENT_TIME}

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

        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="underline_alts_forum">
<div class="tcat_block"><div class="top_tcat_left"><div class="top_tcat_right"><div class="tcat_content">
           
            <a style="float:right" href="#top" onclick="return toggle_collapse('forumbit_1')"><img id="collapseimg_forumbit_1" src="http://i23.servimg.com/u/f23/15/13/67/04/collap10.gif" alt="" border="0" /></a>
           
<div class="lastpost_title">Last Post</div>
    <h>{catrow.tablehead.L_FORUM}</h>
                   
</div></div></div></div><div class="clear"></div>
<div class="clear"></div>
<div class="block_border"><div class="block_border_iner" id="collapseobj_forumbit_1" style="">
<table class="tborder" cellpadding="6" cellspacing="0" border="0" width="100%" align="center" style="border-bottom:0px;">


<tbody>

 
  <!-- 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="alt1Active" align="left" width="10%">
        <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" width="50%">
        <div>

        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

            </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></div>
     

      </td>
      <!-- BEGIN forum_link_no -->
          <td class="alt1" width="10%">

        <div class="tp_wfh"><span class="shade">Threads:</span>{catrow.forumrow.TOPICS}</div>
        <div class="tp_wfh"><span class="shade">Posts:</span>{catrow.forumrow.POSTS}</div>
      </td>
      <td class="alt1" width="30%"><div class="lastpost_wfh">
<div class="gensmall" align="left">
    <div>

        <span style="white-space:nowrap"> {catrow.forumrow.LAST_POST}</span>
        </div>
</div>
</div></td>


      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
  </tr>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
  </tr>
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

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}
           

            <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}
  <a name="top"></a>

<!-- size - center -->
  <div align="center">

 <div id="sizd" class="css_width">
<div align="left">
<!-- /size - center -->

<div id="header">
    <div><a href="index.php"><img src="http://2img.net/i/fa/logo/logo.png" border="0" alt="Forums" /></a></div>
<div id="toplinks_lin">
         
<!-- BEGIN switch_user_logged_out -->
<!-- login form -->
<form action="{S_LOGIN_ACTION}" method="post"  name="form_login">
<table border="0" cellpadding="0" cellspacing="3">
<TBODY>
<tr>
<td><input type="text" class="bginput" style="font-size: 11px"
name="username" id="username" size="15" accesskey="u" tabindex="101"
value="User Name" onfocus="if (this.value == 'User Name') this.value = '';" />
</td>

<td><input type="password" class="bginput" style="font-size: 11px;"
name="password" id="password" size="15" tabindex="102" value="********" onfocus="if (this.value == '********') this.value = '';" />
</td>
       
<td><input class="button" value="Log in" tabindex="104"
title="Enter your username and password in the boxes provided to login,
or click the 'register' button to create a profile for yourself." accesskey="s"
type="submit" name="login"/>
</td>
</tr>

<tr>
<td class="smallfont" nowrap="nowrap"><label for="autologin">
<input type="checkbox" name="cookieuser" value="1"
tabindex="103" id="autologin" accesskey="c" />Remember me?</label>
</td>

<td>
<a href="profile.forum?mode=sendpassword"><font size="1.7">:: Forget password? :: </font></a></td>

</tr>
</tbody>
</table>
 
<!-- END switch_user_logged_out -->

<!-- BEGIN switch_user_logged_in -->
<span class="smallfont">
{LOGGED_AS} 
{LAST_VISIT_DATE}  {CURRENT_TIME}

<!-- END switch_user_logged_in --> 
</form>
<!-- / login form -->
</div>

    </div>

<!-- forum_margin -->
<div id="forum_margin">
<!-- /forum_margin -->

<!-- content table -->
<!-- open content container -->
  <div align="center">

 <div class="page" style="width:97%; text-align:left">
<div style="padding:0px 0px 0px 0px" align="left">
<!-- /forum_margin content table -->
  </div>
  </div>
 </div>
</div>
<!-- /forum_margin content table -->

<div class="clear;"></div>
 <div id="site_links"><!-- sitelinks -->

<!-- tabs bar -->
<div id="tab_search" class="smallfont">

                <form action="search.forum" method="post">
                    <input type="hidden" name="do" value="process" />
                    <input type="hidden" name="quicksearch" value="1" />
                    <input type="hidden" name="childforums" value="1" />

                    <input type="hidden" name="exactname" value="1" />
                    <input type="hidden" name="s" value="" />
                    <input type="hidden" name="securitytoken" value="guest" />
<table cellpadding="0" cellspacing="0" border="0"><tr>
    <td><span style="font-size:10px;">Search </span></td>
    <td class="search_line"></td>
    <td class="ts_bg"><input type="text" class="bginput" style="font-size:10px; border:1px solid #cfcfcf; border-top:0px; margin:0px 3px;" name="query" size="21" tabindex="1001" /></td>
    <td class="search_line"></td>
    <td class="ts_bg"><input type="image" src="http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/ico_search.png" style="margin:0px 6px 0px 3px;" tabindex="104" /></td>

</tr></table>
                </form>
</div>

<div id="main_tabs">
 <div id="line_two">
  <ul>
<li><a href="/forum" title="Home"><span>HOME</span></a></li>

<li class="current"><a href="/forum" title="Forum"><span>FORUM</span></a></li>

<li><a href="/register" rel="nofollow"><span>REGISTER</span></a></li>
   
  </ul>
</div>
 </div>
<!-- /tabs bar -->

</div><!-- /sitelinks -->

<div class="clear;"></div>

<!-- nav buttons bar -->
  <div id="nav_buttons_bar">
    <table cellpadding="0" cellspacing="0" border="0" width="100%" align="left">
    <tr align="center">
        <td class="radi_bottom_left"> </td>
            <td class="vbmenu_control"><div class="navigbar">{GENERATED_NAV_BAR}</div></td>
     
            <td width="100%" class="vbmenu_control" style="padding:0px;"> </td>
        <td class="radi_bottom_right"> </td>
        </tr>
    </table>

  </div>
<!-- / nav buttons bar -->
<div class="clear"></div>

<div style="height:9px; background:#ebebeb;"></div>

<div class="clear;"></div>

<div class="radi_top_left">
 <div class="radi_top_right"></div></div>

<!-- /forum_margin content table -->
  <div class="forum_margin">

  <div align="center">
 <div class="page" style="width: 100%; text-align:left;">
<div style="padding: 0px;" align="left">
<!-- /forum_margin content table -->
<div style="height:12px;"></div>

<div class="navbar" style="font-size: 10pt;"><strong><div class="nav"><a class="nav" href="{U_INDEX}"><a href="#" onclick="history.back(1); return false;"><img title="Go Back" class="inlineimg" style="margin-top: -4px;" src="http://i967.photobucket.com/albums/ae153/ligerv/forumotion/gfx4_v4GFXed/add/navbits_start.gif" alt="Go Back" border="0"></a> {NAV_CAT_DESC}</div>  {PAGE_TITLE} </strong></div>
            <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 -->

            <div id="page-body">
              <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                  <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                    <tbody>
                        <tr>
                          <td valign="top" width="{C1SIZE}">
                              <div id="{ID_LEFT}">
                                <!-- BEGIN giefmod_index1 -->
                                {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                <!-- END giefmod_index1 -->
                              </div>
                          </td>
                          <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                          </td>
                        </tr>
                    </tbody>
                  </table>
              </div>
            </div>
        </td>
      </tr>
  </table>
</body>
</html>
<!-- END html_validation -->

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>
                       
 <form action="/forum" method="get" style="clear:left">
<table cellpadding="6" cellspacing="0" border="0" width="97%" class="page" align="center">
<tr>
 
      <td class="tfoot">
        <select name="styleid" onchange="switch_id(this, 'style')">
            <optgroup label="Style">
              <option value="1" class="" >-- vBulletin® v4.0</option>
            </optgroup>
        </select>
      </td>
 
                <td class="tfoot" align="right">
        <select name="styleid" onchange="switch_id(this, 'style')">
            <optgroup label="Ngôn ngữ">
              <option value="1" class="" >-- Tiếng Việt</option>
            </optgroup>
        </select>
      </td>
 
 
</tr>
</table>
<br />
<div align="center">
  <div class="smallfont" align="center">
  <!-- Do not remove this copyright notice -->
  Skin vBulletin 4.0 <br/>Powered by phpBB & Version 2.0 <br />Ripped by Ligerv
  <!-- Do not remove this copyright notice -->
  </div>
</div>
</form>
                          <br/>          <br/>             
            <!-- 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>
  <br/><br/>
<!-- 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>

topic_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 -->
<div class="tcat_block" style="margin-bottom:6px;"><div class="top_tcat_left"><div class="top_tcat_right"><div class="tcat_block_bottom"><div class="top_tcat_left_bottom"><div class="top_tcat_right_bottom"><div class="tcat_content"><div class="smallfont" style="font-weight:bold;">
<div><span class="shade_dark">Forum:</span> {FORUM_NAME}</div>
</div></div></div></div></div></div></div></div>
<table class="tborder" id="threadslist" align="center" border="0" cellpadding="6" cellspacing="0" width="100%">
<tr>
      <div class="underline_alts">
<div class="grey">
<div class="tcat_block"><div class="top_tcat_left"><div class="top_tcat_right"><div class="tcat_content">
 
  <div class="sort_lastp"><a href="forumdisplay.php?f=2&daysprune=-1&order=desc&sort=lastpost" rel="nofollow">Last Post By</a> <a href="forumdisplay.php?f=2&daysprune=-1&order=asc&sort=lastpost&pp=20&page=1" rel="nofollow"><img class="inlineimg" src="gfx4_v4GFXed/buttons/sortasc.gif" alt="Reverse Sort Order" border="0" /></a></div>
  <div class="sort_views"><a href="forumdisplay.php?f=2&daysprune=-1&order=desc&sort=views" rel="nofollow">Views</a> </div>
  <div class="sort_reply"><a href="forumdisplay.php?f=2&daysprune=-1&order=desc&sort=replycount" rel="nofollow">Replies</a> </div>
  <div class="sort_rate"><a href="forumdisplay.php?f=2&daysprune=-1&order=desc&sort=voteavg" rel="nofollow">Rating</a> </div>

      <div style="margin-left:36px;"><a href="forumdisplay.php?f=2&daysprune=-1&order=asc&sort=title" rel="nofollow">Thread</a>  /
      <a href="forumdisplay.php?f=2&daysprune=-1&order=asc&sort=postusername" rel="nofollow">Thread Starter</a> </div>
</div></div></div></div><div class="clear"></div>
</div>
<div id="threadslist">
<div class="clear"></div>
<div class="block_border"><div class="block_border_iner">
      <!-- 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="alt1" 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="alt1" 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="alt1" 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="alt1" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td>
      <!-- END icon -->
      <td class="alt1" width="100%">
        <div class="topictitle">
            {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
              <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
        </div>

<span class="name"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span>
        <!-- BEGIN switch_description -->
        <span class="genmed">
           

            {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="alt3" align="center" title="Replies"><div class="threads_wfh">{topics_list_box.row.REPLIES}</div></td>
      <td class="alt1" align="center" title="Views"><div class="posts_wfh">{topics_list_box.row.VIEWS}</div></td>
<td class="alt3">
      <div class="twelve_font">
<div class="lastpost_wfh_alt"><span class="time">{topics_list_box.row.LAST_POST_TIME}</span>
{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span></div></div></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 -->
 
<!-- 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="110">
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
        <!-- END switch_user_authpost -->
      </td>
      <td class="gensmall" align="right" valign="bottom" nowrap="nowrap">
       
      </td>
  </tr>
</table>
{TOPICS_LIST_BOX}<br/><br/>
<table class="tborder" border="0" cellpadding="0" cellspacing="1" width="100%"><tbody><tr><td class="alt1" align="left" valign="top"><span class="smallfont"><a href=""></a></span></td><td class="alt1" align="right" valign="top"><span class="smallfont"></span></td></tr><tr><td class="alt2" colspan="2" valign="top"><span class="smallfont"><b>{LOGGED_IN_USER_LIST}<br></b></span></td></tr><tr><td class="alt2" valign="top" width="150"><span class="smallfont"><b>{L_MODERATOR}:</b></span></td><td class="alt1" valign="top"><span class="smallfont">{MODERATORS}</span></td></tr></tbody></table>
<div id="info_close" style="display:none">
  <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
        <td class="row1" colspan="2" align="right" valign="top"><span class="gensmall"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td>
      </tr>
      <tr>
        <td class="row2" colspan="2" valign="top"><span class="gensmall"><b>{LOGGED_IN_USER_LIST}</b></span></td>
      </tr>
      <tr>
        <td class="catBottom" colspan="2" height="28">
           
        </td>
      </tr>
  </table>
</div>
  <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>

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

  </tr>
  <!-- BEGIN switch_legend -->
  <tr>
      <td colspan="2">
        <table border="0" cellpadding="6" cellspacing="2" align="center">
            <tr>
              <td>
                  <img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_NEW_IMG}</span>

                  <img src="{FOLDER_HOT_NEW_IMG}" alt="{L_FOLDER_HOT_NEW_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_HOT_NEW_IMG}</span>

                  <img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_FOLDER_LOCKED_NEW_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_LOCKED_NEW_IMG}</span>
              </td>
              <td>
                  <img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_IMG}</span>

                  <img src="{FOLDER_HOT_IMG}" alt="{L_FOLDER_HOT_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_HOT_IMG}</span>

                  <img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_LOCKED_IMG}</span>
              </td>
              <td valign="top">
                  <img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_ANNOUNCE_IMG}</span>

                  <img src="{FOLDER_GLOBAL_ANNOUNCE_IMG}" alt="{L_FOLDER_GLOBAL_ANNOUNCE_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_GLOBAL_ANNOUNCE_IMG}</span>

                  <img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_STICKY_IMG}</span>

              </td>
            </tr>
        </table>
      </td>
  </tr>
  <!-- END switch_legend -->
<tbody><tr><td class="tfoot" height="25" valign="top" width="20%"><font color="#000000"> Permissions of this forum:</font></td></tr><tr><td class="alt1" valign="top"><span class="gensmall">{S_AUTH_LIST}</span></td></tr></tbody>
</table>
      </form>


Đep Lám Mà Về Màu Sắc Hơi Bị Sau Sau Âý Chừng Náo Làm Nhớ De Đoan Code Noi len nhe de mau thế khó Nhình Lắm