Home » IP.Board Tutorials » Forum Hover Colour On IP. Board

Thursday, September 19, 2013

Forum Hover Colour On IP. Board

10:00 AM  

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:


Forum Hover Colour On IP. Board

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

Forum Hover Colour On IP. Board


------------------------------------------------------------------------------------
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 

  • Forum Hover Colour On IP. Board

  • 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!

thumbnail 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:

0 comments :

Post a Comment

Subscribe to: Post Comments ( Atom )