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

[HHelp1]

This only work for default style...

[OldSchoolDSL]

Originally Posted by HHelp1

This only work for default style...

This actually is working on many other styles, but if your style is heavily customized in the header.... Results may vary (as with any other template modification)

Confirmed to be working on 4.2

[stevieb]

excellent - works good on 4.2.0 (installed) -

Attachment 145949



* One request, how to make to remember me box ticked by default? Any idea's please?

Thanks

[MahdyE23]

Where would we save the two logo icons? In our forums directory anywhere or will the code you provide show the images?

[Macgiber]

works good on 4.2.2 (installed)
:up:

[Wseries]

Originally Posted by stevieb

* One request, how to make to remember me box ticked by default? Any idea's please?

See post #42 and then also add the code below.

checked="checked"

[eMike]

Great work
5 stars!

[thetechgenius]

Thanks for this! I changed some of the code to match my custom style, since I only needed to add the code for the images. I didn't need to use your last 2 template edits though.

Here is a screenshot of my login using your images and some of your code:

[OldSchoolDSL]

No longer supported as I no longer use vBulletin having moved to both WoltLab Burning Board and Invision Power Board.

I give 100% permission to reuse, modify, improve, enhance, and redistribute this code as freeware to anyone, everyone, and everywhere.

Good luck

[iamme_meisi]

Works a treat thank you so much for the effort!