Topic rows and header customization

1) how do you customize the topic rows for normal and then a hover effect?

2) Is there anyway to seperate the forum topics and categories like this:


3) How do I remove the light blue border around everything on my forum? How do I remove the white border around my topic header.

4) How do I change the page post background, the widget background and the topic row backgrounds and make them all separate backgrounds?

5) How do I change the border color for the topic rows, without making additional borders for widgets?

Bump

Hi!

In image I see category, you want it for topics customization or for categories? )

both I guess.

And all this for phpBB2 version?

Yes all my questions are for phpBB2

1. I'm not sure what you certain meant, so I will ask you again there.

2. Edit your index_box template. Find:

Code:

      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
   </tr>

and replace with:

Code:

      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
   </tr>
<tr class="cat-separator"></tr>

Find:

Code:

<!-- BEGIN catrow -->

and replace with:

Code:

<div class="index-box"><!-- BEGIN catrow -->

Then this:

Code:

<!-- END catrow -->

and replace by:

Code:

<!-- END catrow --></div>

Save then publish template.

Add to CSS Stylesheet:

Code:

.index-box .forumline tr td.row1{
  -webkit-border-top-left-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.index-box .forumline tr td.row3.over{
  -webkit-border-top-right-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomright: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.index-box .forumline tr td.row1.over{
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}

.index-box .forumline .cat-separator{
  height: 3px;
}

3. Add to CSS Stylesheet:

Code:

.forumline{
border: 0px !important;
}

Or:

Code:

.bodyline{
border: 0px !important;
}

4. Since you added .index-box selector to all index_box template we can use it in 4th point. Add to CSS Stylesheet:

Code:

.index-box .forumline .row1{
background-image: url(BG_IMAGE);
}

.index-box .forumline .row1.over{
background-image: url(BG_IMAGE);
}

.index-box .forumline .row3{
background-image: url(BG_IMAGE);
}

.index-box .forumline .row2{
background-image: url(BG_IMAGE);
}

.index-box .forumline .row3.over{
background-image: url(BG_IMAGE);
}

This is for rows customization.

For posts customization add:

Code:

.post td[width="150"]{
background-image: url(BG_IMAGE);
}

.post td[width="100%"]{
background-image: url(BG_IMAGE);
}

#3) Borders are still there. Even when I tried both and one at a time.

How do I make the forum topics rows bg color the same way as the categories rows bg color?

How do I make the topics and category rows text color black

XDirect12345 wrote:#3) Borders are still there. Even when I tried both and one at a time.

How do I make the forum topics rows bg color the same way as the categories rows bg color?

How do I make the topics and category rows text color black

Bump, you may have to look back at the first post if you need help.

Bump

Anyone know how I can remove the light blue border around my posts, topics, and tables?

Its even around my FAQ page: http://xdirect12345.forumotion.com/faq

Borders are tooken care of.

How do I make the forum topics rows bg color the same way as the categories rows bg color?

How do I make the topics and category rows text color black

XDirect12345 wrote:Borders are tooken care of.

How do I make the forum topics rows bg color the same way as the categories rows bg color?

How do I make the topics and category rows text color black

Bump, anyone willing to help?

bump

bump

This can be locked now.