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,236
Joined: Aug 2012
Likes Received : 299

Facebook Google Plus Twitter
Nationality: India

Mood: Lazy

Points: 61,284.12Points
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,236
Joined: Aug 2012
Likes Received : 299

Facebook Google Plus Twitter
Nationality: India

Mood: Lazy

Points: 61,284.12Points
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
Information Add Social Links to Your MyBB Forum envira 3 3,765 09-25-2016 03:59 AM
Last Post: smash
  [1.8x] [How] MyBB Reputation Gabbar 0 419 10-29-2015 09:41 AM
Last Post: Gabbar
Smile Some MyBB Useful Codes that you can use in your templates envira 11 7,898 07-07-2015 09:18 AM
Last Post: Unr34lity
  [Request]How to do this effect? LeakBoard 8 2,162 12-16-2014 01:26 PM
Last Post: rida.rwp
  How To Create Free MyBB-Based Forum. Jero 15 3,346 07-20-2014 06:44 PM
Last Post: VetFalco
  Add a snow effect to your forum Dropkaz 5 1,421 06-09-2014 08:00 PM
Last Post: LivingKing
Thumbs Up Style your forum buttons with css : with multiquote working envira 12 5,446 03-04-2014 10:02 PM
Last Post: Tarek Fouad
Heart css3 hover effects a tutorial myskins 10 3,930 02-14-2014 04:18 AM
Last Post: Elvenpath
  Implementing Board Statistics Icons on Index Page effone 3 2,068 01-04-2013 01:17 PM
Last Post: effone
Lightbulb css3 hover effects a tutorial : Part II : Hover an image myskins 0 1,577 08-31-2012 04:10 PM
Last Post: myskins

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.