#c3lastest {
  display:none;
  height:0;
  overflow:hidden;
  padding:0;
  margin:0;
  border-bottom:1px solid #ccc
}
.rai {
  float:right;
  text-align:right
}
#number {
  width:40px;
  border:0
}
#zmenu {
  border:0
}

<script type="text/javascript">
$(function(){change = "#c3lastest";
  $("#" + my_getcookie('c3hide')).attr('selected', 'selected');
  $("#z" + my_getcookie('zmenu')).attr('selected', 'selected');
  if (my_getcookie('c3hide') == 'v1') $(change).css("height", "211px");
  else if (my_getcookie('c3hide') == 'v3') $(change).css("height", "451px");
  else if (my_getcookie('c3hide') == 'v4') $(change).css("height", "651px");
  else $(change).css("height", "291px");
  $(change).fadeIn("slow");
  if (my_getcookie('zmenu') == null) {$(".c3tienich").html($("#toppostterw").html());}
  else {$(".c3tienich").html($("#" + my_getcookie('zmenu')).html());}
  $("#number").change(function(){
      sel = $(this).val();
      my_setcookie('c3hide',sel,1,0);
      if (sel=='v1')
        $(change).animate({height:"211px"},600);
      else if (sel=='v2')
        $(change).animate({height:"291px"},600);
      else if (sel=='v3')
        $(change).animate({height:"451px"},600);
      else if (sel=='v4')
        $(change).animate({height:"651px"},600);
  });
  $("#zmenu").change(function(){
      men = $(this).val();
      my_setcookie('zmenu',men,1,0);
      $(".c3tienich").html($("#"+men).html()); 
  });
});
</script>

<div id="c3lastest">
<table width="100%" style="padding:0px; margin:0px; border: 1px solid #ccc">
<tr><td class="alt2" style="display:block; width:auto!important; overflow:hidden; padding:0px; margin:0px" valign="top" nowrap="nowrap">

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td colspan="2" class="thead" style="height:46px!important">    <select id="zmenu" name="menu" size="1" style="width:140px">
<option id="ztoppostterw" value="toppostterw" selected="selected">Top posters (week)</option>
<option id="ztoppostterm" value="toppostterm">--Top posters (month)</option>
<option id="ztoppostter" value="toppostter">--Top posters (c3zone)</option>
<option id="ztopstarter" value="topstarter">--Top starters</option>
<!--<option id="ztopvtopic" value="topvtopic">Most Viewed</option>
<option id="ztopatopic" value="topatopic">Most Active</option>-->
</select></td></tr>
<tr>
<td style="border-top: 0px none; padding: 0px; background: transparent url(/users/2611/10/63/87/album/list13.gif) no-repeat scroll center top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="24"><img src="http://2img.net/i/fa/subsilver/empty.gif" width="24" /></td>

<td nowrap="nowrap" style="border-top: 0px none; padding: 0px; line-height: 20px; background: transparent url(/users/2611/10/63/87/album/listbg10.gif) repeat" class="c3tienich smallfont">

</td></tr><tr><td align="center" valign="bottom" colspan="2"><form action="/g24-group" method="post"><input class="c3zotion" onmouseover="showtip('Tham gia nhóm FMadmin ...');" onmouseout="hidetip();" class="mainoption" name="joingroup" value="Tham gia nhóm FM" type="submit"></form><br />
      </td>
  </tr>
</table>
</td>

<div id="toppostter" style="display:none">
  <!-- BEGIN POSTER -->
  <div style="display:block; height:20px; overflow:hidden; line-height:18px;" onmouseover="showtip('{POSTER.NB_POSTS}');" onmouseout="hidetip();" class="smallfont">
      {POSTER.NAME}
  </div>
  <!-- END POSTER -->
</div>
<!-- <div> Copyright c3zone.net 

c3z forum</table>--> <td width="100%" valign="top" class="alt1" style="padding:0">
<!-- BEGIN classical_row --><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td colspan="2" style="text-align:right;padding-right:5px;height:46px!important;" width="100%" class="thead"><span style="float:left">    <select id="number" name="menu" size="1">
<option id="v1" value="v1"> 8 </option>
<option id="v2" value="v2" selected="selected"> 12 </option>
<option id="v3" value="v3"> 20 </option>
<option id="v4" value="v4"> 30 </option></select> bài gửi mới nhất</span>Người gửi cuối  </td></tr>
<tr>
<td style="background: transparent url(/users/2611/10/63/87/album/list13.gif) no-repeat;" width="23"><img src="http://2img.net/i/fa/empty.gif" width="24" height="1" /></td>
<td style="line-height:18px; background: transparent url(/users/2611/10/63/87/album/listbg10.gif) repeat" width="100%" valign="top">

<!-- BEGIN recent_topic_row --><table class="c3zonee" width="100%" border="0" cellspacing="0" cellpadding="0" style="height:20px"><tr><td width="76%" nowrap="nowrap"><div style="font-size:11px;font-weight:bold"><a onmouseover="showtip('<b>Tiêu đề:</b> <font color=#FF6FAB>{classical_row.recent_topic_row.L_TITLE}</font><br> <b>Thời gian:</b> <font color=#AFFFD0>{classical_row.recent_topic_row.S_POSTTIME}</font>');" onmouseout="hidetip();" href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a></div>
</td><td width="20%" align="right" nowrap="nowrap">
<div style="font-size:11px;font-weight:bold">
<!-- BEGIN switch_poster -->
        <a onmouseover="showtip('<b>Click để xem profile của thành viên này !</b>');" onmouseout="hidetip();" href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
        <!-- END switch_poster --><!-- BEGIN switch_poster_guest -->
        {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
        <!-- END switch_poster_guest --></div></td></tr></table>
<!-- END recent_topic_row -->
</td></tr></tbody></table><!-- END classical_row -->
</td></tr></table></div>

<div id="topstarter" style="display:none">
  <!-- BEGIN POSTER -->
  <div style="display:block; height:20px; overflow:hidden; line-height:18px;" onmouseover="showtip('{POSTER.NB_POSTS}');" onmouseout="hidetip();" class="smallfont">
      {POSTER.NAME}
  </div>
  <!-- END POSTER -->
</div>

<div id="toppostterm" style="display:none">
  <!-- BEGIN POSTER -->
  <div style="display:block; height:20px; overflow:hidden; line-height:18px;" onmouseover="showtip('{POSTER.NB_POSTS}');" onmouseout="hidetip();" class="smallfont">
      {POSTER.NAME}
  </div>
  <!-- END POSTER -->
</div>

<div id="toppostterw" style="display:none">
  <!-- BEGIN POSTER -->
  <div style="display:block; height:20px; overflow:hidden; line-height:18px;" onmouseover="showtip('{POSTER.NB_POSTS}');" onmouseout="hidetip();" class="smallfont">
      {POSTER.NAME}
  </div>
  <!-- END POSTER -->
</div>