The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Topic rows and header customization

Go down

Solved Topic rows and header customization

Post by XDirect12345 on April 10th 2012, 7:23 pm

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?


Last edited by XDirect12345 on April 26th 2012, 4:49 pm; edited 2 times in total
avatar
XDirect12345
Forumember

Male Posts : 361
Reputation : 3
Language : English

http://xdirect12345.forummotion.com

Back to top Go down

Solved Re: Topic rows and header customization

Post by XDirect12345 on April 12th 2012, 8:09 pm

Bump
avatar
XDirect12345
Forumember

Male Posts : 361
Reputation : 3
Language : English

http://xdirect12345.forummotion.com

Back to top Go down

Solved Re: Topic rows and header customization

Post by Guest on April 12th 2012, 8:20 pm

Hi!

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

Guest
Guest


Back to top Go down

Solved Re: Topic rows and header customization

Post by XDirect12345 on April 12th 2012, 8:32 pm

both I guess.
avatar
XDirect12345
Forumember

Male Posts : 361
Reputation : 3
Language : English

http://xdirect12345.forummotion.com

Back to top Go down

Solved Re: Topic rows and header customization

Post by Guest on April 12th 2012, 8:57 pm

And all this for phpBB2 version?

Guest
Guest


Back to top Go down

Solved Re: Topic rows and header customization

Post by XDirect12345 on April 12th 2012, 9:04 pm

Yes all my questions are for phpBB2
avatar
XDirect12345
Forumember

Male Posts : 361
Reputation : 3
Language : English

http://xdirect12345.forummotion.com

Back to top Go down

Solved Re: Topic rows and header customization

Post by Guest on April 13th 2012, 1:17 pm

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

Guest
Guest


Back to top Go down

Solved Re: Topic rows and header customization

Post by XDirect12345 on April 13th 2012, 8:04 pm

#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
avatar
XDirect12345
Forumember

Male Posts : 361
Reputation : 3
Language : English

http://xdirect12345.forummotion.com

Back to top Go down

Solved Re: Topic rows and header customization

Post by XDirect12345 on April 14th 2012, 11:33 pm

@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.
avatar
XDirect12345
Forumember

Male Posts : 361
Reputation : 3
Language : English

http://xdirect12345.forummotion.com

Back to top Go down

Solved Re: Topic rows and header customization

Post by XDirect12345 on April 16th 2012, 9:16 pm

Bump
avatar
XDirect12345
Forumember

Male Posts : 361
Reputation : 3
Language : English

http://xdirect12345.forummotion.com

Back to top Go down

Solved Re: Topic rows and header customization

Post by XDirect12345 on April 17th 2012, 10:23 pm

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
avatar
XDirect12345
Forumember

Male Posts : 361
Reputation : 3
Language : English

http://xdirect12345.forummotion.com

Back to top Go down

Solved Re: Topic rows and header customization

Post by XDirect12345 on April 20th 2012, 6:24 pm

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
avatar
XDirect12345
Forumember

Male Posts : 361
Reputation : 3
Language : English

http://xdirect12345.forummotion.com

Back to top Go down

Solved Re: Topic rows and header customization

Post by XDirect12345 on April 23rd 2012, 6:47 pm

@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?
avatar
XDirect12345
Forumember

Male Posts : 361
Reputation : 3
Language : English

http://xdirect12345.forummotion.com

Back to top Go down

Solved Re: Topic rows and header customization

Post by XDirect12345 on April 24th 2012, 6:46 pm

bump
avatar
XDirect12345
Forumember

Male Posts : 361
Reputation : 3
Language : English

http://xdirect12345.forummotion.com

Back to top Go down

Solved Re: Topic rows and header customization

Post by XDirect12345 on April 25th 2012, 11:42 pm

bump
avatar
XDirect12345
Forumember

Male Posts : 361
Reputation : 3
Language : English

http://xdirect12345.forummotion.com

Back to top Go down

Solved Re: Topic rows and header customization

Post by XDirect12345 on April 26th 2012, 4:46 pm

This can be locked now.
avatar
XDirect12345
Forumember

Male Posts : 361
Reputation : 3
Language : English

http://xdirect12345.forummotion.com

Back to top Go down

Solved Re: Topic rows and header customization

Post by Jophy on April 26th 2012, 5:47 pm

Locked as requested.
avatar
Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

Back to top


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