[Đóng góp] Index_box Bunbb

  Bài viết hay nhất1
Demo:
[Đóng góp] Index_box Bunbb RRqEeEQ

Thay toàn bộ index_box:
Code:
<div class="pun-crumbs">
  <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
      <div class="main-head">
        <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
        <table cellspacing="0" class="table">
            <thead style="display:none;">
              <tr>
                  <th class="tcl">{L_FORUM}</th>
                  <th class="tc2">{L_TOPICS}</th>
                  <th class="tc3">{L_POSTS}</th>
                  <th class="tcr">{L_LASTPOST}</th>
              </tr>
            </thead>
            <tbody class="statused">
  <!-- END tablehead -->

  <!-- BEGIN forumrow -->
              <tr>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                    <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                                                       
                    </span>
                    <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                    <br />
                                                  <div class="descirere">{catrow.forumrow.FORUM_DESC}</div>
                    <!-- BEGIN switch_moderators_links -->
                    <br />
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->
                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  <div class="image-sectiune"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div></td>
                                          <td class="tc3"><div class="posts"><b>{catrow.forumrow.POSTS}</b> Posts</div>
                                            <div class="topics"><b>{catrow.forumrow.TOPICS}</b> Topics</div></td>
                  <td class="tcr">
                     
                    <div class="lpost">
                    <!-- BEGIN switch_topic_title -->
                    <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                    <!-- END switch_topic_title -->
                      <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->
                    {catrow.forumrow.USER_LAST_POST}
                    </div>
                  </td>
              </tr>
  <!-- END forumrow -->

  <!-- BEGIN tablefoot -->
            </tbody>
        </table>
      </div>
  <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
  <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
  </ul>
  <!-- BEGIN switch_delete_cookies -->
  <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
  </p>
  <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

Rồi cho phần dưới vào css:
Code:
.topics , .posts{
border: 1px solid rgb(214, 214, 214);
background: white;
padding: 3px;
width: 90px;
margin: 0 auto;
border-radius: 3px;
box-shadow: 1px 1px 0px white;
color: #666;
font-family: Verdana;
font-size: 11px;
  margin-top:3px;
}

.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: rgba(244, 244, 244, 0);
border-style: solid none none none;
}

.pun table.table td {
background-color: #fbfbfb;
border-color: transparent;
border-style: solid none none solid;
border-width: 1px;
line-height: 130%;
padding: .6em 0 .7em;
}



.pun table .tcl {
overflow: hidden;
text-align: left;
width: 75%;
}

.pun .table .tc2, .pun .table .tc3 {
text-align: center;
width: 10%;
float: right;
}

.lpost{
background: #fff;
border: 1px solid #d6d6d6;
border-radius: 3px;
box-shadow: 1px 1px 0 #fff;
color: #666;
font-family: Verdana;
font-size: 11px;
margin: 3px auto 0;
padding: 3px;
width: 50%;
margin-top: -5px;
margin-left: 120px;
}
  Bài viết hay nhất2
Hơi giống mặc định
You cannot reply to topics in this forum