Login Images

Login Images

Mod Version: 1.00, by CMSTemplateZ

vB Version: 4.0.4	Rating: (9 votes - 4.56 average)	Installs: 54
Released: 16 Jul 2010	Last Update: 16 Jul 2010	Downloads: 306
Not Supported Re-usable Code

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: http://battlefield3forums.com/forums/

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:

Code:

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

ADD BEFORE:

Code:

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

FIND THIS LINE:

Code:

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

ADD BEFORE:

Code:

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

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

In the same header template.
FIND THIS:

Code:

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

Code:

<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

Download

images.zip (8.6 KB, 366 downloads)

vBulletin LTS