Forum Display Enhancements - Login and Password Icons

What does this do?

This modification adds 2 small icons next to your login and password box fields (see screen shot or demo ). This is a code update for previous modification which has become outdated.

Credit

Proof of concept: TheWindows7Site (who inspired this modification)
Author & Developer: Boofo
Beta Tester & Financier: OldSchoolDSL

IMPORTANT Always backup your database before making any modification. Please read all steps carefully.

All template edits will take place in your HEADER template. You will need to download and upload the 2 small image files, before saving the template. You can of course replace these photos with your own, but should keep them the same size.


1. Find:
--------------------------

<input type="text" class="textbox<vb:if condition="!$username"> default-value</vb:if>" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>" />

--------------------------
ABOVE it add:
--------------------------

<img style="position: relative; top: 3px;" src="{vb:stylevar imgdir_siteicons}/username.png" alt="Username" />&nbsp;

--------------------------
2. Find:
--------------------------

<input type="password" class="textbox" tabindex="102" name="vb_login_password" id="navbar_password" size="10" />

--------------------------
ABOVE it add:
--------------------------

<img style="position: relative; top: 3px;" src="{vb:stylevar imgdir_siteicons}/password.png" alt="Password" />

--------------------------
3. Find:
--------------------------

<input type="text" class="textbox default-value" tabindex="102" name="vb_login_password_hint" id="navbar_password_hint" size="10" value="{vb:rawphrase password}" style="display:none;" />

--------------------------
AFTER it add:
--------------------------

&nbsp;<input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103" />

--------------------------
4. Find:
--------------------------

<div id="remember" class="remember">
					<label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103" /> {vb:rawphrase remember_me}</label>
				</div>

------------------------------------------
EITHER remove it or replace it with:
------------------------------------------

<vb:comment>
				<div id="remember" class="remember">
					<label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103" /> {vb:rawphrase remember_me}</label>
				</div>
				</vb:comment>

--------------------------
Please click INSTALL

Done!
Enjoy!


If you're tired of vBulletin you should upgrade to Woltlab Burning Board http://www.woltlab.com

[Rofo]

Very nice, worked as it should. Thanks to both of you.

I too, would very much like having the "Remember Me" words still there. Can't decide if I want to keep this or not.

It does look very nice though!

[ChromeDome]

I added a hover to the checkbox by adding this property: title="Remember Me".

&nbsp;<input  title="Remember Me" type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103" />

[PiroX]

added on www.piroxbots.com
i added the phrase for "Remember me?" so that it will be displaye in german if you change the language

[4Play]

* INSTALLED. brilliant update! installed easily and flawlessly. much obliged

[paulket]

If anyone is wondering, this works with 4.1.4 and the Header Rework 4 mod from ViciousCode.

[chelseaboy]

Thank you very much! Installed.

[Macgiber]

installed

[Alecsmith]

Excellent working on VB 4.1.5

[OldSchoolDSL]

From a PM

Will this work in 4.1.8? I know a lot of templates were changed

Yes. Tested and working on 4.1.8

[OldSchoolDSL]

Working

4.1.9