top



How to add border for Posts & Topics like this

How to add border for Posts & Topics Bor10

Wrap it with a div, give it a class then add the CSS Smile

Like how?

Code:
<div class="forums-info">
the posts & topics here
</div>
Code:
.forums-info{border: 1px solid #333;}

Gangstar15 wrote:
Code:
<div class="forums-info">
the posts & topics here
</div>

Dose that goes to CSS or Templates?

if you want for punbb this is the answer

Code:
      #index_table td{border-left: 0;}

    #forum_box{width: 70%;}

    #m_stats a{color: white !important;}

    #m_stats{
    text-align: center;
    float: right;
    margin-right: 10px;
    min-width: 180px !important;
    color: white;
    padding: 5px;
    background: black;
    font-weight: bold;
    background: black;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;}

    #stats_separator{
    margin-top: 5px;
    float: right;}

    #post_no{color: red;}

    #topics_no{color: blue;} 
add this to your css
and now remove your index_box with this Razz
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" id="index_table">
           
                <tbody class="statused">
      <!-- END tablehead -->

      <!-- BEGIN forumrow -->
                  <tr>
                      <td id="forum_box" 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}>
                       

                        {catrow.forumrow.FORUM_DESC}
                        <!-- BEGIN switch_moderators_links -->
                       

                        {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>
    <table align="right" cellspacing="0" cellpadding="0"> <td valign="top">
    <img id="stats_separator" valign="top" src="http://2img.net/i/fa/punbb/status.png"></td><td><div id="m_stats">
    <span id="post_no">{catrow.forumrow.POSTS}</span> {L_POSTS}
    in
    <span id="topics_no">{catrow.forumrow.TOPICS}</span> {L_TOPICS}


    <br>

    <span>
                        <!-- BEGIN switch_topic_title -->
                        <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a>

                        <!-- END switch_topic_title -->
                        {catrow.forumrow.USER_LAST_POST}
                        </span>

    </div>
    </td> </table>
    </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 -->

Solved?

I think yes thanks guys! Smile

Cool Happy
[solved]