Topics & Post

I would like to know how to make the topics and post look like the ones on here where its in a round box

OK, be sure to keep up

Goto: ACP > Display > Templates > General Box > index_box

Replace the default code with this:

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">

            <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};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                     </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 />
                     {catrow.forumrow.FORUM_DESC}
                     <!-- 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}
                  </td>
                                                <td class="tc2" style="width: 80px;">
                                                  <div class="postbit">{catrow.forumrow.TOPICS}<br /><strong>Topics</strong></div>
                                                </td>
                                                 
                  <td class="tc3" style="width: 80px;">
                                                  <div class="postbit">{catrow.forumrow.POSTS} <br /><strong>Posts</strong></div>
                                                </td>
                                         
                  <td class="tcr">
                     <span>
                     <!-- 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 -->
                     {catrow.forumrow.USER_LAST_POST}
                     </span>
                  </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 -->

Then add this to your CSS:

Code:

.postbit {
  background: url('http://i43.servimg.com/u/f43/16/93/80/74/postbi10.png') no-repeat;
  width: 74px;
  height: 38px;
  padding-top: 3px;
}

Hope this helps

Muchas Gracias, Rocker.

Is this compatible with all forum versions?

[FTS] Jack wrote:Is this compatible with all forum versions?

Unfortunately no, the code posted is specifically for PunBB, which is what what we are using currently.

It would be very difficult to get this to work on PHPBB2 off hand, as I haven't reviewed the code and would imagine that it would be more then changing a few indicators and adding some JS codes....

It's possible with PHPBB2, and This code works with PunBB.

What version were you looking for?

I have PunBB
And it's solved now thanks.

but how i can hide the border like this forum ?

Remove the border from

Code:

.pun .main table td.tc2, .pun .main table td.tc3

in css

but can u just make what code must be edit in index box not to replace all code ?..

that's in css.

drogba921 wrote:that's in css.

what do u mean ?

drogba help please

The code, It's in the CSS Style Sheet.

yes i know .. what i mean is that code is to replace all index box code right .. but i dont want to do that .. i just want edit the code not to replace all .. which code to edit thats

Oh, i don't really know, sorry....

Ohh, just add after all codes you have in stylesheet this:

Code:

.pun .main table td.tc2, .pun .main table td.tc3{
border: none !important;
}

it only works for phpBB2 and punBB

So wait, im confused, is this compatible with Phpbb2?

PHPBB2 Version: http://help.forumotion.com/t81777-deleting-columns-topics-and-messages

Legendrock7 wrote:So wait, im confused, is this compatible with Phpbb2?

No, but you can make it like that for phpBB2

This is certainly past solved, lol.

Marked Solved & Locked