Chẳng biết làm sao với resize ảnh nữa :((

by **mr.Q** 16/11/2009, 5:05 am

Admin giúp em cái này với.....cái resize ảnh bên em chẳng có cách nào khắc phục...em thử vs rất nhiều code ở css rồi nhưng chẳng được.....gần đây 4rumotion cập nhật tính năng mới chỉnh rồi mà ảnh vẫn to lô lố ..... sợ quá thui..anh Admin đại bàng hay ai biết thỳ giúp em vs ạ....
Đây là 1 số template và css của 4rum mọi người kiểm tra xem nó bị sao vs ạ
CSS

Code:: body { background: #b6d733 url(http://img150.imageshack.us/img150/3710/backgroundccq.jpg); color: #333333; font: 12pt Comic Sans MS, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; margin: 5px 10px 10px 10px; padding: 0px; } a:link, body_alink { color: #ff00e4; text-decoration: none; } a:visited, body_avisited { color: #ff00e4; text-decoration: none; } a:hover, a:active, body_ahover { color: #ff00e4; text-decoration: none; } .page { background: #fcf9f2; color: #000000; } td, th, p, li { font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .tborder { background: #CCCCCC; color: #000000; border: 1px solid #CCCCCC; } .tcat { background: #b6d733 url(http://img155.imageshack.us/img155/6666/tcat.jpg); color: #000000; font: bold 12pt Comic Sans MS, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; center } .tcat a:link, .tcat_alink { background: none; color: #000000; text-decoration: none; } .tcat a:visited, .tcat_avisited { background: none; color: #000000; text-decoration: none; } .tcat a:hover, .tcat a:active, .tcat_ahover { background: none; color: #000000; text-decoration: none; } .thead { background: #3DC1FF url(http://img93.imageshack.us/img93/8016/54015993.gif); color: #666666; font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .thead a:link, .thead_alink { color: #ffffff; } .thead a:visited, .thead_avisited { color: #FFFFFF; } .thead a:hover, .thead a:active, .thead_ahover { color: #FFCC33; } .tfoot { background: #b6d733 url(http://img150.imageshack.us/img150/3710/backgroundccq.jpg); color: #FFFFFF; } .tfoot a:link, .tfoot_alink { background: none; color: #000000; } .tfoot a:visited, .tfoot_avisited { background: none; color: #000000; } .tfoot a:hover, .tfoot a:active, .tfoot_ahover { background: none; color: #000000; } .alt1, .alt1Active { background: #FFFFFF; color: #000000; } .alt2, .alt2Active { background: #fff8fa; color: #000000; } .alt2 a:link, .alt2_alink, .alt2Active a:link, .alt2Active_alink { color: #444444; } .alt2 a:visited, .alt2_avisited, .alt2Active a:visited, .alt2Active_avisited { color: #444444; } .alt2 a:hover, .alt2 a:active, .alt2_ahover, .alt2Active a:hover, .alt2Active a:active, .alt2Active_ahover { color: #444444; } .inlinemod { background: #FFFFCC; color: #000000; } .wysiwyg { background: #f0f5db; color: #333333; font-size: 10pt; } textarea, .bginput { font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .bginput option, .bginput optgroup { font-size: 10pt; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .button { font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } select { font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } option, optgroup { font-size: 11px; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .smallfont { font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .time { color: #419a00; } .navbar { font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .highlight { color: #ff9e00; font-weight: bold; } .fjsel { background: #999999 url(http://img93.imageshack.us/img93/8016/54015993.gif); color: #FFFFFF; } .fjdpth0 { background: #F7F7F7; color: #000000; } .panel { background: #E4E7F5; color: #000000; padding: 10px; border: 2px outset; } .panelsurround { background: #D1D4E0; color: #000000; } legend { color: #22229C; font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .vbmenu_control { background: #000000; 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: #ff9e00; text-decoration: none; } .vbmenu_popup { background: #FFFFFF; color: #000000; border: 1px solid #0B198C; } .vbmenu_option { background: #999999 url(http://img93.imageshack.us/img93/8016/54015993.gif); color: #FFFFFF; font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; white-space: nowrap; cursor: pointer; } .vbmenu_option a:link, .vbmenu_option_alink { color: #FFFFFF; text-decoration: none; } .vbmenu_option a:visited, .vbmenu_option_avisited { color: #FFFFFF; text-decoration: none; } .vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover { color: #FFFFFF; text-decoration: none; } .vbmenu_hilite { background: #fbfff4; color: #304801; font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; white-space: nowrap; cursor: pointer; } .vbmenu_hilite a:link, .vbmenu_hilite_alink { color: #304801; text-decoration: none; } .vbmenu_hilite a:visited, .vbmenu_hilite_avisited { color: #304801; text-decoration: none; } .vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover { color: #333333; text-decoration: none; } /* ***** styling for 'big' usernames on postbit etc. ***** */ .bigusername { font-size: 14pt; } /* ***** small padding on 'thead' elements ***** */ td.thead, th.thead, div.thead { padding: 4px; } /* ***** basic styles for multi-page nav elements */ .pagenav a { text-decoration: none; } .pagenav td { padding: 2px 4px 2px 4px; } /* ***** de-emphasized text */ .shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; } a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; } .tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; } /* ***** define margin and font-size for elements inside panels ***** */ .fieldset { margin-bottom: 6px; } .fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; } /* ***** don't change the following ***** */ form { display: inline; } label { cursor: default; } .normal { font-weight: normal; } .inlineimg { vertical-align: middle; } .underline { text-decoration: underline; } .avatar_forumdisplay { padding:0px 2px 0px 0px; } .inputgood { width: 211px; border: 1px solid Green; } .inputbad { width: 211px; border: 1px solid Red; } .inputgood { width: 211px; border: 1px solid Green; } .inputbad { width: 211px; border: 1px solid Red; } .quote { margin:15px 10px; background: url(http://teenkyanh.com/diendan/images/misc/q.gif) 0 0 no-repeat; padding-left:25px} blockquote.bq { font: italic 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; border-left:3px solid #CCC; margin:0px; padding:0 5px} .rate{background: #FFDC84;color: #000;border: 1px solid #000;} .ratetext{font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;} .postbit { border: 1px solid #686868; margin: 2px; padding: 2px; color: #000000; }

Tính năng resize ảnh
Chẳng biết làm sao với resize ảnh nữa :(( Ouzxywfyvdze82xmmgi

View topic body

Code:: <table width="100%" border="0" cellspacing="2" cellpadding="2"> <tr> <td class="nav" valign="middle" width="100%"><img src="http://forum.top1.vn/pink/misc/navbits_start.gif"></img><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a><br /> <img src="http://truongton.net/forum/images/misc/navbits_finallink_ltr.gif"></img><a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC}</span></td> <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">  <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>   <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>  </span> </td>  <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>  </tr> </table> <br /> <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">{TOPIC_TITLE}</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}   <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 width="197" border="0" cellspacing="0" cellpadding="0" align="center" style="margin-top:0px;"> <tr> <td width="36" height="25" background="http://www.fileden.com/files/2009/2/13/2319435/chuan_01.gif"></td> <td width="143" height="25" background="http://www.fileden.com/files/2009/2/13/2319435/chuan_02.gif"></td> <td width="18" height="25" background="http://www.fileden.com/files/2009/2/13/2319435/chuan_03.gif"></td> </tr> <tr> <td width="36" height="42" background="http://www.fileden.com/files/2009/2/13/2319435/chuan_04.gif"></td> <td width="143" height="42" style="background:url(http://www.fileden.com/files/2009/2/13/2319435/statusbgr.gif)" align="center" class="smallfont"> <em id="vbstatus_11698847" style="color:#FEFFB4">{postrow.displayed.POSTER_HUMOR} </em> </td> <td width="18" height="40" background="http://www.fileden.com/files/2009/2/13/2319435/chuan_06.gif"></td> </tr> <tr> <td width="36" height="40" background="http://www.fileden.com/files/2009/2/13/2319435/chuan_07.gif"></td> <td width="143" height="40" background="http://www.fileden.com/files/2009/2/13/2319435/chuan_08.gif"></td> <td width="18" height="40" background="http://www.fileden.com/files/2009/2/13/2319435/chuan_09.gif"></td> </tr> </table> <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%"> <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong><big><font color ="violet"><b> [Tui là] </b></font></big> <table style="FILTER: glow(color=red, strength=5)"><tr><td align="left"><img src="http://i155.photobucket.com/albums/s282/satthuonline/catl.gif" border="0" alt="" /><b>{postrow.displayed.POSTER_NAME}</b><img src="http://i155.photobucket.com/albums/s282/satthuonline/catr.gif" border="0" alt="" /> </font></td></tr></table></strong> </span><br /> <span class="smallfont"> <strong>{postrow.displayed.POSTER_RANK}</strong><br> {postrow.displayed.RANK_IMAGE} </span> <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">  <b>{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}  {postrow.displayed.POSTER_RPG} </b> </span><br /> <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">   <div class="vote gensmall">  <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>  </div>   <div class="vote gensmall">  <div class="vote-button"> <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}"></a></div>  </div>   {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"> </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"><tr> <td colspan="2">  <table cellSpacing="0" cellPadding="0" border="0" style="width:auto"> <tr> <td style="padding: 0px"><img src="http://www.fileden.com/files/2009/2/13/2319435/admin_10.gif"></td> <td style="padding: 0px" background="http://www.fileden.com/files/2009/2/13/2319435/admin_11.gif"></td> <td style="padding: 0px"><img src="http://www.fileden.com/files/2009/2/13/2319435/admin_12.gif"></td> </tr> <tr> <td valign="top" style="padding: 0px" background="http://www.fileden.com/files/2009/2/13/2319435/admin_13.gif"> <img src="http://www.fileden.com/files/2009/2/13/2319435/admin_14.gif"></td> <td style="padding: 0px; background-color: #ffffff" bgColor="#ffffff">  <center><strong><font color=red>Nguồn :</font> Http://congnghiep.forum9.biz{TOPIC_URL}<br><br> <font color=red>Tiêu Đề : </font> {TOPIC_TITLE}<br><br> <font color=blue>congnghiep.forum9.biz - Kết Nối Cộng Đồng CNVT Online</font></strong><br>--------------------------------------------------<br></center> {postrow.displayed.MESSAGE} </td> <td style="padding: 0px" background="http://www.fileden.com/files/2009/2/13/2319435/admin_15.gif"></td> </tr> <tr> <td style="padding: 0px"><img src="http://www.fileden.com/files/2009/2/13/2319435/admin_16.gif"></td> <td style="padding: 0px" background="http://www.fileden.com/files/2009/2/13/2319435/admin_17.gif"></td> <td style="padding: 0px"><img src="http://www.fileden.com/files/2009/2/13/2319435/admin_18.gif"></td> </tr> </table> <p align="center">  <br><img src="http://i94.photobucket.com/albums/l94/trainamdinh9x/chuky1xf8.jpg" border="0"><br><img src="http://dl8.glitter-graphics.net/pub/1105/1105188aesmzdyfjb.gif" border="0"><br>{postrow.displayed.SIGNATURE}<br> <center> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <TR> <TD class="postbit_br" bgcolor="#FFFFFF"> <p align="center"><b><font color="red"><span class="smallfont">Copy đường link dưới đây gửi đến nick yahoo bạn bè!</span></p></font> <p align="center"><textarea style="max-width: 500px; max-height: 35px" rows="2" name="embedhtml" cols="100" readonly="readonly" onclick="this.select()" id="embedhtml">Hay quá nè :{TOPIC_TITLE}. Nhấn Vào Đây Coi Lẹ Đi http://thptdoanket.info{TOPIC_URL} Xin lỗi đã Spam , gửi cho bạn bè tin này dùm mình nha. ( an tâm là không có virus đâu )</textarea></center> </TD></TR> </table> </center> <br/> <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span> </td> </tr></p> </table> <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> </tr> </table><br />   <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><br />    <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>  <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>  <td class="alt1" align="right" valign="top"><span class="smallfont">{PAGINATION}</span></td>  </tr>   <tr> <td class="alt2" colspan="2" align="right" valign="top"><span class="smallfont">{S_WATCH_TOPIC}</span></td> </tr>   <tr> <td class="alt2" colspan="2" align="center" style="padding:0px">  <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.<br /> * Chia sẻ bài sưu tầm có ghi rõ nguồn, là tôn trọng người viết.<br /> * Thực hiện những điều trên, là tôn trọng chính mình.</font></center> <font size="2" face="tahoma" color="red"><b>-Nếu chèn smilies có vấn đề thì bấm A/a trên phải khung viết bài</font> <a name="quickreply"></a> {QUICK_REPLY_FORM}<br/>  </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>  <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>  <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_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>  </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">  <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>   <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>  </span> </td>  <td align="right" nowrap="nowrap"><span class="smallfont">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>   <td align="center"> <span class="smallfont">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span> </td> <td align="center" width="250"> <span class="smallfont"> </span> </td>  </tr> </table> </form>  <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br /> <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}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span> </form> </td> </tr> </table>

Cảm ơn mọi nguời

by **bt2010** 16/11/2009, 5:27 am

Chỗ ImageSize hình như bạn phải cho số nhỏ thôi - số min của nó là tốt nhất.

by **Việt** 16/11/2009, 9:01 am

bạn chèn đoạn này vào cuối viewtopic_body xem ...

Code::  <script type="text/javascript"> //<![CDATA[ $(function(){ $('.postbody img').not('.signature_div img').css('display','none'); }); $(window).load(function(){ $('.postbody img') .not('div.signature_div img') .each(function(){ if ( ( $(this).width() > {switch_image_resize.IMG_RESIZE_WIDTH} && {switch_image_resize.IMG_RESIZE_WIDTH} != 0 ) || ( $(this).height() > {switch_image_resize.IMG_RESIZE_HEIGHT} && {switch_image_resize.IMG_RESIZE_HEIGHT} != 0 ) ) { $(this) .before(document.createElement('div')) .prev() .click(function(){ return false; }) .addClass('resizebox gensmall clearfix') .append(document.createElement('div')) .children() .addClass('resize_border clearfix') .append(document.createElement('div')) .children() .addClass('resize_content clearfix') .append(document.createElement('a')) .children() .addClass('enlarge') .attr('href', '#') .text('{switch_image_resize.L_IMAGE_ENLARGE}') .focus(function(){ $(this).blur(); }) .click(function(){ $(this).parent().parent().parent().next().css('display','none').attr('resizeWidth', $(this).parent().parent().parent().next().width()).width(''); $(this).parent().parent().parent().next().width($(this).parent().parent().parent().next().width() > ($('html').attr('dir') != 'rtl' ? $(this).closest('td').width() - $(this).parent().parent().parent().offset().left + $(this).closest('td').offset().left : $(this).parent().parent().parent().width() + $(this).parent().parent().parent().offset().left - $(this).closest('td').offset().left) ? $('html').attr('dir') != 'rtl' ? $(this).closest('td').width() - $(this).parent().parent().parent().offset().left + $(this).closest('td').offset().left : $(this).parent().parent().parent().width() + $(this).parent().parent().parent().offset().left - $(this).closest('td').offset().left : '').css('display','inline'); $(this).css('display','none').next('a.resize').css('display','inline-block'); $(this).parent().parent().parent().width('').width($(this).parent().parent().parent().next().width()); return false; }) .parent() .append(document.createElement('a')) .children() .next() .addClass('resize') .attr('href','#') .text('{switch_image_resize.L_CLICK_TO_RESIZE}') .click(function(){ $(this).parent().parent().parent().next().width(parseInt($(this).parent().parent().parent().next().attr('resizeWidth'))).removeAttr('resizeWidth'); $(this).css('display','none').prev('a.enlarge').css('display','inline-block'); $(this).parent().parent().parent().width('').width($(this).parent().parent().parent().next().width()); return false; }) .parent() .append(document.createElement('div')) .children('a.resize') .next() .addClass('resize_filler') .text(' ') .parent() .append(document.createElement('a')) .children('div.resize_filler') .next() .addClass('fullsize') .attr('href','#') .click(function(){ window.open('/viewimage.forum?u=' + encodeURIComponent($(this).parent().parent().parent().next().attr('src'))); return false; }) .attr('target', '_blank') .text('{switch_image_resize.L_CLICK_TO_SEE_FULLSIZE}'); if ($(this).width() > ($('html').attr('dir') != 'rtl' ? $(this).closest('td').width() - $(this).prev().offset().left + $(this).closest('td').offset().left : $(this).prev().width() + $(this).prev().offset().left - $(this).closest('td').offset().left)){ $(this).prev().find('a.fullsize').attr('href','/viewimage.forum?u=' + encodeURIComponent($(this).attr('src'))).css('display', 'inline-block'); } $(this).width($(this).width() * ( ( {switch_image_resize.IMG_RESIZE_WIDTH} != 0 && ( {switch_image_resize.IMG_RESIZE_HEIGHT} == 0 || $(this).width() / $(this).height() > {switch_image_resize.IMG_RESIZE_WIDTH} / {switch_image_resize.IMG_RESIZE_HEIGHT} ) ) ? {switch_image_resize.IMG_RESIZE_WIDTH} / $(this).width() : {switch_image_resize.IMG_RESIZE_HEIGHT} / $(this).height() ) ) .css('display','inline') .prev().width($(this).width()); } }) .css('display','inline'); }); //]]> </script>