Info:
I wanted a nice dropdown menu with a login form and if you have logged in there are QuickLinks.
I used mootools 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: Demo here
Installation:
1. Download QuickTab.zip and upload the tab file in your forum directory.
2. In the headinclude template find
Code:
Code:
<!-- / CSS Stylesheet -->
And add below:
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>
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">
<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>
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:
Code:
#fxTarget {
background: #3e5a7d;
And change #3e5a7d to the colorcode you want the tab to be.
