Jquery/ Ego-one tutorials

Hi, i have been using foruomtion for 3 years now, and i now the website very well. Every simple task or command i can handle with ease, saying that I'm a little confused with jquery. I have been to jquery.com iand i now i have to download scripts and reupload for my site and link to it's location to use that kind of jquery function. My problem is finding what i want and customizing the css in the templates to what im looking for. I know the best site for this is ego-one.com, but since it's last hacked attacked i have been lost in the tutorials. Not saying i want to copy ego-ones site, but i want mine to have some of it's features, and look nice. My site will only have at tops 500 members if it doesn't get hacked . Anyways im wondering how to get an image rollover like ego-one has on it's 4in1 categories. Im also looking for the css/jquery for the info/who's online box to have the tabs and look like ego-one's. Maybe some help with the navigation bar to get it pimpin? Any other great jquery/css tutorials to help improve my forum would be greatly appreciated. Note: good tutorial with code placement in a template would be great, and uploadin the jquery code would be great. ( I have a website file uploader already to go, im just waitin for a friend to help a guy out ) ( ego-one site is fully copyrighted to them and i have no intentions of "copying" there site, i am an avid forumotion creator with a keen eye always looking to improve his forums with some tutorials on the web)

For the 4in1 hover give the TD tag a CLASS
e.g:

Code:


<td class="hover">
ICON + Content Here
</td>


and put this in your CSS:

Code:


.hover:hover {background-repeat:no-repeat;
background-image:url(HOVER);
background-position: center;}


thanks, i'll try that out tonight.