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

[Boofo]

Should I install this? Hmmm......

[Zylantex]

Great mod, I'm still on 3.8.4 so I reworked this mod making use of the OP's graphic and based on his idea.

[sulasno]

tagged and thanks

[OldSchoolDSL]

@ Zylantex

I got your private message. As you did the coding yourself, you are more then welcome to publish that coding within vBulletin 3.8 Template Modifications forum. All I ask is you provide credit (proof of concept) to this thread / modification.

[Zylantex]

Thanks. I have edited my post and I have given you full credit on the reworked 3.8.4 version of the mod.

[Bram H]

That works great! **installed**

(demo on the link below)

[doobiefillin]

installed however the username and password tabs jump left and right when i click on them :S

[warrior uw]

the remember me box moves once i click on the password box. any ideas?

[Boofo]

Originally Posted by warrior uw

the remember me box moves once i click on the password box. any ideas?

Are you using the default style?