Trên trang chủ của VBB thường được các webmaster gọi là forumhome. Đây là demo hình ảnh một phần của forumhome.

 

Bài viết này hướng dẫn cách thức xóa phần màu xanh và căn lại CSS cho toàn bộ phần còn lại.

Trước tiên để xóa phần thống kê chủ đề và bài viết. Vào forumhome_forumbit_level2_post. Tìm và xóa đoạn code sau.

 <h4 class="nocss_label">{vb:rawphrase forum_statistics}:</h4>
<ul class="forumstats td">
   <li>{vb:rawphrase threads}: {vb:raw forum.threadcount}</li>
   <li>{vb:rawphrase posts}: {vb:raw forum.replycount}</li>
</ul>

Tuy nhiên mới xóa được phần thống kê, phần "Thread / Posts" vẫn chưa xóa được. Để Xóa phần này thì vào forumhome_forumbit_level1_nopost tìm và xóa đoạn code sau.

 <span class="forumthreadpost">{vb:rawphrase threads_posts}&nbsp;</span>

Sau khi thực hiện xong các bước trên thì giao diện forumhome như sau.

Theo mình thấy thì phần khoanh vùng màu đỏ thực sự rất ít khi sử dụng và mình sẽ xóa phần này. Vào forumhome_forumbit_level2_post tìm và xóa code. Tuy nhiên, các bạn phải vào forumbits.css tìm forumbit_post .forumrow .forumlastpost thêm phần margin-left nha.

<ul class="forumactionlinks td">
            <vb:if condition="$forum['allowposting']"><vb:if condition="$show['externalrss']"><li class="forumactionlink rsslink"><a href="external.php?{vb:raw session.sessionurl}type=RSS2&amp;forumids={vb:raw forum.forumid}" title="{vb:rawphrase view_forum_rss_feed}">{vb:rawphrase view_forum_rss_feed}</a></li></vb:if>
            <vb:if condition="$show['member']"><vb:if condition="$show['forumsubscription']"><li class="forumactionlink unsubslink"> <a href="{vb:raw $vboptions.vbforum_url}{vb:if "$vboptions['vbforum_url']", '/', ''}subscription.php?{vb:raw session.sessionurl}do=removesubscription&amp;f={vb:raw forum.forumid}" title="{vb:rawphrase unsubscribe_from_this_forum}">{vb:rawphrase unsubscribe_from_this_forum}</a></li><vb:else /><li class="forumactionlink subslink"> <a href="{vb:raw $vboptions.vbforum_url}{vb:if "$vboptions['vbforum_url']", '/', ''}subscription.php?{vb:raw session.sessionurl}do=addsubscription&amp;f={vb:raw forum.forumid}" title="{vb:rawphrase subscribe_to_this_forum}">{vb:rawphrase subscribe_to_this_forum}</a></li></vb:if></vb:if></vb:if>
        </ul>

Công việc của chúng ta bây giờ là căn lại CSS sao cho vừa ý mình là được. Vào forumbits.css để chỉnh CSS nha.

Chỉnh độ rộng của forumtitle Info tức là phần khoanh vùng màu xanh. Tìm thuộc tính forumbit_post .foruminfo và chỉnh thông số width.

Chỉnh độ rộng của last post info tức là phần khoanh vùng màu đen thì tìm thuộc tính forumbit_post .forumrow .forumlastpost và chỉnh lại thông số width.

Để chỉnh lại phần Forumhead 'Last Post' title alignment (khoanh vùng màu vàng) tìm thuộc tính forumbit_nopost .forumhead .forumtitle và chỉnh lại thông số width. Các bạn nên lấy độ rộng phần  phần khoanh vùng màu xanh và màu đỏ, như vậy sẽ rất dẹp.

Chúc các bạn thành công !!!