MyBB Community Forums

Original topic here : http://myskins.org/Thread-Forum-Hover-Ef...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

.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

Thanks, looks good on my test forum.

Does this work on 1.8? I followed the steps, but I don't see the hover effect unfortunately.

I haven't tried this, but it seems like this CSS might be a bit more effective:

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

(2016-07-22, 02:26 AM)Kioshi Wrote: [ -> ]Does this work on 1.8? I followed the steps, but I don't see the hover effect unfortunately.

Won't be visible if you are using a dark theme. Change the colours in the CSS in that case.

(2016-07-22, 01:13 PM)Eric J. Wrote: [ -> ]I haven't tried this, but it seems like this CSS might be a bit more effective:

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

Yeah this worked, thanks a ton!

looks interesting. is there a demo?

(2016-07-24, 03:34 PM)terzier Wrote: [ -> ]looks interesting. is there a demo?

Made a demo, since i tried this yesterday: https://i.gyazo.com/191895d278cfa33ceb6b...04d602.gif