Chatbox

You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1Locked Topics & Post on 12/11/2011, 4:55 pm

Thomas

avatar

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

View user profile

2Locked Re: Topics & Post on 12/11/2011, 5:06 pm

Rocker92

avatar

Valued Member
OK, be sure to keep up Wink

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 Smile

View user profile

3Locked Re: Topics & Post on 12/11/2011, 5:10 pm

Drogba921

avatar

Administrator
Muchas Gracias, Rocker.

View user profile http://www.codinghelp.org

4Locked Re: Topics & Post on 23/11/2011, 2:38 am

[FTS] Jack

avatar

Beta Tester
Is this compatible with all forum versions?

View user profile

5Locked Re: Topics & Post on 30/11/2011, 8:16 pm

Dazation

avatar

Valued Member
[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. Cool

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

View user profile

6Locked Re: Topics & Post on 30/11/2011, 11:05 pm

Drogba921

avatar

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

What version were you looking for?

View user profile http://www.codinghelp.org

7Locked Re: Topics & Post on 12/12/2011, 7:25 pm

Thomas

avatar

Beta Tester
I have PunBB
And it's solved now thanks.

View user profile

8Locked Re: Topics & Post on 15/12/2011, 11:50 pm

tommycoo

avatar

Member
but how i can hide the border like this forum ?

View user profile

9Locked Re: Topics & Post on 16/12/2011, 8:52 am

Drogba921

avatar

Administrator
Remove the border from

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

in css

View user profile http://www.codinghelp.org

10Locked Re: Topics & Post on 17/12/2011, 11:53 am

tommycoo

avatar

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

View user profile

11Locked Re: Topics & Post on 17/12/2011, 1:06 pm

Drogba921

avatar

Administrator
that's in css.

View user profile http://www.codinghelp.org

12Locked Re: Topics & Post on 17/12/2011, 6:44 pm

tommycoo

avatar

Member
drogba921 wrote:that's in css.
what do u mean ?

View user profile

13Locked Re: Topics & Post on 17/12/2011, 9:03 pm

tommycoo

avatar

Member
drogba help please Very Happy

View user profile

14Locked Re: Topics & Post on 17/12/2011, 9:06 pm

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

View user profile

15Locked Re: Topics & Post on 17/12/2011, 9:15 pm

tommycoo

avatar

Member
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

View user profile

16Locked Re: Topics & Post on 17/12/2011, 9:17 pm

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

View user profile

17Locked Re: Topics & Post on 19/12/2011, 1:45 pm

Coddy

avatar

Member
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;
}

View user profile

18Locked Re: Topics & Post on 27/12/2011, 2:02 am

BlackNite

avatar

Premium Member
it only works for phpBB2 and punBB

View user profile http://gfxtutorials.netboarder.com/

19Locked Re: Topics & Post on 31/12/2011, 3:24 pm

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

View user profile http://www.reality-pkz.com

20Locked Re: Topics & Post on 31/12/2011, 5:00 pm

Drogba921

avatar

Administrator

View user profile http://www.codinghelp.org

21Locked Re: Topics & Post on 31/12/2011, 5:01 pm

Matti_7

avatar

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

No, but you can make it like that for phpBB2 Very Happy

View user profile

22Locked Re: Topics & Post on 3/1/2012, 6:49 pm

Cody

avatar

Member
This is certainly past solved, lol.

Marked Solved & Locked

View user profile

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum