Đóng khu bao Top poster Và last topic

[hunghsmn]

Hiện nay theo mình biết mình biết vẫn còn nhiều bạn dùng kiểu last topic đơn giản. Bạn có muốn bao cà Top poster và last topic trong một khung không ? Theo mình thấy rất nên làm, nhất là khi 2 thằng này không được đều nhau, nếu để riêng trông mất trật tự.

Muốn vậy bạn làm như sau:
Tong Index body hay trong header của bạn có đoạn code này:

Code:

<div id="page-body">
              <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>

                <table cellpadding="0" cellspacing="0" width="100%" border="0">
                    <tbody>
                      <tr>
                          <td valign="top" width="100%">
                            <div class="test">

                              <table  class="thongke" cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
                              <tr>
<!-- BEGIN giefmod_index1 --><td align="center">
                                {giefmod_index1.MODVAR}
                                                             
</td><!-- END giefmod_index1 --></tr>
                          </table>
<br /></div>
                          </td>
</tr><tr>
                          <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                          </td>
                      </tr>
                    </tbody>
                </table>
              </div>
          </div>
        </td>
    </tr>
  </table>
</body>
</html>
<!-- END html_validation -->

Bạn thay bằng đoạn này:

Code:

<div id="page-body">
              <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>

                <table cellpadding="0" cellspacing="0" width="100%" border="0">
                    <tbody>
                      <tr>
                          <td valign="top" width="100%">
                            <div class="test">

<table cellpadding="0" cellspacing="0" width="100%" align="center">  <tr>  <td><img src="http://i14.servimg.com/u/f14/14/04/65/68/post_t10.png" alt="" /></td>  <td style="background: url(http://i14.servimg.com/u/f14/14/04/65/68/post_t11.png) repeat-x top left" width="100%">  </td>  <td><img src="http://i14.servimg.com/u/f14/14/04/65/68/post_t12.png" alt="" /></td>  </tr>  <tr>  <td style="background: url(http://i14.servimg.com/u/f14/14/04/65/68/post_s10.png) repeat-y top left" valign="bottom"> </td>  <td>

                              <table  class="thongke" cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
                              <tr>
<!-- BEGIN giefmod_index1 --><td align="center">
                                {giefmod_index1.MODVAR}
                                                             
</td><!-- END giefmod_index1 --></tr>
                          </table>

</td>  <td style="background: url(http://i14.servimg.com/u/f14/14/04/65/68/post_s11.png) repeat-y top right" valign="bottom"> </td>  </tr>  <tr>  <td><img src="http://i14.servimg.com/u/f14/14/04/65/68/post_f12.png" alt="" /></td>  <td style="background: url(http://i14.servimg.com/u/f14/14/04/65/68/post_f11.png) repeat-x top left" width="100%"> </td>  <td><img src="http://i14.servimg.com/u/f14/14/04/65/68/post_f10.png" alt="" /></td>  </tr> </table>

<br /></div>
                          </td>
</tr><tr>
                          <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                          </td>
                      </tr>
                    </tbody>
                </table>

              </div>
          </div>
        </td>
    </tr>
  </table>

</body>
</html>
<!-- END html_validation -->

Xem thử: http://tinhthuong.123.st/index.htm ( Đây là nơi để xem thử)
Đó là với last topic đơn giản.

Còn với kiểu mới mà các bạn gọi là của thuan007 gì đó thì hơi khác chút. Nếu các bạn thích thì mai nhân ngày sinh nhật lần thứ 57 của mình sẽ ... chiêu đải các bạn.

[kupj_kool]

em làm giống anh nhưng sao nó ko nằm hàng ngang mà nó nằm lộn xộn @.@ của em nè http://ninhvan.forumvi.net/

[hunghsmn]

Bạn chưa làm được Top postters & last topic thì chưa nói đến chuyện đóng khung chúng được.

Bài trên đây cũng chỉ áp dụng cho Top postters & last topic kiểu cũ thôi. Còn kiểu Top postters & last topic mà bây giờ mọi người thường dùng như kiểu do thuan007 chia sẻ thì khác nữa. Bạn xem đây:

Điều quan trọng bây giờ là bạn phải làm được top postter & last topic nằm ngang bên trên forum, sau đó sẽ nghiên cứu đến chuyện đóng khung chúng lại.

[blogkien]

Bạn ơi, mình mới làm cái Top Posters với Recent topic gần giống bạn đó mà sao tab bài mới không hoạt động vậy?

[hunghsmn]

Bạn ơi, mình mới làm cái Top Posters với Recent topic gần giống bạn đó mà sao tab bài mới không hoạt động vậy?

Có một bạn cũng đã hỏi câu này, mình cũng đã hướng dẫn tại đây, bạn xem nhé:
http://diendan.chinhphuc.info/t14778-topic

[kupj_kool]

Bạn ơi, mình mới làm cái Top Posters với Recent topic gần giống bạn đó mà sao tab bài mới không hoạt động vậy?

lúc đầu em làm cho nó nằm ngang rồi, nhưng em thấy bài viết hướng dẫn đóng khung để last và top nằm cùng hàng ngang và đóng khung thì chèn thử, ai dè nó ra lộn xộn luôn, giúp em với hic

[hunghsmn]

Hic, Thôi làm lại cho nó thành hàng ngang đi rồi mới đòng khung.
Việc đóng khung chỉ để cho đẹp thôi chứ nó không làm cho 2 cái đó thành hàng ngang đâu.
Mà trong Widgets bạn để quá nhiều thứ không được. Nó chỉ có 2 cái thôi: Top postters nằm trên và Recent topic nằm dười ( ở cột trái). Chỉ cần thêm 1 cái nữa là lỗi ngay.

[kupj_kool]

Hic, Thôi làm lại cho nó thành hàng ngang đi rồi mới đòng khung.
Việc đóng khung chỉ để cho đẹp thôi chứ nó không làm cho 2 cái đó thành hàng ngang đâu.
Mà trong Widgets bạn để quá nhiều thứ không được. Nó chỉ có 2 cái thôi: Top postters nằm trên và Recent topic nằm dười ( ở cột trái). Chỉ cần thêm 1 cái nữa là lỗi ngay.

hic vậy em phải mày mò lại nữa rồi

[lylyvenus995]

Em tìm trong rum ko thấy cách làm cho lastest và top nằm ngang,nó cứ dọc T^T ai chỉ em cách đi.

[Sponsored content]