Miscellaneous Hacks - jQt Suite (jQuery Tools Tooltips & Overlays)

The jQt Suite (jQuery Tools) will add jQuery Tools tooltips and overlays to a areas of your forums.

Updated to Version 2.0
1. Re-written Styling (CSS)
2. Added Tooltips to the Forumdisplay (Descriptions)
3. Added a new (minimalist) theme for it.
4. Re-designed the original themes.
5. Far more compatible
6. Far easier to install/configure.

Tooltips are added to:
Threadbits (Forum Home)
Forumdisplay (Descriptions)
Postbit & Postbit Legacy Avatar (see instructions)
vBAdvanced Recent Threads Module

Overlay's are added to:
Log In and Register Dialogue (Fully functional, with Human Verify and D.O.B. included)
Mark Forums Read
Log Out

DEMO: Visit here for a demo

The Version for vB 4.1.3 is HERE

I have included three (3) styles. The styling can be adapted/altered very easily from the included CSS files.

The Registration component is based heavily on the mod by ry215 'QuickRegister'

This product will currently NOT work with [DBTech] Profile Hover v1.x

In it's simplist form it is very easy to install.
Full installation instructions are included in the zip file.

Installation Instructions:
1. Upload the two folders, 'jqt_suite' and 'img' to your website root.
2. Import the product
3. Perform the small template edits in your 'navbar' template (the edits are found in the 'Main Instructions' which are in the 'Docs' folder of the zip file.)
4. Go to your AdminCP/vBulletin Options/jQuery Suite and configure from there.

I only visit here once a week, so if you're looking for support, please please be patient. Thankyou

To update the installation you need to uninstall the old jQt Suite first I'm afraid.
Then just upload the updated files (overwriting the original ones) and install the new product.

A couple of you have asked me to include the 'Additional Profile Field'.
I experimented with this for almost three days and have come to the conclusion that there are too many variables (how many do I add/adaptation of styling) for it to be possible, There is only so much room on the screen, where do I draw the line.
This won't happen I'm afraid. Sorry.

[gothicuser]

Originally Posted by A.Chakery

I have only 1 additional java script call file in my headinclude (except the vb js files) , here it is :
vetarena.com/clientscript/gradualfader.js

When I do a firebug I see:

<script type="text/javascript" async="" src="http://www.google-analytics.com/ga.js">
<script src="http://js2.vetarena.net/yui/yahoo-dom-event/yahoo-dom-event.js?v=387" type="text/javascript">
<script src="http://js2.vetarena.net/yui/connection/connection-min.js?v=387" type="text/javascript">
<script type="text/javascript">
<script src="http://js2.vetarena.net/vbulletin_global.js?v=387" type="text/javascript">
<script src="http://js2.vetarena.net/vbulletin_menu.js?v=387" type="text/javascript">
<script src="http://jquery.vetarena.net/1.3.2/jquery.min.js" type="text/javascript">
<script src="http://yui.vetarena.net/1.5.3/jquery-ui.min.js" type="text/javascript">
<script src="http://js2.vetarena.net/gradualfader.js" type="text/javascript">

and that shows on all pages

Originally Posted by A.Chakery

is it possible to insert the call for js files manually in headinclude ?
thanks

That is what I was going to get round to telling you.
How much of the mod do you want to use? I can generate a 'mini' version for you maybe.

[A.Chakery]

yes for sure.... it would great ...

I only wanna use this mod for my members and I need the Tooltip in Threadbit, postbit and log out .

It's really kind of you.

thank you very much

[A.Chakery]

and about this :

<script type="text/javascript" async="" src="http://www.google-analytics.com/ga.js">
<script src="http://js2.vetarena.net/yui/yahoo-dom-event/yahoo-dom-event.js?v=387" type="text/javascript">
<script src="http://js2.vetarena.net/yui/connection/connection-min.js?v=387" type="text/javascript">
<script type="text/javascript">
<script src="http://js2.vetarena.net/vbulletin_global.js?v=387" type="text/javascript">
<script src="http://js2.vetarena.net/vbulletin_menu.js?v=387" type="text/javascript">
<script src="http://jquery.vetarena.net/1.3.2/jquery.min.js" type="text/javascript">
<script src="http://yui.vetarena.net/1.5.3/jquery-ui.min.js" type="text/javascript">
<script src="http://js2.vetarena.net/gradualfader.js" type="text/javascript">

all of these items ( except the last line) are related to vbulletin ... but I have hard codded them to be served via my CDN, thats why they looks like js2.vetarena.net , and such.