Forum Hover Colour On IP. Board

Forum Hover Colour On IP. Board. Hello people of this board. I'm here today to show something that I came across along time ago but haven't seen any tutorials of it on here. Just in case you don't understand what I mean by the title, this is what a forum will look like when you're not hovering over it:

 and this is what it'll look like when you are hovering over it:

------------------------------------------------------------------------------------
First thing you're going want to do is go into your "admin control pannel" (acp/admincp) and then follow this:

• admincp
• look and feel
• your skin
• board index 
• boardIndexTemplate

find:

<table class='ipb_table' summary="{$this->lang->words['forums_in_cat']} '{$_data['cat_data']['name']}'">

replace with:

<table class='ipb_table forumHover' summary="{$this->lang->words['forums_in_cat']} '{$_data['cat_data']['name']}'">

After you've done that, go to:

• admincp
• look and feel
• your skin
• forum view
• forumIndexTemplate

find:

<table class='ipb_table' summary="{$this->lang->words['cat_subforums']} '{$forum_data['name']}'">

replace with:

<table class='ipb_table forumHover' summary="{$this->lang->words['cat_subforums']} '{$forum_data['name']}'">

For the final step, you go in to your css. You do this buy going to:

• admincp
• look and feel
• your skin
• css 
• 
  
• 
• 
  
• ipb_styles.css

scroll all the way to the bottom (past the brace - }) and add the following code:

.forumHover tr:hover td {
	background: #142638;
	border-bottom: 2px solid orangered;
	cursor: pointer;
}

.forumHover tr:hover td,.forumHover tr:hover td *, .forumHover tr:hover td .desc, .forumHover tr:hover td .desc a {
	color: #fff !important;
	color: rgba(255, 255, 255, 0.7) !important;
}

.forumHover tr:hover td a {
	color: #fff !important;
}

If you want to personalise your colour for the box, go to this part of the code which is showed above:

.forumHover tr:hover td {
	background: #142638;
	border-bottom: 2px solid orangered;
	cursor: pointer;
}

and change the "#142638" to what ever colour you like. (NOTE: DO NOT TAKE THE # OR THE ; OUT BECAUSE IT WILL NOT WORK!)


It is Forum Hover Colour On IP. Board, Good luck!

Title: Forum Hover Colour On IP. Board
Posted by:Stuard Van
Published :2013-09-19T10:00:00-07:00
Rating: 5
Reviewer: 5 Reviews
Forum Hover Colour On IP. Board

Share :

Related articles: