Mini Mods - Login Images

Hi All,

I modified my header / login by adding images a while ago, i noticed an similar mod here on vb.org however it is for 4.0.1 and was never updated so, here is the solution for vBulletin 4.0.4 / 4.0.5.

Demo: Battlefield 3

Instructions:

Firstly download the attachment added to this thread (images.zip) upload the files to your image directory, should look like this:

/images/icons/username.png
/images/icons/password.png

Template edits:

- HEADER (open this template)

FIND THIS LINE:

<input type="text" class="textbox" name="vb_login_username"

ADD BEFORE:

<img src="./images/icons/username.png" alt="Username" />

FIND THIS LINE:

<input type="text" class="textbox default-value" tabindex="102" name="vb_login_password_hint"

ADD BEFORE:

<img src="./images/icons/password.png" alt="Password" />

- Make the "REMEMBER ME" box already Checked by Default:

In the same header template.
FIND THIS:

<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>

REPLACE WITH:

<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" checked="checked"/> {vb:rawphrase remember_me}</label>
				</div>

Your login section will now look the same as on Battlefield3forums.COM (again there is a mod on vb.org already, and i am using the same images as the other mod, this time you do not need to add any code to additional.css.. if you wish to align the image differently, simply open up the images in photoshop and increase the canvas size and position the image accordingly). All credits should go to the user: "TheWindows7Site" i have only created this as his was not updated and code changes have occurred since 4.0.1.

Hope that helps

[COL NIL SATIS]

tagged...this looks sweet

[0verl0rd]

Hi,

Why is it that when I put my mouse or tab into the password section. the password.png moves to the right side of the box.

By default all images are to the left of the box right? but when you move your mouse to the password box or tab into the password box... my password image moves to the right..

[ijob]

Originally Posted by 0verl0rd

Hi,

Why is it that when I put my mouse or tab into the password section. the password.png moves to the right side of the box.

By default all images are to the left of the box right? but when you move your mouse to the password box or tab into the password box... my password image moves to the right..

same here
v4.08

[venuskarthick]

Cheak the image i need to change only the Register & Help link color how to do this?

[Trumpetrhapsody]

Same issue as above, and can we get the "remember me" box moved up like in the other mod?

[leclownos]

Thanks ..super

[elkomander]

Originally Posted by ijob

same here
v4.08

same problem

[Mikevet1984]

Could sb please update this modification for vBulletin 4.1.2?

The html script does not exist in my 4.1.2 header template.

Please provide an update if possible.....

[Sforums]

+ 1

[OldSchoolDSL]

Originally Posted by Mikevet1984

Could sb please update this modification for vBulletin 4.1.2?

The html script does not exist in my 4.1.2 header template.

Please provide an update if possible.....

This developer's site is offline and he / she has not been online since April 2011

However, this one will work on 4.x and 4..1.x

https://vborg.vbsupport.ru/showthread.php?t=260341

(Looking as some of the pre-view code for 4.2.x ... I suspect it should work on future versions as well)

edit: If you have an older forum 3.x ... I would suggest this one https://vborg.vbsupport.ru/showthread.php?t=260370