Changing Password Strength Images

Oct

2011

Hello all!

I want to change the password strength images on my forum, and I know that it can be done in the forum CSS, but I don't know where it is located in the forum CSS.

Also, I want to change the text that shows up on top of the password strength images. How do I do this? Thanks in advance for the answer!

1 Nera., on 10/10/2011 at 18h12

Hi,

Change them in this CSS part

Code:: #pwd_good { background: url("http://illiweb.com/fa/p_strength/pwd_good.png") repeat scroll 0 0 transparent; } #pwd_middle { background: url("http://illiweb.com/fa/p_strength/pwd_middle.png") repeat scroll 0 0 transparent; } #pwd_bad { background: url("http://illiweb.com/fa/p_strength/pwd_bad.png") repeat scroll 0 0 transparent; }

2 Programming Forums Admin, on 10/10/2011 at 18h16

Okay! Thanks! I would also like to know how you change the text that appears on top of the image too!

3 kirk, on 10/10/2011 at 19h47

i would think you just change the words in the code?.

#pwd_good
#pwd_middle
#pwd_bad

4 Programming Forums Admin, on 10/10/2011 at 19h49

kirk wrote:i would think you just change the words in the code?.

#pwd_good
#pwd_middle
#pwd_bad

I tried that as soon as Nera made her post, but it didn't work.

5 Rideem3, on 10/10/2011 at 20h12

Please go to Admin Panel -> Modules -> JavaScript Codes Management -> Create a new JavaScript ->

Paste:

Code:: jQuery(document).ready(function() { document.getElementById("pwd_bad").innerHTML = "Weak";}); jQuery(document).ready(function() { document.getElementById("pwd_middle").innerHTML = "Normal";}); jQuery(document).ready(function() { document.getElementById("pwd_good").innerHTML = "Strong";});

Change "Weak" to whatever you want weak to become. Change "Normal to whatever you want normal to become. Change "Strong" to whatever you want strong to become.

Example:

Code:: jQuery(document).ready(function() { document.getElementById("pwd_bad").innerHTML = "Below Average";}); jQuery(document).ready(function() { document.getElementById("pwd_middle").innerHTML = "Average";}); jQuery(document).ready(function() { document.getElementById("pwd_good").innerHTML = "Above Average";});

6 bHulleT.w, on 10/10/2011 at 20h45

Rideem, do i need add both ?

7 Rideem3, on 10/10/2011 at 21h03

No. The second code was just an example of what names you could use.

8 Programming Forums Admin, on 10/10/2011 at 22h17

Thanks! It works!

9 Base, on 10/10/2011 at 22h20

Problem Solved:

Glad your problem is solved; locked and archived.