The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Jquery/ Ego-one tutorials

View previous topic View next topic Go down

Jquery/ Ego-one tutorials

Post by Mr-_-Insano on October 19th 2010, 2:32 am

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 Very Happy) ( 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)

Mr-_-Insano
New Member

Posts : 17
Reputation : 0
Language : Englilsh

Back to top Go down

Re: Jquery/ Ego-one tutorials

Post by Guest on October 19th 2010, 3:16 am

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;}

Guest
Guest


Back to top Go down

Re: Jquery/ Ego-one tutorials

Post by Mr-_-Insano on October 19th 2010, 12:58 pm

thanks, i'll try that out tonight.

Mr-_-Insano
New Member

Posts : 17
Reputation : 0
Language : Englilsh

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum