Home
1
Viewtopic body ngang đơn giản, có khung tài sản nằm giữa,chữ ký Thu Sep 01, 2011 10:29 am
admin
Admin
Tuổi : 33
Bài đã gửi : 1463
Được cảm ơn : 24 
Sinh nhật : 1990-08-04
Ngày tham gia : 2011-06-05
Bài đã gửi : 1463 Được cảm ơn : 24 Sinh nhật : 1990-08-04 Ngày tham gia : 2011-06-05
Demo hình:
thay toàn bộ Viewtopic body bằng:
thêm vào đầu css:
thay toàn bộ Viewtopic body bằng:
- Spoiler:
- 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>
<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;"><div class="gensmall">
<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">
<div align="center"><td><span class="avatar1">{postrow.displayed.POSTER_AVATAR}</span></td></div>
</table>
</td>
<td align="left" width="55%">
<a name="{postrow.displayed.U_POST_ID}"></a><strong><font size="3" face="Verdana,Arial">{postrow.displayed.POSTER_NAME}</font></strong>
<span class="smallfont">
<strong>{postrow.displayed.POSTER_RANK}</strong><br>
{postrow.displayed.RANK_IMAGE}
</span>
</td>
<td align="center" width="100%"><div style="min-height: 0px; max-width: 100%; background-color: transparent; margin: 0px; padding: 0px;"><div style=""> <fieldset><legend><left>Tài Sản của {postrow.displayed.POSTER_NAME}</span></a></left></legend> {postrow.displayed.POSTER_RPG}<br></fieldset></div></div></div></span></div></span></div></span></div></span></div></div></center></div>
</td>
<td align="left" width="30%"><span class="smallfont"><div style="background:
url(http://i634.photobucket.com/albums/uu67/Trongtuan60/user_offline.gif); height:
19px; width: 39px; border:
0px;display:inline-block;">{postrow.displayed.ONLINE_IMG}</div>
<!-- BEGIN profile_field -->
<b>{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
</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://i634.photobucket.com/albums/uu67/Trongtuan60/forumotion/other/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.fileden.com/files/2009/2/13/2319435/post_thanks_you_hack.gif" id="Thanks button" border="0" alt="Cảm ơn người này" 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-->
{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}
<script type="text/javascript"><!--
if ( navigator.userAgent.toLowerCase().indexOf('mozilla') != -1 && navigator.userAgent.indexOf('5.') == -1 &&
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 cellSpacing="0" cellPadding="0" border="0" style="width:100%">
<tr><td colspan="2" style="padding:10px;"><div class="qtg">
<!-- google_ad_section_start -->
{postrow.displayed.MESSAGE}<!-- google_ad_section_end --></div><div style="background: transparent url(/users/2211/12/43/96/album/box-sh10.gif) no-repeat 0% 0%;height: 10px;"></div>
</td></tr>
</table>
<p align="center">
<!-- google_ad_section_end -->
<div style="overflow: auto; max-height: 180px;">
{postrow.displayed.SIGNATURE}<br>
</div>
<span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
</td>
</tr></p>
</table>
<div align="right" width="100%"><!-- BEGIN switch_vote_active -->
<div id="kk{postrow.displayed.U_POST_ID}"> <span class="gensmall"><script type="text/javascript">
var str ='{postrow.displayed.switch_vote_active.L_VOTE_TITLE}';
if (str=="Message not voted")
{str="Bài viết này chưa được cảm ơn.";document.write(str);
}
else {str=str.replace("Message reputation :","Được cảm ơn:");
str=str.replace("100%","");
str=str.replace("(","");
str=str.replace(")","");str=str.replace("vote","lần.");
str=str.replace("s","");
document.write(str);
}</script></span></div>
<!-- END switch_vote_active --> {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>
</tr>
</table>
<!-- 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>
</div></div></div></div> <div class="duoi"> <div class="duoi_trai"> <div class="duoi_phai"> </div></div></div> </div>
<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;"><div class="gensmall">
<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 -->
<font size="2" face="tahoma" color="green"><center>* Viết tiếng Việt có dấu, là tôn trọng người đọc.
* Chia sẻ bài sưu tầm có ghi rõ nguồn, là tôn trọng người viết.
* Thực hiện những điều trên, là tôn trọng chính mình.</font></center>
<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>
</div></div></div></div> <div class="duoi"> <div class="duoi_trai"> <div class="duoi_phai"> </div></div></div> </div>
<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 -->
thêm vào đầu css:
- Spoiler:
- Code:
div.qtg{
font-size: 12px;
padding: 8px;
line-height: 18px;
border: 1px solid #E0E0E0;}
