QuickTab
Mod Version: 1.00, by M-Tuning
This modification is in the archives.
| vB Version: 3.7.x | Rating:  (4 votes - 4.75 average) |
Installs: 40 |
| Released: 29 May 2008 | Last Update: Never | Downloads: 145 |
 Not Supported
 Template Edits
Additional Files
|
||
Info:
I wanted a nice dropdown menu with a login form and if you have logged in there are QuickLinks.
I used http://www.mootools.net/ for it, works really good.
All texts are phrased, so when you install it it's in the language of your board.
Just download and install if you like it
Demo:
Here's a demo for you of how it works: http://www.psp-media.nl/demo/demo.htm
Installation:
1. Download &stc=1&d=1212052802 and upload the tab file in your forum directory.
2. In the headinclude template find
And add below:
3. After that add on top of the header template:
To change the tab text:
Go to /tab/tabset.js to change the Open Menu > Close Menu text.
All other texts are vBulletin phrases.
To change the color of the tab:
Change fx-tab.png with photoshop or a similar program that handles transparent png's to the color you want.
After you've done that you have to change the following:
Find in tab.css:
And change #3e5a7d to the colorcode you want the tab to be.
Alternate QuickTab:
You can find an alternative layout here
Versions:
v1.0 - May 29. 2008.
-First release
Please click INSTALL if you like this hack.
I wanted a nice dropdown menu with a login form and if you have logged in there are QuickLinks.
I used http://www.mootools.net/ for it, works really good.
All texts are phrased, so when you install it it's in the language of your board.
Just download and install if you like it
Demo:
Here's a demo for you of how it works: http://www.psp-media.nl/demo/demo.htm
Installation:
1. Download &stc=1&d=1212052802 and upload the tab file in your forum directory.
2. In the headinclude template find
Code:
<!-- / CSS Stylesheet -->
Code:
<link href="tab/tabstyle.css" rel="stylesheet" type="text/css" /> <link href="tab/tab.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="tab/mootools.v1.00.js"></script> <script type="text/javascript" src="tab/tabset.js"></script>
Code:
<if condition="$bbuserinfo['usergroupid'] != 1">
<div id="fxContainer">
<div id="fxTarget">
<div id="fxPadding" class="wrapper">
<div class="moduletable">
<h3>$vbphrase[quick_links]:</h3>
<form>
<div class="loginelement">
<a href="usercp.php">$vbphrase[user_cp]</a> </div>
<div class="loginelement">
<a href="search.php?do=getnew">$vbphrase[new_posts]</a>
</div>
<div class="loginelement">
<a href="search.php">$vbphrase[advanced_search]</a>
</div>
<div class="loginelement">
<a href="forumdisplay.php?do=markread">$vbphrase[mark_forums_read]</a>
</div>
<div class="loginelement">
<a href="login.php?$session[sessionurl]do=logout&logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')">
$vbphrase[log_out]</a> </div>
</form>
</div>
</div>
</div>
<div id="fxShadow">
</div>
<div id="fxTab">
<span id="fxTrigger"> </span> </div>
</div>
<else />
<div id="fxContainer">
<div id="fxTarget">
<div id="fxPadding" class="wrapper">
<div class="moduletable">
<form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">
<input type="hidden" name="do" value="login" />
<input type="hidden" name="url" value="/" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
<input type="hidden" name="s" value="$session[sessionhash]" />
$vbphrase[username]<label>:<input name="vb_login_username" type="text" id="login" tabindex="1" class="bginput" accesskey="u" /></label>
$vbphrase[password]<label>:<input name="vb_login_password" type="password" id="password" tabindex="1" class="bginput" /></label>
<label>$vbphrase[remember_me]<input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser" tabindex="1" /></label>
<input name="submit" type="submit" id="submit" tabindex="1" value="$vbphrase[log_in]" accesskey="s" class="button" />
</form>
</div>
</div>
</div>
<div id="fxShadow">
</div>
<div id="fxTab">
<span id="fxTrigger"> </span> </div>
</div>
</if>
Go to /tab/tabset.js to change the Open Menu > Close Menu text.
All other texts are vBulletin phrases.
To change the color of the tab:
Change fx-tab.png with photoshop or a similar program that handles transparent png's to the color you want.
After you've done that you have to change the following:
Find in tab.css:
Code:
#fxTarget {
background: #3e5a7d;
Alternate QuickTab:
You can find an alternative layout here
Spoiler (click to open)
Here's an alternate QuickTab layout:
Use this code instead of the code in step 3.
3. After that add on top of the header template:
This code has been altered by Julrou.
You can see al real life demo on his site: http://www.informatiquefacile.eu/forums
Use this code instead of the code in step 3.
3. After that add on top of the header template:
Code:
<if condition="$bbuserinfo['usergroupid'] != 1">
<div id="fxContainer">
<div id="fxTarget">
<div id="fxPadding" class="wrapper">
<div class="moduletable">
<table cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px">
<tr align="center">
<td>
<a href="usercp.php">$vbphrase[user_cp]</a>
</td>
<td id="pmmenu">
<a href="$show[nojs_link]#pmmenu" accesskey="3">$vbphrase[private_messages]</a>
<script type="text/javascript"> vbmenu_register("pmmenu"); </script>
</td>
<td id="myprofile">
<a href="$show[nojs_link]#myprofile" accesskey="3">$vbphrase[my_profile]</a>
<script type="text/javascript"> vbmenu_register("myprofile"); </script>
</td>
<td id="mynetwork">
<a href="$show[nojs_link]#mynetwork" accesskey="3">$vbphrase[networking]</a>
<script type="text/javascript"> vbmenu_register("mynetwork"); </script>
</td>
<td>
<a href="forumdisplay.php?do=markread">$vbphrase[mark_forums_read]</a>
</td>
<td>
<a href="login.php?$session[sessionurl]do=logout&logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')">$vbphrase[log_out]</a>
</td>
</tr>
</table>
</div>
</div>
</div>
<div id="fxShadow">
</div>
<div id="fxTab">
<span id="fxTrigger"> </span>
</div>
</div>
<else />
<div id="fxContainer">
<div id="fxTarget">
<div id="fxPadding" class="wrapper">
<div class="moduletable">
<table align="center" cellpadding="6" cellspacing="1" border="0">
<tr>
<td valign="top" align="left" style="border:0px;" width="50%">
<div class="loginelement">
<a href="register.php">$vbphrase[register]</a>
</div>
</td>
<td valign="top" align="left" style="border:0px;" width="50%">
<div class="loginelement">
<a href="/">Homepage</a>
</div>
</td>
</tr>
</table>
</div>
</div>
</div>
<div id="fxShadow">
</div>
<div id="fxTab">
<span id="fxTrigger"> </span>
</div>
</div>
</if>
<!-- pm menu -->
<div class="vbmenu_popup" id="pmmenu_menu" style="display:none" align="$stylevar[center]">
<table cellpadding="4" cellspacing="1" border="0">
<if condition="$show['pmmainlink']">
<tr>
<td class="vbmenu_option">
<a href="private.php$session[sessionurl_q]" rel="nofollow">$vbphrase[inbox]</a>
</td>
</tr>
</if>
<tr>
<td class="vbmenu_option">
<a href="private.php?&pp=&folderid=-1">$vbphrase[sent_items]</a>
</td>
</tr>
<tr>
<td class="vbmenu_option">
<a href="private.php?do=newpm">$vbphrase[post_new_private_message]</a>
</td>
</tr>
<tr>
<td class="vbmenu_option">
<a href="private.php?do=editfolders">$vbphrase[your_folders]</a>
</td>
</tr>
</table>
</div>
<!-- /pm menu -->
<!-- my profile menu -->
<div class="vbmenu_popup" id="myprofile_menu" style="display:none" align="$stylevar[center]">
<table cellpadding="4" cellspacing="1" border="0">
<tr>
<td class="vbmenu_option">
<a href="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[your_profile]</a>
</td>
</tr>
<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>
<tr>
<td class="vbmenu_option">
<a href="profile.php?$session[sessionurl]do=customize">$vbphrase[customize_profile]</a>
</td>
</tr>
<if condition="$show['profilepiclink']">
<tr>
<td class="vbmenu_option">
<a href="profile.php?$session[sessionurl]do=editprofilepic">$vbphrase[edit_profile_picture]</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>
<if condition="$show['siglink']">
<tr>
<td class="vbmenu_option">
<a profile.php?$session[sessionurl]do=editsignature">$vbphrase[edit_signature]</a>
</td>
</tr>
</if>
<tr>
<td class="vbmenu_option">
<a href="profile.php?$session[sessionurl]do=editpassword">$vbphrase[edit_email_and_password]</a>
</td>
</tr>
</table>
</div>
<!-- /my profile menu -->
<!-- my network menu -->
<div class="vbmenu_popup" id="mynetwork_menu" style="display:none" align="$stylevar[center]">
<table cellpadding="4" cellspacing="1" border="0">
<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>
<tr>
<td class="vbmenu_option">
<a href="group.php$session[sessionurl_q]">$vbphrase[social_groups]</a>
</td>
</tr>
<if condition="$show['publicgroups']">
<tr>
<td class="vbmenu_option">
<a href="profile.php?$session[sessionurl]do=editusergroups">$vbphrase[group_memberships]</a>
</td>
</tr>
</if>
<tr>
<td class="vbmenu_option">
<a href="album.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[pictures_and_albums]</a>
</td>
</tr>
<tr>
<td class="vbmenu_option">
<a href="album.php?$session[sessionurl]do=addalbum">$vbphrase[add_album]</a>
</td>
</tr>
</table>
</div>
<!-- /my network menu -->
You can see al real life demo on his site: http://www.informatiquefacile.eu/forums
Close
Versions:
v1.0 - May 29. 2008.
-First release
Please click INSTALL if you like this hack.
Download
This modification is archived, downloads are still allowed.
QuickTab.zip (15.6 KB, 159 downloads)
Screenshots
