Lỗi không canh giữa ảnh và cả video và cả chữ viết.

[blogkien]

Hôm trước là do cái Flash block làm video ko canh giữa được nhưng em đã disabled cái flash block thì canh giữa được. (ảnh canh giữa bình thường)

Em hôm nay tình cờ test lại chèn ảnh, và để thuộc tính center thì không thấy cả ảnh và video canh ra giữa bài viết. Em không hiểu lỗi lầm gì ở trong css hay view topic_body hay overall_header hay index_body hay... overall_footer nữa.


------ Chữ viết cũng không canh giữa được.


Em xin trích ra toàn bộ em nó đây:

1. Link trang forum:

Code:

http://testing.7forum.info/t3-topic

2.CSS:

Code:

body { background: #333333 url(http://sinhviennganhang.com/diendan/skin/banking/gradients/webg.gif); color: #000000; font: 10pt tahoma,MS Sans Serif,verdana,arial,helvetica,sans-serif; margin:-0px  0px 0px 0px; padding: 0px;  } a:link, body_alink { color: #027EC6; text-decoration: none; } a:visited, body_avisited { color: #027EC6; text-decoration: none; } a:hover, a:active, body_ahover { color: #8c8c8c; text-decoration: none; } .page { background: #E7E7E7; color: #000000; } td, th, p, li { font: 10pt tahoma,MS Sans Serif,verdana,arial,helvetica,sans-serif; } .tborder { background: #dbdbdb; color: #000000; border: 0px solid #cdcdcd; } .tcat { background: #930202 url(http://sinhviennganhang.com/diendan/skin/banking/gradients/tile_back.gif) repeat-x top left; color: #FFFFFF; font: bold 10pt tahoma,MS Sans Serif,verdana,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: none; } .thead { background: #E7E7E7 url(http://sinhviennganhang.com/diendan/skin/banking/gradients/bgtit.gif) repeat-x top left; color: #027EC6; font: bold 11px tahoma,MS Sans Serif,verdana,arial,helvetica,sans-serif; } .thead a:link, .thead_alink { color: #027EC6; } .thead a:visited, .thead_avisited { color: #027EC6; } .thead a:hover, .thead a:active, .thead_ahover { color: #8C8C8C; } .tfoot { background: #930202 url(http://sinhviennganhang.com/diendan/skin/banking/gradients/tile_back.gif) repeat-x top left; color: #FFFFFF; } .tfoot a:link, .tfoot_alink { color: #FFFFFF; } .tfoot a:visited, .tfoot_avisited { color: #FFFFFF; } .tfoot a:hover, .tfoot a:active, .tfoot_ahover { color: #FFFF66; } .alt1, .alt1Active { background: #ffffff; color: #000000; } .alt2, .alt2Active { background: #ffffff; color: #000000; } .inlinemod { background: #FFFFCC; color: #000000; } .wysiwyg { background: #F5F5FF; color: #000000; font: 10pt tahoma,MS Sans Serif,verdana,arial,helvetica,sans-serif; margin: 5px 10px 10px 10px; padding: 0px; } .wysiwyg a:link, .wysiwyg_alink { color: #027EC6; } .wysiwyg a:visited, .wysiwyg_avisited { color: #027EC6; } .wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover { color: #FF4400; } textarea, .bginput { font: 10pt tahoma,MS Sans Serif,verdana,arial,helvetica,sans-serif; } .bginput option, .bginput optgroup { font-size: 10pt; font-family: tahoma,MS Sans Serif,verdana,arial,helvetica,sans-serif; } .button { font: 11px tahoma,MS Sans Serif,verdana,arial,helvetica,sans-serif; } select { font: 11px tahoma,MS Sans Serif,verdana,arial,helvetica,sans-serif; } option, optgroup { font-size: 11px; font-family: tahoma,MS Sans Serif,verdana,arial,helvetica,sans-serif; } .smallfont { font: 11px tahoma,MS Sans Serif,verdana,arial,helvetica,sans-serif; } .time { color: #aa0000; } .navbar { font: 11px tahoma,MS Sans Serif,verdana,arial,helvetica,sans-serif; } .highlight { color: #FF0000; font-weight: bold; } .fjsel { background: #3E5C92; color: #E0E0F6; } .fjdpth0 { background: #F7F7F7; color: #000000; } .panel { background: #F3F3F3; color: #000000; padding: 10px; border: 1px outset; } .panelsurround { background: #E7E7E7; color: #000000; } legend { color: #027EC6; font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .vbmenu_control { background: #930202 url(http://sinhviennganhang.com/diendan/skin/banking/gradients/tile_back.gif) repeat-x top left; 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 #027EC6; } .vbmenu_option { background: #E7E7E7; color: #027EC6; font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; white-space: nowrap; cursor: pointer; } .vbmenu_option a:link, .vbmenu_option_alink { color: #027EC6; text-decoration: none; } .vbmenu_option a:visited, .vbmenu_option_avisited { color: #027EC6; text-decoration: none; } .vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover { color: #8C8C8C; text-decoration: none; } .vbmenu_hilite { background: #ffffff; color: #027EC6; font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; white-space: nowrap; cursor: pointer; } .vbmenu_hilite a:link, .vbmenu_hilite_alink { color: #027EC6; text-decoration: none; } .vbmenu_hilite a:visited, .vbmenu_hilite_avisited { color: #027EC6; text-decoration: none; } .vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover { color: #8C8C8C; text-decoration: none; }  .bigusername { font-size: 14pt; }  td.thead, th.thead, div.thead { padding: 4px; }  .pagenav a { text-decoration: none; } .pagenav td { padding: 2px 4px 2px 4px; }  .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; }  .fieldset { margin-bottom: 6px; } .fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; } .tren_trai { background: url(http://sinhviennganhang.com/diendan/skin/banking/vien/01.gif) no-repeat bottom left; height:8px; } .tren_phai { background: url(http://sinhviennganhang.com/diendan/skin/banking/vien/03.gif) no-repeat bottom right; height:8px; } .tren { background: url(http://sinhviennganhang.com/diendan/skin/banking/vien/02.gif) repeat-x bottom left; height:8px; } .duoi_trai { background: url(http://sinhviennganhang.com/diendan/skin/banking/vien/06.gif) no-repeat top left; height:8px; } .duoi_phai { background: url(http://sinhviennganhang.com/diendan/skin/banking/vien/08.gif) no-repeat top right; height:8px; } .duoi { background: url(http://sinhviennganhang.com/diendan/skin/banking/vien/07.gif) repeat-x top left; height:8px; } .doc_trai { background: url(http://sinhviennganhang.com/diendan/skin/banking/vien/04.gif) repeat-y top left; } .doc_phai { background: url(http://sinhviennganhang.com/diendan/skin/banking/vien/05.gif) repeat-y top right; } .alt3 { background: #ffffff; border-left: 1px dashed #ff0000; border-top: 1px dashed #ff0000; border-right: 1px dashed #ff0000; border-bottom: 1px dashed #ff0000; } .alt4 { background: #ffffff; border-left: 1px dashed #ff0000; border-top: 1px dashed #ff0000; border-right: 1px dashed #ffffff; border-bottom: 1px dashed #ff0000; } .alt5 { background: #FFFFFF; border-left: 1px solid #E7E7E7; border-top: 1px solid #E7E7E7; border-right: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; } fieldset{border:1px solid #D0D0BF;padding:8px;-moz-border-radius:5px}  .rate{background: #fffddf;color: #000;border: 1px dashed #ff0000;}  .ratetext{font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;} .postinfo {  border-top: dashed 1px #8C8C8C;  border-left: dashed 1px #8C8C8C;  border-right: dashed 1px #8C8C8C;  border-bottom: dashed 1px #8C8C8C; margin: 3px 5px;  padding: 2px;  color: #333333;  background: #ffffff; font-size: 11px;  }  .container { background-color: #E7E7E7; width: 950px; } .body_01 { background-image: url(skin/banking/misc/body_01.jpg); background-repeat: no-repeat; background-position: left top; } .body_03 { background-image: url(http://sinhviennganhang.com/diendan/skin/banking/misc/body_03.jpg); background-repeat: no-repeat; background-position: right top; } .body_04 { background-image: url(http://sinhviennganhang.com/diendan/skin/banking/misc/body_04.jpg); background-repeat: repeat-y; background-position: left; } .body_05 { background-image: url(http://sinhviennganhang.com/diendan/skin/banking/misc/body_05.jpg); background-repeat: repeat-y; background-position: right; } .headerbar { background-image: url(http://sinhviennganhang.com/diendan/skin/banking/misc/body_02.jpg); text-align: right; font-weight: bold; } .body_06 { background-image: url(http://sinhviennganhang.com/diendan/skin/banking/misc/body_06.jpg); background-repeat: no-repeat; background-position: left bottom; } .body_08 { background-image: url(http://sinhviennganhang.com/diendan/skin/banking/misc/body_08.jpg); background-repeat: no-repeat; background-position: right bottom; } .contents { text-align: right; margin: 0px 10px 0px 10px; } .imgborder { border-style: solid; border-width: 0; } .footerbar { background-image: url(http://sinhviennganhang.com/diendan/skin/banking/misc/body_07.jpg); text-align: center; color: #333333;  padding: 5px 0px 0px 0px; font-family: Tahoma; font-size: 11px; } .box_01 { background-image: url(http://sinhviennganhang.com/diendan/skin/banking/box_01.jpg); background-repeat: no-repeat; background-position: left top; } .box_03 { background-image: url(http://sinhviennganhang.com/diendan/skin/banking/box_03.jpg); background-repeat: no-repeat; background-position: right top; } .boxcolorbar_01 { background-image: url(http://sinhviennganhang.com/diendan/skin/banking/boxcolorbar_01.jpg); background-repeat: no-repeat; background-position: left top; } .box_04 { background-image: url(http://sinhviennganhang.com/diendan/skin/banking/misc/box_04.jpg); background-repeat: repeat-y; background-position: left; } .boxcontainer { background-color: #E7E7E7; margin: 0px 0px 5px 0px; } .box_05 { background-position: right; background-image: url(http://sinhviennganhang.com/diendan/skin/banking/misc/box_05.jpg); background-repeat: repeat-y; } .box_06 { background-image: url(http://sinhviennganhang.com/diendan/skin/banking/box_06.jpg); background-repeat: no-repeat; background-position: left bottom; } .box_08 { background-image: url(http://sinhviennganhang.com/diendan/skin/banking/box_08.jpg); background-repeat: no-repeat; background-position: right bottom; } .boxheaderbar { background-image: url(http://sinhviennganhang.com/diendan/skin/banking/misc/box_02.jpg); background-repeat: repeat-x; text-align: left; width: 100%; } .boxcolorbar_03 { background-image: url(http://sinhviennganhang.com/diendan/skin/banking/boxcolorbar_03.jpg); background-repeat: no-repeat; background-position: right top; } .boxbar { margin: 0px 10px 0px 5px; }  .boxcolorbar { width: 100%; background-image: url(http://sinhviennganhang.com/diendan/skin/banking/misc/boxcolorbar_02.jpg); background-repeat: repeat-x; text-align: left; font: bold 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; color: #FFFFFF; } .boxcolorbar a:link, .boxcolorbar_alink { color: #FFFFFF; text-decoration: none; } .boxcolorbar a:visited, .boxcolorbar_avisited { color: #FFFFFF; text-decoration: none; } .boxcolorbar a:hover, .boxcolorbar a:active, .boxcolorbar_ahover { color: #FFFF66; text-decoration: none; } .boxcontents { text-align: left; margin: 2px 10px 5px 10px; } .boxfooterbar { background-image: url(http://sinhviennganhang.com/diendan/skin/banking/misc/box_07.jpg); background-repeat: repeat-x; } .closebox { border-width: 0px; margin-top: 1px; margin-bottom: 1px; } .width100 { width: 100%; } .headerpic { border-style: solid; border-width: 0; margin-top: 3px; margin-bottom: 5px; width: 100%; } .chuky { max-height:300px; height:expression((document.documentElement.clientHeight) > 300? "300px" : "100%"); overflow:hidden; } .an_hien_noi_dung1 { background:#FFFFFF none repeat scroll 0 0; border:1px solid #B5C0A8; color:#6A775B; font-weight:bold; margin:30px 15px 5px; padding:3px 5px; text-align:right; } .an_hien_noi_dung2 { background:#FFFFFF none repeat scroll 0 0; border:1px solid #B5C0A8; margin:0 15px 15px; padding:5px; } .alt6, .alt1Active { background:##FFFFFF url(http://sinhviennganhang.com/diendan/skin/banking/misc/alt6.jpg) repeat-x scroll center bottom; color:#000000; } .colorchooser { float:right; margin-right:10px; margin-top:10px; } .colorchooser span { font-family:arial;  color:#FFFFFF;  font-size:10px;  text-decoration:none;  float:left;  display:block; } .colorchooser a { width:10px;  height:10px;  display:block; float:left; margin-left:5px }


.tren_trai {
background:url(http://i1209.photobucket.com/albums/cc400/dothinh1105/CSS/0110.jpg) no-repeat bottom left;
height:8px;
}

.tren_phai {
background:url(http://i1209.photobucket.com/albums/cc400/dothinh1105/CSS/0310.jpg) no-repeat bottom right;
height:8px;
}

.tren {
background:url(http://i1209.photobucket.com/albums/cc400/dothinh1105/CSS/0210.jpg) repeat-x bottom left;
height:8px;
}

.duoi_trai {
background:url(http://i1209.photobucket.com/albums/cc400/dothinh1105/CSS/0610.jpg) no-repeat top left;
height:8px;
}

.duoi_phai {
background:url(http://i1209.photobucket.com/albums/cc400/dothinh1105/CSS/0810.jpg) no-repeat top right;
height:8px;
}

.duoi {
background:url(http://i1209.photobucket.com/albums/cc400/dothinh1105/CSS/0710.jpg) repeat-x top left;
height:8px;
}

.doc_trai {
background:url(http://i1209.photobucket.com/albums/cc400/dothinh1105/CSS/0410.jpg) repeat-y top left;
}

.doc_phai {
background:url(http://i1209.photobucket.com/albums/cc400/dothinh1105/CSS/0510.jpg) repeat-y top right;
}


.body_01 {
background-image:url(https://lh4.googleusercontent.com/_XBkK0lXaaW4/TZmZe8ZD_hI/AAAAAAAAASc/HP3nY9Xd6y0/s800/body_011-1.jpg);
background-repeat:no-repeat;
background-position:left top;
}


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

.postbody img:before { content: ".";
display: block;
height: 30px;
width: auto;
}

3. Index_body

Code:

{JAVASCRIPT}



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



{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="" class="gensmall"></a>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         
<a href="" class="gensmall"></a>
         <!-- END switch_delete_cookies -->
         </span>
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            <a href="" class="gensmall"></a>

            <a href="" class="gensmall"></a>

            <a href="" class="gensmall"></a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               
<a href="" class="gensmall"></a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>

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


<!-- BEGIN disable_viewonline -->
<!-- what's going on box -->
<div class="boxcontainer"> <div class="box_04"> <div class="box_05"> <table style="width: 100%" cellpadding="0" cellspacing="0" dir="ltr"> <tr> <td class="box_01"> <img class="imgborder" src="http://sinhviennganhang.com/diendan/skin/banking/misc/spacer.gif" width="13" height="37" alt="" /></td> <td class="boxheaderbar"> <table border="0" width="100%" cellpadding="0" style="border-collapse: collapse"> <tr> <td valign="top"> </td> <td class="width100"> <div class="boxbar"> <table border="0" width="100%" cellpadding="0" style="border-collapse: collapse"> <tr> <td class="boxcolorbar_01"> <img class="imgborder" src="http://sinhviennganhang.com/diendan/skin/banking/misc/spacer.gif" width="6" height="24" alt="" /></td> <td class="boxcolorbar">Tình Hình Diễn Ðàn</td> <td class="boxcolorbar_03"> <img src="http://sinhviennganhang.com/diendan/skin/banking/misc/spacer.gif" width="6" height="24" alt="" class="imgborder" /></td> </tr> </table> </div> </td> <td> <img src="http://sinhviennganhang.com/diendan/skin/banking/misc/logo2.jpg" width="35" height="37" alt="" class="imgborder" /></td> </tr> </table> </td> <td class="box_03"> <img class="imgborder" src="http://sinhviennganhang.com/diendan/skin/banking/misc/spacer.gif" width="13" height="37" alt="" /></td> </tr> </table> <div class="boxcontents"> <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center"> <!-- logged-in users --> <tbody> <tr> <td class="thead" colspan="2" align="left"> <a style="float:right" href="#top" onclick="return toggle_collapse('forumhome_activeusers')"><img id="collapseimg_forumhome_activeusers" src="http://sinhviennganhang.com/diendan/skin/banking/buttons/collapse_thead.gif" alt="" border="0" /></a> <a href="online.php">{TOTAL_USERS_ONLINE} </td> </tr> </tbody> <tbody id="collapseobj_forumhome_activeusers" style=""> <tr> <td class="alt2"><a href="online.php"><img src="http://sinhviennganhang.com/diendan/skin/banking/misc/whos_online.gif" alt="View Who's Online" border="0" /></a></td> <center>{GROUP_LEGEND}</center> <td class="alt1" width="100%" align="left"> <div class="smallfont"> <!-- <div style="white-space: nowrap">{RECORD_USERS}</div> --> <div style="white-space: nowrap">{RECORD_USERS}</div>
<br></br>
<br>
<span class="gensmall">
{LOGGED_IN_USER_LIST}</span>
</br>
      </td>
   </tr>
</tbody>
<tbody>
   <tr>
      <td class="thead" colspan="2">
         <a style="float: right;" href="#top"><img src="http://sinhviennganhang.com/diendan/skin/banking/buttons/collapse_thead.gif" alt="" border="0"></a>
Thành viên truy cập gần đây:
      </td>
   </tr>
</tbody>

<tbody id="collapseobj_forumhome_stats" style="">
   <tr>
      <td class="alt2"><img src="http://i873.photobucket.com/albums/ab298/c3zskin/midau/whos_online.gif" alt="Thành viên" border="0"></td>
      <td class="alt1" width="100%">
      <table id="c3stats">{L_CONNECTED_MEMBERS}
</table>
      </td>
   </tr>
</tbody>
<tbody>
   <tr>
      <td class="thead" colspan="2">
         <a style="float: right;" href="#top"><img src="http://sinhviennganhang.com/diendan/skin/banking/buttons/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://i873.photobucket.com/albums/ab298/c3zskin/midau/stats.gif" border="0"></td>
      <td class="alt1" width="100%">


      <span class="gensmall">{TOTAL_POSTS}<br>
{TOTAL_USERS}<br>
{NEWEST_USER}</span></td>
   </tr>
</tbody>

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

</tbody>
</table>
<tbody> <tr> <td class="tfoot" align="center" colspan="6"><div class="smallfont"><strong> <a href="/forum.htm?mark=forums" rel="nofollow">Ðánh Dấu Ðã Ðọc</a>  |  <a href="/groupcp.forum">Ðiều Hành Diễn Đàn</a> </strong></div></td> </tr> </tbody> </table> </div> <table style="width: 100%" cellpadding="0" cellspacing="0" dir="ltr"> <tr> <td class="box_06"> <img class="imgborder" src="http://sinhviennganhang.com/diendan/skin/banking/misc/spacer.gif" width="8" height="6" alt="" /></td> <td style="width: 100%" class="boxfooterbar"></td> <td class="box_08"> <img class="imgborder" src="http://sinhviennganhang.com/diendan/skin/banking/misc/spacer.gif" width="8" height="6" alt="" /></td> </tr> </table> </div> </div> </div>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
   <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <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 -->

4. Overall_footer

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">
                                <!-- 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}
      </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>

</body>
</html>   
   

6. Overall_header

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html  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 -->
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
   <!-- END switch_ticker -->

   <!-- 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 = false, logInBackgroundClass = false;
   <!-- 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> <link rel="alternate stylesheet" type="text/css" media="screen" title="red-theme" href="http://sinhviennganhang.com/diendan/skin/banking/css-do.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="blue-theme" href="http://sinhviennganhang.com/diendan/skin/banking/css.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="xanhdam-theme" href="http://sinhviennganhang.com/diendan/skin/banking/css-xanhdam.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="tim-theme" href="http://sinhviennganhang.com/diendan/skin/banking/css-tim.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="xanhlacay-theme" href="http://sinhviennganhang.com/diendan/skin/banking/css-xanhlacay.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="den-theme" href="http://sinhviennganhang.com/diendan/skin/banking/css-den.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="vang-theme" href="skin/banking/css-vang.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="hong-theme" href="http://sinhviennganhang.com/diendan/skin/banking/css-hong.css" /> <script src="http://sinhviennganhang.com/diendan/styleswitch.js" type="text/javascript"></script> <link rel="shortcut icon" href="http://sinhviennganhang.com/icon.ico" type="image/x-icon"/> <a name="top"></a>
 <div align="center"> <div class="container"> <div class="body_04"> <div class="body_05"> <table style="width: 100%" cellpadding="0" cellspacing="0" dir="ltr"> <tr> <td class="body_01"> <img src="http://sinhviennganhang.com/diendan/skin/banking/misc/spacer.gif" alt="" width="9" height="39" /></td> <td style="width: 100%" class="headerbar"> <table border="0" width="100%" cellspacing="0" cellpadding="0" style="border-collapse: collapse"> <tr align="center">
   <b> <!-- BEGIN switch_user_logged_out --><td class="mainmenu"><a href="/profile.forum?mode=register" rel="nofollow">Đăng Kí</a></td> <td class="mainmenu"><a href="/login.forum?connexion" rel="nofollow">Đăng Nhập</a></td> <!-- END switch_user_logged_out --> <td class="mainmenu"><a href="/forum.htm" accesskey="5">Diễn Đàn</a></td>  <td class="mainmenu"><a href="/calendar.htm">Lịch</a></td> <td class="mainmenu"><a href="/search.forum?search_id=activetopics" accesskey="2">Bài Trong Ngày</a></td> <td class="mainmenu"><a href="navbar_search"><td class="mainmenu"><a href="/search.forum" rel="nofollow">Tìm Kiếm</a> </td> <!-- BEGIN switch_user_logged_in --><td class="mainmenu"><a href="/profile.forum?mode=editprofile" accesskey="2">Hồ sơ cá nhân</a></td> <!-- END switch_user_logged_in --> <!-- BEGIN switch_user_logged_in --><td class="mainmenu"><a href="/msg.forum?folder=inbox" accesskey="2">Tin nhắn</a></td> <!-- END switch_user_logged_in --> <!-- BEGIN switch_user_logged_in --><td class="mainmenu"><a href="/login.forum?logout=">Thoát</a></td>  <!-- END switch_user_logged_in --></b>

 <!-- / nav buttons bar --> </tr> </table> </td> <td class="body_03"> <img class="imgborder" src="http://sinhviennganhang.com/diendan/skin/banking/misc/spacer.gif" width="9" height="39" alt="" /></td> </tr> </tr> </table> <div class="contents"> <img src="..................................................." class="headerpic" alt="Sinh Viên SaigonTech" />
 <div align="center"> <div class="page" style="width:100%; text-align:left"> <div style="padding:0px 0px 0px 0px" align="left">

<!-- breadcrumb, login, pm info -->
 

      
 <div align="center"> <div class="page" style="width:100%; text-align:left"> <div style="padding:0px 0px 0px 0px" align="left"><div class="tren"> <div class="tren_trai"> <div class="tren_phai"> </div></div></div> <div class="doc_trai"> <div class="doc_phai"> <div class="doc_duoi"> <div style="padding-left:8px; padding-right:8px;"> <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center" style="border-bottom-width:0px">  </table> <table cellpadding="0" cellspacing="1" border="0" width="100%" align="center" class="main-content"> <tr> <td class="row1" width="100%" align="left" style=" border: 1px solid #dbdbdb; -moz-border-radius:3px;border-radius:3px;">

         
<div class="navbar" style="font-size: 10pt;"><strong><div class="nav"><a class="nav" href="{U_INDEX}"><img src="http://r22.imgfast.net/users/2211/12/43/96/album/home10.png" class="inlineimg" alt="" border="0" /> {L_INDEX} -  Diễn đàn</a>{NAV_CAT_DESC}</div><img src="http://r22.imgfast.net/users/2211/12/43/96/album/stock_10.png" /> {PAGE_TITLE} </strong></div>     

      
   </td>

   <td class="alt2" nowrap="nowrap" style=" border: 1px solid #dbdbdb; -moz-border-radius:3px;border-radius:3px;">

<!-- login form -->

       <!-- BEGIN switch_user_logged_out --><!—
/ bang-dang-nhap -->

<form action="/login.forum" method="post" name="form_login">
<table cellpadding="0" cellspacing="0" border="0" valign=middle>
<tr><td>
<table cellpadding="0" cellspacing="5" border="0">
<tr>
<td style="white-space: nowrap;"><label><span class="smallfont">Tài khoản </span></label></td>
<td> <input class="post" type="text" size="10" name="username"/></td>
</tr>
<tr>
<td class="gensmall"><label><span class="smallfont">Mật khẩu </span></label></td>
<td> <input class="post" type="password" size="10" name="password" /></td>
</tr></table>
</td>
<td>
<table cellpadding="0" cellspacing="5" border="0">
<tr>
<td nowrap="nowrap"><label><span class="smallfont">Ghi nhớ</span> <input class="radio" type="checkbox" name="autologin" checked="checked" /></label>
</td>
</tr>
<tr>
<td nowrap="nowrap"><input class="button" type="submit" name="login" value="Đăng Nhập"></td></tr>
</table>
</td></tr>
</table>
<center><b><a href="/profile.forum?mode=sendpassword"><font size=1.7>:: Quên mật khẩu ::</font></a></b></center>

</form> <!—
/ bang-dang-nhap --><!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
 
<font color="#FF597D"><b><img src="http://i68.servimg.com/u/f68/14/98/61/65/zo4_bm10.jpg"/>Chào bạn,<span class="USERNAME"></SPAN></b>
<span class="gensmall"><b><img src="http://i68.servimg.com/u/f68/14/98/61/65/zo1_bm10.jpg"/>Chúc bạn 1 ngày tốt lành, vui vẻ với diễn đàn<img src="http://i68.servimg.com/u/f68/14/98/61/65/zo1_bm10.jpg"/></b>
<a href="/msg.forum?folder=inbox" accesskey="2"><img src="http://i68.servimg.com/u/f68/14/98/61/65/zo1_bm10.jpg"/>Tin nhắn</a> của bạn đã nhận<span class="USERNAME"></SPAN></b>
<span class="gensmall"><b><img src="http://i68.servimg.com/u/f68/14/98/61/65/zo1_bm10.jpg"/><Hồ sơ cá nhân<img src="http://i68.servimg.com/u/f68/14/98/61/65/zo1_bm10.jpg"/>
<img src="http://i68.servimg.com/u/f68/14/98/61/65/zo2_bm10.jpg"/> </font>
 
<!-- END switch_user_logged_in -->
  </td>

</tr>
</table>
      <!-- / login form -->
   </td>

</tr>
</table>
 </td> </tr> </table>
</td> </tr> </table> </div></div></div></div> <div class="duoi"> <div class="duoi_trai"> <div class="duoi_phai"> </div></div></div><!--
<!-- / breadcrumb, login, pm info -->



 
            <!-- 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  class="thongke" cellpadding="0" cellspacing="0" border="0" width="100%" align="center" >
<tbody>
                            <tr>
                              <td valign="top" width="100%">
                                  <div class="test">
<table class="thongke" cellpadding="4" cellspacing="0" style="border: 1px #c0c0c0 solid;" border="0" width="100%" align="center">
<thead>
      <tr valign="top">
        <th height="30"><center>News & Announcements</center></th>
      </tr>
  </thead>
<tr>
<td width="100%">
<table class="thongke" cellpadding="0" cellspacing="4" border="0" width="100%" align="center">
<thead>
      <tr valign="top">
<td width="23%"></td><td width="100%" colspan="2"></td>
</tr>
<tr>

</table>
</div>
 <script type="text/javascript">tabview_initialize('TabView');</script><ScrollTop --><style type="text/css">#topbar{  PADDING-TOP: 0px;PADDING-BOTTOM: 0px;PADDING-RIGHT: 0px; PADDING-LEFT: 0px;VISIBILITY: hidden;WIDTH: 180px;FONT-FAMILY: Tahoma;POSITION: absolute;}</style><script type="text/javascript">var persistclose = 0<!--
 Vị trí-->var startX = 80var startY = 500var verticalpos = "frombottom"function iecompattest(){return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}function get_cookie(Name){var search = Name + "="var returnvalue = "";if (document�cookie.length > 0){offset = document�cookie.indexOf(search)if (offset != -1){offset += search.lengthend = document�cookie.indexOf(";", offset);if (end == -1) end = document�cookie.length;returnvalue=unescape(document�cookie.substring(offset, end))}}return returnvalue;}function closebar(){if (persistclose)document�cookie="remainclosed=1"document.getElementById("topbar").style.visibility="hidden"}function staticbar(){barheight=document.getElementById("topbar").offsetHeightvar ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;var d = document;function ml(id){var el=d.getElementById(id);if (!persistclose || persistclose && get_cookie("remainclosed")=="")el.style.visibility="visible"if(d.layers)el.style=el;el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};el.x = startX;if (verticalpos=="fromtop")el.y = startY;else{el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;el.y -= startY;}return el;}window.stayTopLeft=function(){if (verticalpos=="fromtop"){var pY = ns ? pageYOffset : iecompattest().scrollTop;ftlObj.y += (pY + startY - ftlObj.y)/8;}else{var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;ftlObj.y += (pY - startY - ftlObj.y)/8;}ftlObj.sP(ftlObj.x, ftlObj.y);setTimeout("stayTopLeft()", 10);}ftlObj = ml("topbar");stayTopLeft();}if (window.addEventListener)window.addEventListener("load", staticbar, false)else if (window.attachEvent)window.attachEvent("onload", staticbar)else if (document.getElementById)window.onload=staticbar</script>


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

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

</div>
                              </td>
    </tr><tr>
                            <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                          </td>
                        </tr>
                    </tbody>
                  </table>
              </div>
            </div>
        </td>
      </tr>
  </table>
</body>
</html>
<!-- END html_validation -->
<script type="text/javascript">
var tooltip=function(){
  var id = 'tt';
  var top = 7;
  var left = 3;
  var maxw = 300;
  var speed = 10;
  var timer = 20;
  var endalpha = 90;
  var alpha = 0;
  var tt,t,c,b,h;
  var ie = document.all ? true : false;
  return{
      show:function(v,w){
        if(tt == null){
            tt = document.createElement('div');
            tt.setAttribute('id',id);
            t = document.createElement('div');
            t.setAttribute('id',id + 'top');
            c = document.createElement('div');
            c.setAttribute('id',id + 'cont');
            b = document.createElement('div');
            b.setAttribute('id',id + 'bot');
            tt.appendChild(t);
            tt.appendChild(c);
            tt.appendChild(b);
            document.body.appendChild(tt);
            tt.style.opacity = 0;
            tt.style.filter = 'alpha(opacity=0)';
            document.onmousemove = this.pos;
        }
        tt.style.display = 'block';
        c.innerHTML = v;
        tt.style.width = w ? w + 'px' : 'auto';
        if(!w && ie){
            t.style.display = 'none';
            b.style.display = 'none';
            tt.style.width = tt.offsetWidth;
            t.style.display = 'block';
            b.style.display = 'block';
        }
        if(tt.offsetWidth > maxw){tt.style.width = maxw + 'px'}
        h = parseInt(tt.offsetHeight) + top;
        clearInterval(tt.timer);
        tt.timer = setInterval(function(){tooltip.fade(1)},timer);
      },
      pos:function(e){
        var u = ie ? event.clientY + document.documentElement.scrollTop : e.pageY;
        var l = ie ? event.clientX + document.documentElement.scrollLeft : e.pageX;
        tt.style.top = (u - h) + 'px';
        tt.style.left = (l + left) + 'px';
      },
      fade:function(d){
        var a = alpha;
        if((a != endalpha && d == 1) || (a != 0 && d == -1)){
            var i = speed;
            if(endalpha - a < speed && d == 1){
              i = endalpha - a;
            }else if(alpha < speed && d == -1){
              i = a;
            }
            alpha = a + (i * d);
            tt.style.opacity = alpha * .01;
            tt.style.filter = 'alpha(opacity=' + alpha + ')';
        }else{
            clearInterval(tt.timer);
            if(d == -1){tt.style.display = 'none'}
        }
      },
      hide:function(){
        clearInterval(tt.timer);
        tt.timer = setInterval(function(){tooltip.fade(-1)},timer);
      }
  };
}();

</script>       
       


Mình sẽ post tiếp Viewtopic_body ở trả lời sau vì bị báo message is too long. Rất mong được sự giúp đỡ của các bạn.

[blogkien]

5. Viewtopic_body

Code:

<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}';
var multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}';
//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">

  <tr>
      <td align="left" valign="middle" nowrap="nowrap">
        <span class="nav">
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle"

border="0" /></a> 
        <!-- END switch_user_authpost -->
        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
        <!-- END switch_user_authreply -->
        </span>
      </td>
            <!-- BEGIN insert_plus_menu -->
      <td align="right" valign="bottom" nowrap="nowrap" width="100%">
        <span class="smallfont bold">
            <script type="text/javascript">
            //<![CDATA[
              insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
        </span>
      </td>
      <!-- END insert_plus_menu -->
  </tr>
</table>


<table class="tborder" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr align="right">
      <td class="catHead" colspan="2" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="9%" class="tcat" height="28"></td>
              <td align="center" nowrap="nowrap" class="tcat"><!-- google_ad_section_start -->{TOPIC_TITLE}<!--

google_ad_section_end --></td>
              <td align="right" nowrap="nowrap" width="9%" class="tcat"><a

href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
            </tr>
        </table>
      </td>
  </tr>
  <tr>
      <td class="alt1" colspan="2" align="right" valign="top"><span class="smallfont">{PAGINATION}</span></td>
  </tr>
 
  {POLL_DISPLAY}
  <!-- BEGIN postrow -->
  <!-- BEGIN displayed -->
<table class="tborder" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr><td  class="thead" height="20" colspan="3"><span class="smallfont">  <img src="{postrow.displayed.MINI_TIME_IMG}"

alt="" border="0" />{postrow.displayed.POST_DATE}</span></td></tr>
  <tr class="post">
      <td class="alt2" valign="top" width="200" colspan="3">
                     

<table cellpadding="0" cellspacing="6" border="0" width="100%">
              <tr>


                            <td class="alt2">



<table cellSpacing="0" cellPadding="0" border="0" style="width:auto">
<td>
        <img src="http://www.fileden.com/files/2009/2/13/2319435/bgavatar_01.png" width="13" height="6" alt=""></td>
      <td background="http://www.fileden.com/files/2009/2/13/2319435/bgavatar_02.png" width="150" height="6">
        <img src="http://www.fileden.com/files/2009/2/13/2319435/bgavatar_02_news.png" width="4" height="6" alt=""></td>
      <td>
        <img src="http://www.fileden.com/files/2009/2/13/2319435/bgavatar_03.png" width="6" height="6" alt=""></td>
  </tr>

  <tr>
      <td background="http://www.fileden.com/files/2009/2/13/2319435/bgavatar_04.png" width="13" height="0">
        <img src="http://www.fileden.com/files/2009/2/13/2319435/bgavatar_04_new.png" width="13" height="8" alt=""></td>
      <td>
        {postrow.displayed.POSTER_AVATAR}</td>
      <td background="http://www.fileden.com/files/2009/2/13/2319435/bgavatar_06.png" width="6" height="0">
        <img src="http://www.fileden.com/files/2009/2/13/2319435/bgavatar_06_news.png" width="6" height="1" alt=""></td>
<img src="http://www.fileden.com/files/2009/2/13/2319435/bgavatar_06.png" width="6" height="1" alt=""></td>
  </tr>
  <tr>

      <td>
        <img src="http://www.fileden.com/files/2009/2/13/2319435/bgavatar_07.png" width="13" height="6" alt=""></td>
      <td background="http://www.fileden.com/files/2009/2/13/2319435/bgavatar_08.png" width="150" height="6">
        <img src="http://www.fileden.com/files/2009/2/13/2319435/bgavatar_08_news.png" width="1" height="6" alt=""></td>
      <td>
        <img src="http://www.fileden.com/files/2009/2/13/2319435/bgavatar_09.png" width="6" height="6" alt=""></td>
</table>
</td>
                            <td align="left" width="55%">
       
<a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong>


        <span class="smallfont">
         
{postrow.displayed.RANK_IMAGE}         
            </span>
{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.WWW_IMG}

{postrow.displayed.AIM_IMG} {postrow.displayed.YIM_IMG} {postrow.displayed.MSN_IMG} {postrow.displayed.SKYPE_IMG}
<table cellspacing="0"
cellpadding="0"><tr><td
class="onlinetest">{postrow.displayed.ONLINE_IMG}
</td></tr></table>
</td>           
 
   
   
                          <td align="left" width="30%"><span class="smallfont">
              <table cellpadding="0" cellspacing="0" width="100%" align="center"> <tr> <td><img src="http://i26.servimg.com/u/f26/14/26/60/46/ttt01110.png" alt="" /></td> <td style="background: url(http://i26.servimg.com/u/f26/14/26/60/46/ttt02-10.png) repeat-x top left" width="100%"> </td> <td><img src="http://i26.servimg.com/u/f26/14/26/60/46/tt03-310.png" alt="" /></td> </tr> <tr> <td style="background: url(http://i26.servimg.com/u/f26/14/26/60/46/tt04-111.png) repeat-y top left" valign="bottom"> </td> <td>
         
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}

</td> <td style="background: url(http://i26.servimg.com/u/f26/14/26/60/46/tt06-210.png) repeat-y top right" valign="bottom"> </td> </tr> <tr> <td><img src="http://i26.servimg.com/u/f26/14/26/60/46/tt07-610.png" alt="" /></td> <td style="background: url(http://i26.servimg.com/u/f26/14/26/60/46/tt08-110.png) repeat-x top left" width="100%"> </td> <td><img src="http://i26.servimg.com/u/f26/14/26/60/46/tt09-410.png" alt="" /></td> </tr> </table>
</b>
</span>

        <img src="http://www.fileden.com/files/2009/2/13/2319435/vide.gif" alt="" style="width: 200px; height: 1px;" /></td>
                        </tr></table>
      </td>

        </tr>
<td height="27" width=100% background="http://www.fileden.com/files/2009/2/13/2319435/p310.gif" colspan=3>
</td>
        <tr>
      <td class="alt1" valign="top" width="100%" height="28" colspan="3">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>



<td><span class="smallfont"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}"

title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}</span></td>
              <td align="right" valign="top" nowrap="nowrap" class="post-options">
              <table border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="middle" nowrap="nowrap">
 
             
<!--start post cảm ơn you hack-->


<!-- BEGIN switch_vote_active -->
  <div class="vote gensmall">
  <!-- BEGIN switch_vote -->
 
<div class="vote-button"><a class="thumbnail" href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"><img src="http://www.collegenet.com/elect/app/images/vote_button_red.jpg" id="Thanks button" border="0" alt="Cộng điểm danh vọng" vspace="1" /></a>

</a>

</div>

<!-- END switch_vote -->
    </div>
  <!-- END switch_vote_active -->

<!-- BEGIN switch_vote_active -->
  <div class="vote gensmall">
  <!-- BEGIN switch_vote -->
 
<div class="vote-button">
 <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}"></a></div>
 <!-- END switch_vote -->
    </div>
  <!-- END switch_vote_active -->

<!--end post cảm ơn you hack-->
   



              <script type="text/javascript"><!--
              if ( navigator.userAgent.toLowerCase().indexOf('mozilla') != -1 &amp;&amp; navigator.userAgent.indexOf('5.') == -1 &amp;&amp;

navigator.userAgent.indexOf('6.') == -1 ) {
                  document.write('{postrow.displayed.ICQ_IMG}');
              } else {
                  document.write('</td><td> </td><td valign="top" nowrap="nowrap"><div style="position:relative"><div

style="position:absolute">{postrow.displayed.ICQ_IMG}</div><div style="position:absolute;left:3px;top:-1px">{postrow.displayed.ICQ_STATUS_IMG}</div></div>');
              }
              //-->
              </script>
              <noscript>{postrow.displayed.ICQ_IMG}</noscript>
              </td>
            </tr>
        </table> 
              </td>
            </tr>
            <tr>
              <td colspan="2" class="hr">
                  <hr />
              </td>
            </tr>
            <tr>
              <td colspan="2"><!-- google_ad_section_start --><tr>
 <td colspan="2">
 
 
 
  <!-- google_ad_section_start -->
 
  <table cellpadding="0" cellspacing="0" width="100%" align="center"> <tr> <td><img src="http://i26.servimg.com/u/f26/14/26/60/46/ttt01110.png" alt="" /></td> <td style="background: url(http://i26.servimg.com/u/f26/14/26/60/46/ttt02-10.png) repeat-x top left" width="100%"> </td> <td><img src="http://i26.servimg.com/u/f26/14/26/60/46/tt03-310.png" alt="" /></td> </tr> <tr> <td style="background: url(http://i26.servimg.com/u/f26/14/26/60/46/tt04-111.png) repeat-y top left" valign="bottom"> </td> <td>



  <table cellSpacing="0" cellPadding="0" border="0" style="width:auto">
<tr>
<td style="padding: 0px"></td>
<td style="padding: 0px"></td>
<td style="padding: 0px"></td>
</tr>
<tr>
<td valign="top" style="padding: 0px">
</td>
<td style="padding: 0px; background-color: #ffffff" bgColor="#ffffff">
<!-- google_ad_section_start -->
{postrow.displayed.MESSAGE}<!-- google_ad_section_end -->

<br/>
<br/>

</td>
<td style="padding: 0px"></td>
</tr>
<tr>
<td style="padding: 0px"></td>
<td style="padding: 0px"></td>
<td style="padding: 0px"></td>
</tr>
</table>


                      <Table  width="100%" height="120">
<tr><td width=100% height="120">                                                 
             
<center>

<fieldset>
<div style="overflow: auto; max-height: 200px;">
<div align="center">
<div style="margin:auto;text-align:center;width:100%">
{postrow.displayed.SIGNATURE}
</div></div>
<!-- show inventory -->
</fieldset>

 </center>

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


</td> <td style="background: url(http://i26.servimg.com/u/f26/14/26/60/46/tt06-210.png) repeat-y top right" valign="bottom"> </td> </tr> <tr> <td><img src="http://i26.servimg.com/u/f26/14/26/60/46/tt07-610.png" alt="" /></td> <td style="background: url(http://i26.servimg.com/u/f26/14/26/60/46/ttt02-10.png) repeat-x top left" width="100%"> </td> <td><img src="http://i26.servimg.com/u/f26/14/26/60/46/tt09-410.png" alt="" /></td> </tr> </table>
 
  <p align="center">
  <!-- google_ad_section_end -->
 


        <br><div align="right" width="100%">{postrow.displayed.THANK_IMG}
        {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG}  {postrow.displayed.EDIT_IMG}  {postrow.displayed.DELETE_IMG}  {postrow.displayed.IP_IMG}  {postrow.displayed.REPORT_IMG}</div>
      </td>

<br/>




  <!-- END displayed -->
  <!-- BEGIN hidden -->
<table class="tborder" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
  </tr></table>

  <!-- END hidden -->
  <!-- END postrow -->
  <!-- BEGIN no_post -->
<table class="tborder" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr align="center">
      <td class="alt1" colspan="2" height="28">
        <span class="smallfont">{no_post.L_NO_POST}</span>
      </td>
  </tr></table>
  <!-- END no_post -->
 

<table class="tborder" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr align="right">
      <td class="tfoot" colspan="2" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="9%"></td>
              <td align="center" nowrap="nowrap"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
              <td align="right" nowrap="nowrap" width="9%"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a

href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
        </table>
      </td>
  </tr>
</table>

<table class="tborder" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <td class="alt2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="smallfont">{PAGE_NUMBER}</span></td>
      <!-- BEGIN topicpagination -->
      <td class="alt1" align="right" valign="top"><span class="smallfont">{PAGINATION}</span></td>
      <!-- END topicpagination -->
  </tr>
  <!-- BEGIN switch_user_logged_in -->
  <!-- BEGIN watchtopic -->
  <tr>
      <td class="alt2" colspan="2" align="right" valign="top"><span class="smallfont">{S_WATCH_TOPIC}</span></td>
  </tr>
  <!-- END watchtopic -->
  <!-- END switch_user_logged_in -->
  <tr>
      <td class="alt2" colspan="2" align="center" style="padding:0px">
        <!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}<br/>
<!-- END switch_user_logged_in -->
      </td>
  </tr>
  <tr>
      <td style="margin:0; padding: 0;" colspan="2">
        <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
            <tbody>
      <!-- BEGIN show_permissions -->
      <tr>
        <td class="alt2" valign="top" width="25%"><span class="smallfont">{L_TABS_PERMISSIONS}</span></td>
        <td class="alt1" valign="top" width="75%"><span class="smallfont">{S_AUTH_LIST}</span></td>
      </tr>
      <!-- END show_permissions -->
      <tr>
        <td class="tfoot" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a

class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="smallfont"><a

href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
        </table>
      </td>
  </tr>
  <tr>
      <td style="margin:0; padding: 0;" colspan="2">
        <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
            <tbody>
      <tr>
        <td class="tfoot" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a

class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="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>
  </tbody>
        </table>
      </td>
  </tr>


</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
        <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}"

align="middle" border="0" /></a> 
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
        </span>
      </td>
      <!-- BEGIN viewtopic_bottom -->
      <td align="right" nowrap="nowrap"><span class="smallfont">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit"

value="{L_GO}" /></span></td>
      <!-- END viewtopic_bottom -->
      <!-- BEGIN moderation_panel -->
      <td align="center">
        <span class="smallfont">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
        <span class="smallfont"> </span>
      </td>
      <!-- END moderation_panel -->
  </tr>
</table>
</form>

  <!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap">
{S_TOPIC_ADMIN}

        <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />
            <input type="hidden" name="sid" value="{S_SID}" />
            <span class="gen">{L_MOD_TOOLS}
{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
        </form>
      </td>
  </tr>
</table>
<!-- END viewtopic_bottom -->


<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Lạ một điều là những bài viết của những ngày trước thì ảnh vẫn canh giữa bình thường.



------------Không ổn rồi các pác ơi, em vừa thử canh giữa chữ. Nhưng cũng không được. Chữ viết cũng không canh giữa được.

[Việt]

viewtopic body tìm

Code:

<table cellSpacing="0" cellPadding="0" border="0" style="width:auto">
<tr>
<td style="padding: 0px"></td>
<td style="padding: 0px"></td>
<td style="padding: 0px"></td>

sửa auto thành 100%

[blogkien]

Không thể tưởng tượng nổi híc!

I mean, you are so PRO

Cảm ơn đại ka nhiều lắm quả là danh bất hư truyền.

[Sponsored content]