Lỗi không resize được ảnh mặc dù đã thử một số cách.

[blogkien]

Hôm nay chèn ảnh vào thử thì thấy không thể resize ảnh được.

EM đã vào viewtopic_body, không tìm thấy Begin Switch Image nên đã chèn vào cuối cùng dòng sau:

Code:

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

Tiếp đó em chèn vào CSS code resize sau:

Code:

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

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

Và thành quả cuối là đây: Y chang mờ lô.

"Bài viết test resize ảnh - click here"


Em không biết lỗi nó nằm ở đâu. Dưới đây là code 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>
<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"><!-- 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><br />

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

Rất mong được giúp đỡ.

[Việt]

Tìm

Code:

{postrow.displayed.MESSAGE}

sửa thành

Code:

<div class="postbody">{postrow.displayed.MESSAGE}</div>

rồi làm lại cách bên trên

[blogkien]

Ôi em fix được lỗi ko resize ảnh rồi, pác đúng là cây đại thụ của chinh phục ôi ko biết phải nói lời nào để cảm ơn pác đây

[Sponsored content]