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

[mmacrypt]

And maybe this means more to you but when I get rid of the fieldset tags, I get this.

While it looks fine in Default, it doesn't look good in my style. But again, I'm pretty dumb to this stuff.

What does <fieldset id="logindetails" class="logindetails"> actually do?



It acts like whatever is making the lighter blue inner background box is set too small but I have no clue where I change that at.

And thanks for working with me on this Boofo

[Boofo]

That makes your little blue box around it. Go in an compare the template you are editing with the default one and see what has changed.

[mmacrypt]

I see it but what determines the size of that box. It seems like it's set to an X px size and if maybe I change it to X+10 px, it could fix it for everybody. But I don't know where that setting is, do you?

[Boofo]

I have no idea as I have never needed to mess with any of that since I only use the default skin.

[mmacrypt]

Cool, thank you, I'm kinda looking now to see what I can find. thanks for you help with this. If I find a solution, I'll post it.

[Boofo]

Tye solution, if found, would only be for those who have changed CSS for custom skins as the code in the first post works fine on the default only skin.

[OldSchoolDSL]

Question: I would like to donate something for the work you have done here. How can I send payment?

Answer: I've elected to forward options for donations to Boofo since he has been offering support and I no longer use vBulletin currently. If you wish to make a donation because of this modification, please contact him.

[Losko]

To me the words "Remember me" is gone....

[Boofo]

Originally Posted by Losko

To me the words "Remember me" is gone....

Yes, they should be if you did the edit properly. No room at the inn for them.

[Losko]

thanks Boofo for your reply but to restore the box on a second line to see the words "Remember Me", which part of code needs to be modified?

Greetings and good job