MyBB Community Forums

Thead collapse image effect
Im this tutorial you will learn how to add a hover effect to the Thead collapse buttons (This is seen alot on premium/custom themes)

First go to global.css and find the code:

.expcolimage {
	float: right;
	width: auto;
	vertical-align: middle;
	margin-top: 3px;
}

Now replace that with:

.expcolimage {
	width: auto;
	float: right;
	vertical-align: middle;
	margin-top: 0px;
}
.thead .expcolimage img {
	opacity: 0;
	-o-transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}
.thead:hover .expcolimage img {
	opacity: 1;
}

Then save global.css and you are done.

Demo: http://icypromotion.com (Scroll over the thead)

-Xige Time.

Though the tutorial is not yours but still appreciated for sharing.

not work for me

(2012-10-09, 09:36 PM)yusril Wrote: [ -> ]not work for me

What browser you using, also which version?

(2012-10-09, 03:10 PM)effone Wrote: [ -> ]Though the tutorial is not yours but still appreciated for sharing.

Yes it is mine.