[HELP]Lắp thanh cuộn cho recent topic

[Lowie]

Ai có thể lắp thanh cuộn cho recent topic của mình được không

Code:

</td></tr></table></td>
<td style="width: 0px"></td>
<td valign="top" style="border: 1px solid #9DB3C5; padding: 1px">
<style type="text/css">
th,td,p {
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif }
/* Style cho menu tabs */div.TabView div.Tabs{height: 32px; /* chiều cao của tab menu */overflow: hidden;}div.TabView div.Tabs: hover,{height: 32px; /* chiều cao của tab menu */overflow: hidden;}div.TabView div.Tabs a , div.TabView div.Tabs a:hover {float: left;display: block;background-color:#;text-align: center;height: 29px;padding: 6px;vertical-align: middle;border:1px solid #b4d0f3;border-top: 0px;border-left: 0px;border-bottom: 0px; /* đường viền quanh tabs menu */text-decoration: none!important;font-family: Tahoma;font-size: 11px;color: #000000;}.hotrott{background-color: #ffffff;border: 0px solid #ded7d7;}.nen{background-color: #ffffff;border: 1px solid #ded7d7;}div.TabView div.Tabs a.Active{background-color: #ffffff; /* màu nền tab menu active */color: #000000;border:1px solid #b4d0f3;border-top: 0px;border-left: 0px;border-bottom: 0px; padding: 6px;height: 29px;font-size: 11px;font-weight: bold;}/* Style cho phần text nội dung của mỗi tab */div.TabView {clear: both;border: 0px solid #ffffff;overflow: hidden; /* giá trị là auto nếu muốn hiện scroll bar */}div.TabView div.Pages div.Page{height: 100%;padding: 0px;border: 0px solid #b4d0f3;overflow: hidden; /* giá trị là auto nếu muốn hiện scroll bar */}</style><script type="text/javascript" src="http://untip-js.googlecode.com/files/Tabview.js"></script><div id="TabView" class="TabView" style="padding: 0px;">

<!-- tabs -->
<div width="100%" class="Tabs"><a class="Active" href="javascript:tabview_switch('TabView', 1);">Bài viết mới</a><a>Topic trả lời nhiều nhất</a><a>Topics được xem nhiều nhất</a><a>Thống kê</a>
<ul class="tabs" id="vietvbb_topstats_t">  <li style="border-right: 0px; display: none;" id="vietvbb_topstats_t_loading"></li> </ul> </div>

<!--nội dung tabs -->
<div style="height:420px; width:100%" class="Pages">
<div class="Page" style="padding: 0px; height: 300px; display: block;">
<!-- BEGIN classical_row -->
<table class="tborder" style="border-bottom-width: 0px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">

<tbody>
<tr valign="top">
<td style="padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="100%">

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr valign="top">
<td style="border-top: 0px none; padding: 0px; background: transparent url(http://i1122.photobucket.com/albums/l525/liger1723/linhtinh/list50.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/empty.gif" width="24" border="0"></td>
  <td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="left" background="http://i61.servimg.com/u/f61/15/61/17/20/listbg13.gif">

<!-- BEGIN recent_topic_row -->
<!-- BEGIN switch_poster -->

<table border="0" class="lbb" cellpadding="0" cellspacing="0" width="100%">
<tr valign="bottom">
<td style="height: 20px" width="74%"><a onmouseover="showtip('<b><font color=#131eed>Tiêu đề:</font> <font color=#FF66FF>{classical_row.recent_topic_row.L_TITLE}</font></b><br/> <b><font color=#131eed>Thời gian:</font>
<font color=#00FF99>{classical_row.recent_topic_row.S_POSTTIME}</font></b>');" onmouseout="hidetip();" href="{classical_row.recent_topic_row.U_TITLE}"><font style="font-family: Tahoma; font-size: 11px">{classical_row.recent_topic_row.L_TITLE}</font></a></td>

<td style="height: 20px" width="26%" align="right"><a onmouseover="showtip('<b><font color=#131eed>Click để xem profile của thành viên này !</font></b>');" onmouseout="hidetip();"  href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">
{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>

</td></tr></table>
<!-- END switch_poster -->
<!-- END recent_topic_row -->
</td></tr></table></td></tr></tbody></table>
<script type="text/javascript">
jQuery(".lbb:contains('♥')").remove();
jQuery(".lbb:contains('»')").remove();
</script>

<!-- END classical_row -->

</div>
<div class="Page" style="padding: 0px; height: 304px; display: block;">
<table class="tborder" style="border-bottom-width: 0px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr>
<td>

<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
</table></td></tr></tbody>
<tbody>
<tr>

(mình còn gà & non nên chưa biết làm )

[handsomevip007]

Link forum?

[Lowie]

http://iwin.org.org/forum#
cuộn dùm mình đủ 50 bài viết nhé

[handsomevip007]

Code đây, tăng số bài lên 50 là được

Code:

</td></tr></table></td>
<td style="width: 0px"></td>
<td valign="top" style="border: 1px solid #9DB3C5; padding: 1px">
<style type="text/css">
th,td,p {
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif }
/* Style cho menu tabs */div.TabView div.Tabs{height: 32px; /* chiều cao của tab menu */overflow: hidden;}div.TabView div.Tabs: hover,{height: 32px; /* chiều cao của tab menu */overflow: hidden;}div.TabView div.Tabs a , div.TabView div.Tabs a:hover {float: left;display: block;background-color:#;text-align: center;height: 29px;padding: 6px;vertical-align: middle;border:1px solid #b4d0f3;border-top: 0px;border-left: 0px;border-bottom: 0px; /* đường viền quanh tabs menu */text-decoration: none!important;font-family: Tahoma;font-size: 11px;color: #000000;}.hotrott{background-color: #ffffff;border: 0px solid #ded7d7;}.nen{background-color: #ffffff;border: 1px solid #ded7d7;}div.TabView div.Tabs a.Active{background-color: #ffffff; /* màu nền tab menu active */color: #000000;border:1px solid #b4d0f3;border-top: 0px;border-left: 0px;border-bottom: 0px; padding: 6px;height: 29px;font-size: 11px;font-weight: bold;}/* Style cho phần text nội dung của mỗi tab */div.TabView {clear: both;border: 0px solid #ffffff;overflow: hidden; /* giá trị là auto nếu muốn hiện scroll bar */}div.TabView div.Pages div.Page{height: 100%;padding: 0px;border: 0px solid #b4d0f3;overflow: hidden; /* giá trị là auto nếu muốn hiện scroll bar */}</style><script type="text/javascript" src="http://untip-js.googlecode.com/files/Tabview.js"></script><div id="TabView" class="TabView" style="padding: 0px;">

<!-- tabs -->
<div width="100%" class="Tabs"><a class="Active" href="javascript:tabview_switch('TabView', 1);">Bài viết mới</a><a>Topic trả lời nhiều nhất</a><a>Topics được xem nhiều nhất</a><a>Thống kê</a>
<ul class="tabs" id="vietvbb_topstats_t">  <li style="border-right: 0px; display: none;" id="vietvbb_topstats_t_loading"></li> </ul> </div>

<!--nội dung tabs -->
<div style="height:420px; width:100%" class="Pages">
<div class="Page" style="overflow: auto;padding: 0px; height: 300px; display: block;">
<!-- BEGIN classical_row -->
<table class="tborder" style="border-bottom-width: 0px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">

<tbody>
<tr valign="top">
<td style="padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="100%">

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr valign="top">
<td style="border-top: 0px none; padding: 0px; background: transparent url(http://i1122.photobucket.com/albums/l525/liger1723/linhtinh/list50.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/empty.gif" width="24" border="0"></td>
  <td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="left" background="http://i61.servimg.com/u/f61/15/61/17/20/listbg13.gif">

<!-- BEGIN recent_topic_row -->
<!-- BEGIN switch_poster -->

<table border="0" class="lbb" cellpadding="0" cellspacing="0" width="100%">
<tr valign="bottom">
<td style="height: 20px" width="74%"><a onmouseover="showtip('<b><font color=#131eed>Tiêu đề:</font> <font color=#FF66FF>{classical_row.recent_topic_row.L_TITLE}</font></b><br/> <b><font color=#131eed>Thời gian:</font>
<font color=#00FF99>{classical_row.recent_topic_row.S_POSTTIME}</font></b>');" onmouseout="hidetip();" href="{classical_row.recent_topic_row.U_TITLE}"><font style="font-family: Tahoma; font-size: 11px">{classical_row.recent_topic_row.L_TITLE}</font></a></td>

<td style="height: 20px" width="26%" align="right"><a onmouseover="showtip('<b><font color=#131eed>Click để xem profile của thành viên này !</font></b>');" onmouseout="hidetip();"  href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">
{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>

</td></tr></table>
<!-- END switch_poster -->
<!-- END recent_topic_row -->
</td></tr></table></td></tr></tbody></table>
<script type="text/javascript">
jQuery(".lbb:contains('♥')").remove();
jQuery(".lbb:contains('»')").remove();
</script>

<!-- END classical_row -->

</div>
<div class="Page" style="padding: 0px; height: 304px; display: block;">
<table class="tborder" style="border-bottom-width: 0px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr>
<td>

<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
</table></td></tr></tbody>
<tbody>
<tr>

[hunghsmn]

Code đây, tăng số bài lên 50 là được

Cái ảnh stt của mọi người chỉ đến số 20 thôi, cái này 50, của mình đến 80, để hôm nào mình thêm 19 số nữa cho đủ . sau đó các bạn tăng lên ... 99 bài luôn rồi lấy ảnh stt của mình xài.

Còn đây là thanh cuộn của mình, thích cuộn gì thì cuộn:

Code:

<div style="height: 240px; overflow: scroll;">
  NỘI DUNG CUỘN
</div>

Cho luôn cả cái index-box vô cuộn như thế này nè: http://hsmn.forumvi.com/

[Lowie]

Có thể thay thế icon số bằng 1 icon nhất định cho đỡ vất vả được không nhỉ?
VD:

[hunghsmn]

Có thể thay thế icon số bằng 1 icon nhất định cho đỡ vất vả được khôgn nhỉ?
VD:

Được, như thế này nè:

Code:

<img src="http://2mit.org/forum/styles/default/xenforo/post_old.gif"> {classical_row.recent_topic_row.L_TITLE}

Đơn giản hơn nữa thì không cần icon mà có thể chọn một trong các kiểu sau:
» {classical_row.recent_topic_row.L_TITLE}
@ {classical_row.recent_topic_row.L_TITLE}
© {classical_row.recent_topic_row.L_TITLE}
®{classical_row.recent_topic_row.L_TITLE}

[Lowie]

Có thể thay thế icon số bằng 1 icon nhất định cho đỡ vất vả được khôgn nhỉ?
VD:

Được, như thế này nè:

Code:

<img src="http://2mit.org/forum/styles/default/xenforo/post_old.gif"> {classical_row.recent_topic_row.L_TITLE}

Đơn giản hơn nữa thì không cần icon mà có thể chọn một trong các kiểu sau:
» {classical_row.recent_topic_row.L_TITLE}
@ {classical_row.recent_topic_row.L_TITLE}
© {classical_row.recent_topic_row.L_TITLE}
®{classical_row.recent_topic_row.L_TITLE}

vật đặt số thứ tự theo thì làm ntn?

[web.huy52]

Ai Giúp Mình Làm Recent topics Cuộn Giống Chinh Phục ?

Code Recent topics Của Mình Nè :

Code:

<table style="border:#CCCCCF 1px solid;" width="100%">
<!-- BEGIN classical_row -->
<tr><td class="catHead" align="center"><span class="genmed">Bài Gửi</span></td><td class="catHead" align="center"><span class="genmed">Người Gửi</span></td><td class="catHead" align="center"><span class="genmed">Thời Gian</span><!-- BEGIN recent_topic_row -->
  <tr>
      <td class="row1" align="left" width="50%"><span class="gensmall">
      <img src="http://i70.servimg.com/u/f70/13/00/88/47/post_n10.gif"></img> <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a></td><td class="row1" align="center" width="25%"> <span class="gensmall"><!-- BEGIN switch_poster -->
      <img src="http://i155.photobucket.com/albums/s282/satthuonline/catl.gif"></img> <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a> <img src="http://i155.photobucket.com/albums/s282/satthuonline/catr.gif"></img>
        <!-- END switch_poster --><!-- BEGIN switch_poster_guest -->
        {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
        <!-- END switch_poster_guest --></span></a> </td><td class="row1" align="left" width="25%"><div style="margin:auto;text-align:center;width:100%"><span class="gensmall">{classical_row.recent_topic_row.S_POSTTIME}<br />
      </span></td></div>
  </tr><!-- END recent_topic_row -->
<!-- END classical_row --></table>

[Lowie]

Ai Giúp Mình Làm Recent topics Cuộn Giống Chinh Phục ?

Code Recent topics Của Mình Nè :

Code:

<table style="border:#CCCCCF 1px solid;" width="100%">
<!-- BEGIN classical_row -->
<tr><td class="catHead" align="center"><span class="genmed">Bài Gửi</span></td><td class="catHead" align="center"><span class="genmed">Người Gửi</span></td><td class="catHead" align="center"><span class="genmed">Thời Gian</span><!-- BEGIN recent_topic_row -->
  <tr>
      <td class="row1" align="left" width="50%"><span class="gensmall">
      <img src="http://i70.servimg.com/u/f70/13/00/88/47/post_n10.gif"></img> <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a></td><td class="row1" align="center" width="25%"> <span class="gensmall"><!-- BEGIN switch_poster -->
      <img src="http://i155.photobucket.com/albums/s282/satthuonline/catl.gif"></img> <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a> <img src="http://i155.photobucket.com/albums/s282/satthuonline/catr.gif"></img>
        <!-- END switch_poster --><!-- BEGIN switch_poster_guest -->
        {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
        <!-- END switch_poster_guest --></span></a> </td><td class="row1" align="left" width="25%"><div style="margin:auto;text-align:center;width:100%"><span class="gensmall">{classical_row.recent_topic_row.S_POSTTIME}<br />
      </span></td></div>
  </tr><!-- END recent_topic_row -->
<!-- END classical_row --></table>

Đưa cả link 4rum cho bác hand chỉnh nữa chứ

[hunghsmn]

@web.huy52: code của bạn cấu trúc đơn giản, một bảng , 2 hàng, 3 cột. Hàng thứ nhất lỗi một chút nhưng không ảnh hưởng đến kết quả: hàng này có thẻ mở <tr > nhưng không có thẻ đóng </tr>Còn chuyện thanh cuộn thì bạn thêm <div style="height: 240px; overflow: auto;"> vào bên trên thẻ <tr> của hàng thứ 2 Và thêm </div> sau thẻ </tr> của hàng thứ hai là được.

Bạn cũng có thể thêm cặp thẻ div đó vào đầu và cuối code của bạn nhưng như thế nó sẽ cuộn luôn cả hàng tiêu đề: Tiêu đề, người gửi, thời gian . Như vậy xấu.

Code:

<table style="border:#CCCCCF 1px solid;" width="100%">
    <!-- BEGIN classical_row -->
    <tr><td class="catHead" align="center"><span class="genmed">Bài Gửi</span></td><td class="catHead" align="center"><span class="genmed">Người Gửi</span></td><td class="catHead" align="center"><span class="genmed">Thời Gian</span><!-- BEGIN recent_topic_row --></tr>
<div style="height: 240px; overflow: auto;">
      <tr>
          <td class="row1" align="left" width="50%"><span class="gensmall">
          <img src="http://i70.servimg.com/u/f70/13/00/88/47/post_n10.gif"></img> <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a></td><td class="row1" align="center" width="25%"> <span class="gensmall"><!-- BEGIN switch_poster -->
          <img src="http://i155.photobucket.com/albums/s282/satthuonline/catl.gif"></img> <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a> <img src="http://i155.photobucket.com/albums/s282/satthuonline/catr.gif"></img>
            <!-- END switch_poster --><!-- BEGIN switch_poster_guest -->
            {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
            <!-- END switch_poster_guest --></span></a> </td><td class="row1" align="left" width="25%"><div style="margin:auto;text-align:center;width:100%"><span class="gensmall">{classical_row.recent_topic_row.S_POSTTIME}<br />
          </span></td></div>
      </tr>
</div>
<!-- END recent_topic_row -->
    <!-- END classical_row --></table>

Bạn nhớ vào Modules =>Portal & Widgets => Forum widgets management
Bấm vào của Recent topics. Tại Number of recent topics bạn sửa lại 99 luôn cũng được. Của bạn không phải số TT mà là nên có thể chỉnh số đó tối đa là 99

[Sponsored content]