Welcome Guest ! Please   Login or Register


Check out our latest Premium Themes, Majestic , Majestic - Dark and Musk Themes for MyBB 1.8 Click to Shop Now

Now open for Custom Theme requests : Click to Order Now





 
Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Forum Hover Effect on MyBB Index Page

envira Offline
Doctor Web
*******

Posts: 1,245
Joined: Aug 2012
Likes Received : 303

Facebook Google Plus Twitter
Nationality: India

Mood: Lazy

Points: 63,253.44Points
Post: #1
Forum Hover Effect on MyBB Index Page

Hello friends,
I wanted to share this little tip with you guys , which makes a hover effect on the index page for the forums under categories.

Its just a few lines of code and it is pretty basic tut.

1.CSS
You need to add a class to your global.css at bottom , lets call :
.hovi {
background:#fff;
}

Now you need to add the hover code to the class :
.hovi:hover {
background: #EEE;
}

So this combines as

Code:
.hovi {
background:#fff;
}
.hovi:hover {
background: #EEE;
}

Add the code to global.css

2. HTML
Now you need to add the class to html link.
So navigate to templates of your theme > forumbit_depth2_forum template.
Find in the first line of the template
<tr>

add the class you define the hover to it , and it goes like
<tr class="hovi">

Now save the templates and enjoy the hover effect of forums on index.

Thank you
regards

[Image: lt79ucY.png]
10-01-2013 05:17 PM
Find
2
Quote




Fring Offline
Junior Member
**

Posts: 7
Joined: May 2013
Likes Received : 1

Nationality: Italy

Mood: None

Points: 99.71Points
Post: #2
RE: Forum Hover Effect on MyBB Index Page

I never thought of conducting a transaction of this kind. However, I suggest you write the code in this way:

Code:
.hovi {
background:#fff;
}
tr:hover td.hovi {
    background:#EEE;
}
10-20-2013 01:37 AM
Find
0
Quote




envira Offline
Doctor Web
*******

Posts: 1,245
Joined: Aug 2012
Likes Received : 303

Facebook Google Plus Twitter
Nationality: India

Mood: Lazy

Points: 63,253.44Points
Post: #3
RE: Forum Hover Effect on MyBB Index Page

(10-20-2013 01:37 AM)Fring Wrote:  I never thought of conducting a transaction of this kind. However, I suggest you write the code in this way:

Code:
.hovi {
background:#fff;
}
tr:hover td.hovi {
    background:#EEE;
}

Well thanks for the code, but the code i provided actually works better.
regards

[Image: lt79ucY.png]
10-22-2013 04:04 PM
Find
0
Quote




crimsonedge Offline
Junior Member
**

Posts: 6
Joined: Nov 2013
Likes Received : 0

Nationality:

Mood: None

Points: 11.65Points
Post: #4
RE: Forum Hover Effect on MyBB Index Page

Thanks for this going to make mt forum look better!
11-22-2013 12:50 AM
Find
0
Quote




valor Offline
Junior Member
**

Posts: 12
Joined: Aug 2013
Likes Received : 0

Nationality:

Mood: None

Points: 95.96Points
Post: #5
RE: Forum Hover Effect on MyBB Index Page

thanks for the tut also going to use this. Very helpful
12-08-2013 02:57 AM
Find
0
Quote




Silver Knight Offline
Banned

Posts: 28
Joined: Jul 2013

Nationality: India

Mood: Devilish

Points: 509.05Points
Post: #6
RE: Forum Hover Effect on MyBB Index Page

Can you please gimme a demo of that so i can actually get what it refers to
12-09-2013 08:33 PM
Find
0
Quote




Bala Offline
Customer
****

Posts: 41
Joined: Feb 2013
Likes Received : 5

Facebook Google Plus
Nationality:

Mood: Sick

Points: 873.20Points
Post: #7
RE: Forum Hover Effect on MyBB Index Page

IT refers to hover effect on forum tables.
12-09-2013 09:28 PM
Find
0
Quote




VetFalco Offline
Junior Member
**

Posts: 14
Joined: Jul 2014
Likes Received : 0

Nationality: Italy

Mood: None

Points: 6.64Points
Post: #8
RE: Forum Hover Effect on MyBB Index Page

thanks for this tip
07-20-2014 06:49 PM
Find
0
Quote




!!!a Offline
Junior Member
**

Posts: 3
Joined: Aug 2014
Likes Received : 0

Nationality: Egypt

Mood: None

Points: 29.82Points
Post: #9
RE: Forum Hover Effect on MyBB Index Page

wow great thanks!!
08-17-2014 11:59 PM
Find
0
Quote





Possibly Related Threads...
Thread: Author Replies: Views: Last Post
Star Simple jQuery Drop Down Login Form tutorial for MyBB envira 42 7,715 11-29-2016 08:50 PM
Last Post: DmitriyCauct
Information Add Social Links to Your MyBB Forum envira 5 3,993 10-25-2016 01:08 AM
Last Post: Chub
  [1.8x] [How] MyBB Reputation Gabbar 0 463 10-29-2015 09:41 AM
Last Post: Gabbar
Smile Some MyBB Useful Codes that you can use in your templates envira 11 8,224 07-07-2015 09:18 AM
Last Post: Unr34lity
Star [1.8x] MyBB jQuery User Dropdown Menu with Font Icons and jQuery envira 0 1,254 07-07-2015 12:29 AM
Last Post: envira
  [Request]How to do this effect? LeakBoard 8 2,254 12-16-2014 01:26 PM
Last Post: rida.rwp
Heart Global Tool Tips with Jquery for Mybb myskins 6 4,386 09-06-2014 07:42 PM
Last Post: Yorne
Smile Multiple Colored Category Headings/ Thead MyBB envira 9 4,520 07-20-2014 06:47 PM
Last Post: VetFalco
  How To Create Free MyBB-Based Forum. Jero 15 3,462 07-20-2014 06:44 PM
Last Post: VetFalco
Smile Tutorial to make 4 column footer for MyBB envira 9 5,218 07-20-2014 06:43 PM
Last Post: VetFalco

Forum Jump:


User(s) browsing this thread: 1 Guest(s)

About Myskins

MySkins Studio is MyBB Themes Resource Website.

At MySkins Studio, We procreate MyBB Themes both custom MyBB Themes and premium Mybb Themes.We believe in quality and assure you the best MyBB themes at a very reasonable price , that suits your taste.

Feel free to drop in a request and get a quote.