![]() |
Login and Password Icons
1 Attachment(s)
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: -------------------------- Code:
<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: -------------------------- Code:
<img style="position: relative; top: 3px;" src="{vb:stylevar imgdir_siteicons}/username.png" alt="Username" /> 2. Find: -------------------------- Code:
<input type="password" class="textbox" tabindex="102" name="vb_login_password" id="navbar_password" size="10" /> ABOVE it add: -------------------------- Code:
<img style="position: relative; top: 3px;" src="{vb:stylevar imgdir_siteicons}/password.png" alt="Password" /> 3. Find: -------------------------- Code:
<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: -------------------------- Code:
<input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103" /> 4. Find: -------------------------- Code:
<div id="remember" class="remember"> EITHER remove it or replace it with: ------------------------------------------ Code:
<vb:comment> Please click INSTALL Done! Enjoy! If you're tired of vBulletin you should upgrade to Woltlab Burning Board http://www.woltlab.com |
Should I install this? Hmmm...... ;)
|
1 Attachment(s)
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.
|
tagged and thanks
|
@ 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. |
Thanks. I have edited my post and I have given you full credit on the reworked 3.8.4 version of the mod.
|
That works great! **installed**
(demo on the link below) |
installed however the username and password tabs jump left and right when i click on them :S
|
the remember me box moves once i click on the password box. any ideas?
|
Quote:
|
All times are GMT. The time now is 05:37 AM. |
Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
![]() |
|
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|