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 jimsflies

I need to resolve is making the overlay itself scroll. I'm assuming this is somewhere in the css file?

In the 'style.css' file, look for

PHP Code:

.description {
    background:transparent;
      font-size:11px;
      padding:10px 10px;
} 


change it to

PHP Code:

.description {
    background:transparent;
    overflow:scroll;
      font-size:11px;
      padding:10px 10px;
} 


That should make the registration scrollable.

[jimsflies]

Thanks for the quick reply. Unfortunately that still didn't work. It did make it scrollable in the x direction, but not "y". I set it to

overflow-y:scroll;
overflow-x:hidden;

but still didn't have any luck in the y-direction.

[gothicuser]

Originally Posted by jimsflies

Thanks for the quick reply. Unfortunately that still didn't work. It did make it scrollable in the x direction, but not "y". I set it to

overflow-y:scroll;
overflow-x:hidden;

but still didn't have any luck in the y-direction.

If you don't have an issue with width you could mess with the widths set in style.css, line 45 (under '#sheet {') I set a 'max-width' which can be adjusted, and I hard coded a table/row width in the 'jqt_suite_logreg' template, look for

PHP Code:

<div class="description">
               <table width="700px" align="center">
<tbody> 


With regards to the overflow, I just seen on the CSS pages in Stackoverflow the following:
overflow-x: auto;
overflow-y: auto;
Try it

[abosaleh]

thanks very much

[paul41598]

I can't get this to work because my navbar isn't used...I use a navbar in my header...so all the code in the product is wrong for me cuz it references navbar cache, etc... hmm

[gothicuser]

Originally Posted by paul41598

I can't get this to work because my navbar isn't used...I use a navbar in my header...so all the code in the product is wrong for me cuz it references navbar cache, etc... hmm

I will send or post manual installation instructions (bit long winded I'm afraid) which will enable you to install to header as opposed to navbar.
It will have to be over the weekend I'm afraid, or if time is too tight, early next week. Hope thats alright?

[gothicuser]

Just updated to Version 2.0.
New bits, easier install/configuration, new theme(s) and more compatible.

[A.Chakery]

thank you for this great mod,

but I have a big issue with my style,

this mod is working great in default vb style but it does not work in my customized style at all.

do you have any idea on how to sort it out ?

thank you

[gothicuser]

Originally Posted by A.Chakery

thank you for this great mod,
but I have a big issue with my style,
this mod is working great in default vb style but it does not work in my customized style at all.
do you have any idea on how to sort it out ?
thank you

Oops.. almost forgotten about this one.
I'll have to download it and see how it works. In the meantime, is it the whole thing that isn't working properly in the customised style, or only certain parts?

[A.Chakery]

thanks for the reply,

well I believe its the whole thing .. for example I enabled the threadbit feature and postbit .. but no one is working ...