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

View previous topic View next topic 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

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

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.

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

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

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.

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

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

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

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?

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

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

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.

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.

Jophy
ForumGuru

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

Back to top Go down

View previous topic View next topic Back to top


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