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.

[cuco2000]

I can not make me work on my forum, I think it is problem of my navbar template

I would only use the registry and Logout

I share my navbar template (I have many changes on my site):

PHP Code:

<br />
<if condition="THIS_SCRIPT != 'index'">
<!-- breadcrumb, login, pm info -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
    <td class="alt1" width="100%">
        <if condition="is_array($navbits)">
            <table cellpadding="0" cellspacing="0" border="0">
            <tr valign="bottom">
                <td><a href="#" onclick="history.back(1); return false;"><img src="$stylevar[imgdir_misc]/navbits_start.gif" alt="$vbphrase[go_back]" border="0" /></a></td>
                <td>&nbsp;</td>
                <td width="100%"><span class="navbar"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1">$vboptions[bbtitle]</a></span> $navbits[breadcrumb]</td>
            </tr>
            <tr>
                <td class="navbar" style="font-size:10pt; padding-top:1px" colspan="3"><if condition="$_SERVER['REQUEST_METHOD'] == 'POST'"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink_$stylevar[textdirection].gif" alt="" border="0" /><else /><a href="$navbar_reloadurl"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink_$stylevar[textdirection].gif" alt="$vbphrase[reload_this_page]" border="0" /></a></if> <strong>$navbits[lastelement]</strong></td>
            </tr>
            </table>
        <else />
            <div class="navbar" style="font-size:10pt"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_start.gif" alt="" border="0" /></a> <strong>$vboptions[bbtitle]</strong></div>
        </if>
    </td>
</tr>
</table>
<!-- / breadcrumb, login, pm info -->

<if condition="$show['popups']">
<!-- NAVBAR POPUP MENUS -->

    <if condition="$show['communitylink']">
    <!-- community link menu -->
    <div class="vbmenu_popup" id="community_menu" style="display:none;margin-top:3px" align="$stylevar[left]">
        <table cellpadding="4" cellspacing="1" border="0">
        <tr><td class="thead">$vbphrase[community_links]</td></tr>
        $template_hook[navbar_community_menu_start]
        <if condition="$show['quick_links_groups']">
                    <tr><td class="vbmenu_option"><a href="group.php$session[sessionurl_q]">$vbphrase[social_groups]</a></td></tr>
        </if>
        <if condition="$show['quick_links_albums']">
                    <tr><td class="vbmenu_option"><a href="album.php$session[sessionurl_q]">$vbphrase[pictures_and_albums]</a></td></tr>
        </if>
        <if condition="$bbuserinfo['userid']">
            <tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=buddylist"><if condition="$show['friends_and_contacts']">$vbphrase[contacts_and_friends]<else />$vbphrase[contacts]</if></a></td></tr>
        </if>
        <if condition="$show['memberslist']">
            <tr><td class="vbmenu_option"><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></td></tr>
        </if>
        $template_hook[navbar_community_menu_end]
        </table>
    </div>
    <!-- / community link menu -->
    </if>
    
    <if condition="$show['searchbuttons']">
    <!-- header quick search form -->
    <div class="vbmenu_popup" id="navbar_search_menu" style="display:none;margin-top:3px" align="$stylevar[left]">
        <table cellpadding="4" cellspacing="1" border="0">
        <tr>
            <td class="thead">$vbphrase[search_forums]</td>
        </tr>
        <tr>
            <td class="vbmenu_option" title="nohilite">
                <form action="search.php?do=process" method="post">

                    <input type="hidden" name="do" value="process" />
                    <input type="hidden" name="quicksearch" value="1" />
                    <input type="hidden" name="childforums" value="1" />
                    <input type="hidden" name="exactname" value="1" />
                    <input type="hidden" name="s" value="$session[sessionhash]" />
                    <input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
                    <div><input type="text" class="bginput" name="query" size="25" tabindex="1001" /><input type="submit" class="button" value="$vbphrase[go]" tabindex="1004" /></div>
                    <div style="margin-top:$stylevar[cellpadding]px">
                        <label for="rb_nb_sp0"><input type="radio" name="showposts" value="0" id="rb_nb_sp0" tabindex="1002" checked="checked" />$vbphrase[show_threads]</label>
                        &nbsp;
                        <label for="rb_nb_sp1"><input type="radio" name="showposts" value="1" id="rb_nb_sp1" tabindex="1003" />$vbphrase[show_posts]</label>
                    </div>
                </form>
            </td>
        </tr>
        <if condition="$vboptions[threadtagging]">
        <tr>
            <td class="vbmenu_option"><a href="tags.php$session[sessionurl_q]" rel="nofollow">$vbphrase[tag_search]</a></td>
        </tr>
        </if>
        <tr>
            <td class="vbmenu_option"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">$vbphrase[advanced_search]</a></td>
        </tr>
        $template_hook[navbar_search_menu]
        </table>
    </div>
    <!-- / header quick search form -->
    </if>
    
    <if condition="$show['member']">
    <!-- user cp tools menu -->
    <div class="vbmenu_popup" id="usercptools_menu" style="display:none;margin-top:3px" align="$stylevar[left]">
        <table cellpadding="4" cellspacing="1" border="0">

        <tr><td class="thead">$vbphrase[quick_links]</td></tr>
        <if condition="$vboptions['enablesearches']"><tr><td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=getdaily">$vbphrase[todays_posts]</a></td></tr></if>
        <tr><td class="vbmenu_option"><a href="forumdisplay.php?$session[sessionurl]do=markread">$vbphrase[mark_forums_read]</a></td></tr>
        <tr><td class="vbmenu_option"><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&amp;focus=1','buddylist','statusbar=no,menubar=no,toolbar=no,scrollbars=yes,resizable=yes,width=250,height=300'); return false;">$vbphrase[open_contacts]</a></td></tr>
        $template_hook[navbar_quick_links_menu_pos1]
        $template_hook[navbar_quick_links_menu_pos2]

        <tr><td class="thead"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_control_panel]</a></td></tr>
        <if condition="$show['siglink']"><tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editsignature">$vbphrase[edit_signature]</a></td></tr></if>
        <!--<if condition="$show['avatarlink']"><tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editavatar">$vbphrase[edit_avatar]</a></td></tr></if>-->
        <tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editprofile">$vbphrase[edit_your_details]</a></td></tr>
        <tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editoptions">$vbphrase[edit_options]</a></td></tr>
        $template_hook[navbar_quick_links_menu_pos3]

        <tr><td class="thead">$vbphrase[miscellaneous]</td></tr>
        <if condition="$show['pmmainlink']"><tr><td class="vbmenu_option"><a href="private.php$session[sessionurl_q]" rel="nofollow">$vbphrase[private_messages]</a></td></tr></if>
        <tr><td class="vbmenu_option"><a href="subscription.php$session[sessionurl_q]" rel="nofollow">$vbphrase[subscribed_threads]</a></td></tr>
        <tr><td class="vbmenu_option"><a href="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[your_profile]</a></td></tr>
        <if condition="$show['wollink']"><tr><td class="vbmenu_option"><a href="online.php$session[sessionurl_q]">$vbphrase[whos_online]</a></td></tr></if>
        $template_hook[navbar_quick_links_menu_pos4]

        </table>
    </div>
    <!-- / user cp tools menu -->

    </if>
<!-- / NAVBAR POPUP MENUS -->

<!-- PAGENAV POPUP -->
    <div class="vbmenu_popup" id="pagenav_menu" style="display:none">
        <table cellpadding="4" cellspacing="1" border="0">
        <tr>
            <td class="thead" nowrap="nowrap">$vbphrase[go_to_page]</td>
        </tr>
        <tr>
            <td class="vbmenu_option" title="nohilite">
            <form action="$vboptions[forumhome].php" method="get" onsubmit="return this.gotopage()" id="pagenav_form">
                <input type="text" class="bginput" id="pagenav_itxt" style="font-size:11px" size="4" />
                <input type="button" class="button" id="pagenav_ibtn" value="$vbphrase[go]" />
            </form>
            </td>
        </tr>
        </table>
    </div>
<!-- / PAGENAV POPUP -->
</if>
</if>
<if condition="$show['member'] AND     $notifications_total">
<!-- notifications menu -->
<div class="vbmenu_popup" id="notifications_menu" style="display:none">
    <table cellpadding="4" cellspacing="1" border="0">
    <tr><td class="thead" colspan="2">$vbphrase[your_notifications]</td></tr>
    $notifications_menubits
    </table>
</div>
<!-- / notifications menu -->
</if>
<!-- $ ad _ location[ ad_navbar_below ] --> 


<a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')">$vbphrase[log_out]</a>

so:

<a href="#" rel="#shuut" id="suu">$vbphrase[log_out]</a>

But it does not work: (

[gothicuser]

Originally Posted by cuco2000

I can not make me work on my forum, I think it is problem of my navbar template
I would only use the registry and Logout

I notice from the navbar template you show that the ad location at the bottom:

PHP Code:

<!-- $ ad _ location[ ad_navbar_below ] --> 


is commented out.
If you need to keep this as it is then you should follow the install instructions, but then manually add:

PHP Code:

$template_hook[navbar_jqt_suite] 


at the very bottom of the navbar template.
Hopefully it will then work.

[gothicuser]

Just a quick note for those hoping this will be converted for vB4:
I have done most of the conversion, BUT it slows the page loading to such a degree that in it's current state it is untennable.
I promise I am trying hard to find time between real-world things (job, familly etc) to code and develop this but it is slow

[cuco2000]

Originally Posted by gothicuser

I notice from the navbar template you show that the ad location at the bottom:

PHP Code:

<!-- $ ad _ location[ ad_navbar_below ] --> 


is commented out.
If you need to keep this as it is then you should follow the install instructions, but then manually add:

PHP Code:

$template_hook[navbar_jqt_suite] 


at the very bottom of the navbar template.
Hopefully it will then work.

Is not working, you need paste here mi header template (that has the menu code) ?

[cuco2000]

Sorry for the Double Post,

I tryed to install in the default template, and i have the same problem...

[gothicuser]

Could you let me have the link to your website please?
(you can PM it to me if you prefer)

[OldSchoolDSL]

Originally Posted by gothicuser

Just a quick note for those hoping this will be converted for vB4:
I have done most of the conversion, BUT it slows the page loading to such a degree that in it's current state it is untennable.
I promise I am trying hard to find time between real-world things (job, familly etc) to code and develop this but it is slow

Completely understand that things in life can set you back. Take care of what you need to first.

But do keep us posted when you can, please

[maxlink]

Hope this mod will work with vb4 soon. By adding this mod, the way for login & registering look professionally.

[jimsflies]

I'm trying to get this working on my site. The registration doesn't include the extra fields portion of the registration process. I noticed on your site, it also wouldn't let me register and kicked me into the normal registration page...and also gave me an error about missing information.

I'm trying to add all the extra stuff to the registration template, however, the issue I need to resolve is making the overlay itself scroll. I'm assuming this is somewhere in the css file?

[cuco2000]

Originally Posted by jimsflies

I'm trying to get this working on my site. The registration doesn't include the extra fields portion of the registration process. I noticed on your site, it also wouldn't let me register and kicked me into the normal registration page...and also gave me an error about missing information.

I'm trying to add all the extra stuff to the registration template, however, the issue I need to resolve is making the overlay itself scroll. I'm assuming this is somewhere in the css file?

You need added manually the fields in the quick_register template.

example:

PHP Code:

<select name="userfield[field6]" id="csel_field6">
                    <option value="-1" selected="selected">Sex?</option>
                    <option value="1">Famale</option>
                    <option value="2">Male</option>
</select> 


You need find de field number in your admincp -> extra fields, and see the numer of your select field

(sorry for my bad english)