Topics & Post

View previous topic View next topic Go down

avatar
Thomas
Beta Tester
Beta Tester
Forum Posts : 14
Member Since : 2011-11-05
View user profile

PostThomas on 12/11/2011, 1:55 pm

I would like to know how to make the topics and post look like the ones on here where its in a round box
avatar
Rocker92
Valued Member
Valued Member
Forum Posts : 1
Member Since : 2011-11-06
View user profile

PostRocker92 on 12/11/2011, 2:06 pm

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
avatar
Mike
Administrator
Forum Posts : 446
Member Since : 2011-10-28
View user profile http://www.codinghelp.org

PostMike on 12/11/2011, 2:10 pm

Muchas Gracias, Rocker.
avatar
[FTS] Jack
Beta Tester
Beta Tester
Forum Posts : 6
Member Since : 2011-11-07
View user profile

Post[FTS] Jack on 22/11/2011, 11:38 pm

Is this compatible with all forum versions?
avatar
Dazation
Valued Member
Valued Member
Forum Posts : 222
Member Since : 2011-10-30
View user profile

PostDazation on 30/11/2011, 5:16 pm

[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....
avatar
Mike
Administrator
Forum Posts : 446
Member Since : 2011-10-28
View user profile http://www.codinghelp.org

PostMike on 30/11/2011, 8:05 pm

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

What version were you looking for?
avatar
Thomas
Beta Tester
Beta Tester
Forum Posts : 14
Member Since : 2011-11-05
View user profile

PostThomas on 12/12/2011, 4:25 pm

I have PunBB
And it's solved now thanks.
avatar
tommycoo
Member
Member
Forum Posts : 11
Member Since : 2011-12-15
View user profile

Posttommycoo on 15/12/2011, 8:50 pm

but how i can hide the border like this forum ?
avatar
Mike
Administrator
Forum Posts : 446
Member Since : 2011-10-28
View user profile http://www.codinghelp.org

PostMike on 16/12/2011, 5:52 am

Remove the border from

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

in css
avatar
tommycoo
Member
Member
Forum Posts : 11
Member Since : 2011-12-15
View user profile

Posttommycoo on 17/12/2011, 8:53 am

but can u just make what code must be edit in index box not to replace all code ?..
avatar
Mike
Administrator
Forum Posts : 446
Member Since : 2011-10-28
View user profile http://www.codinghelp.org

PostMike on 17/12/2011, 10:06 am

that's in css.
avatar
tommycoo
Member
Member
Forum Posts : 11
Member Since : 2011-12-15
View user profile

Posttommycoo on 17/12/2011, 3:44 pm

drogba921 wrote:that's in css.
what do u mean ?
avatar
tommycoo
Member
Member
Forum Posts : 11
Member Since : 2011-12-15
View user profile

Posttommycoo on 17/12/2011, 6:03 pm

drogba help please Very Happy
avatar
HyperActive
Banned
Banned
Forum Posts : 42
Member Since : 2011-12-16
View user profile

PostHyperActive on 17/12/2011, 6:06 pm

The code, It's in the CSS Style Sheet.
avatar
tommycoo
Member
Member
Forum Posts : 11
Member Since : 2011-12-15
View user profile

Posttommycoo on 17/12/2011, 6:15 pm

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
avatar
HyperActive
Banned
Banned
Forum Posts : 42
Member Since : 2011-12-16
View user profile

PostHyperActive on 17/12/2011, 6:17 pm

Oh, i don't really know, sorry....
avatar
Coddy
Member
Member
Forum Posts : 45
Member Since : 2011-11-21
View user profile

PostCoddy on 19/12/2011, 10:45 am

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;
}
avatar
BlackNite
Premium Member
Premium Member
Forum Posts : 55
Member Since : 2011-11-28
View user profile http://gfxtutorials.netboarder.com/

PostBlackNite on 26/12/2011, 11:02 pm

it only works for phpBB2 and punBB
avatar
Legendrock7
Member
Member
Forum Posts : 15
Member Since : 2011-12-31
View user profile http://www.reality-pkz.com

PostLegendrock7 on 31/12/2011, 12:24 pm

So wait, im confused, is this compatible with Phpbb2?
avatar
Mike
Administrator
Forum Posts : 446
Member Since : 2011-10-28
View user profile http://www.codinghelp.org

PostMike on 31/12/2011, 2:00 pm

avatar
Matti_7
CSS Expert
CSS Expert
Forum Posts : 35
Member Since : 2011-11-25
View user profile

PostMatti_7 on 31/12/2011, 2:01 pm

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

No, but you can make it like that for phpBB2 Very Happy
avatar
Cody
Member
Member
Forum Posts : 43
Member Since : 2011-11-13
View user profile

PostCody on 3/1/2012, 3:49 pm

This is certainly past solved, lol.

Marked Solved & Locked
Sponsored content

PostSponsored content

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

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