Password Strength Graphics

Dec

2010

OK so I've created a test forum with Forumotion to get a better idea of what to propose and I found that the default password strength graphics are pretty naff, so here are some new ones :0

If you are having trouble changing them just give me a PM and I'll help you Wink

Thanks

EDIT: Just made a quick 'Connect With Facebook' icon to, use it if you like...

1 Yakko!, on 25/12/2010 at 22h39

how to edit them with CSS?

2 Rocker92, on 25/12/2010 at 23h11

Just go to your CSS and find #cont_pwd, change the width to 150px and height to 20px. Then just below it find .pwd_img and change the color to #fff, set the width to 150px, height to 20px and line-height to 20px.

Then find the following lines of code:
#pwd_good
#pwd_middle
#pwd_bad

and replace the images acording to the image.

Give me some time for the Facebook, I'll have to install that plug in first Smile

3 AlphaPkz, on 26/12/2010 at 23h56

Does the CSS editing work for all forum versions? I'm having trouble with punBB

4 McStormify, on 27/12/2010 at 00h14

It's the same with PUNBB.

Code:: #pwd_good { background:url('http://illiweb.com/fa/p_strength/pwd_good.png'); } #pwd_middle { background:url('http://illiweb.com/fa/p_strength/pwd_middle.png'); } #pwd_bad { background:url('http://illiweb.com/fa/p_strength/pwd_bad.png');

5 AlphaPkz, on 27/12/2010 at 04h41

Code:: Detected error We have counted a different number of "{" and of "}". It means your CSS risks to be not valid and will not be posted correctly on your forum. We advise you to reread your code.

I'm really confused Sad

6 Theuuki, on 27/12/2010 at 08h02

AlphaPkz wrote:
Code:
Detected error We have counted a different number of "{" and of "}". It means your CSS risks to be not valid and will not be posted correctly on your forum. We advise you to reread your code.

I'm really confused

Press it again and even if that message shows it should be fine.

7 naca007, on 27/12/2010 at 16h23

bit too simple , users don't know which one shows what message . You should add some text to show that Smile

8 McStormify, on 27/12/2010 at 21h50

AlphaPkz wrote:
Code:
Detected error We have counted a different number of "{" and of "}". It means your CSS risks to be not valid and will not be posted correctly on your forum. We advise you to reread your code.

I'm really confused

This happens alot to me - it doesn't really make much difference.

9 Harry Potter, on 27/12/2010 at 22h23

AlphaPkz wrote:
Detected error
We have counted a different number of "{" and of "}". It means your CSS risks to be not valid and will not be posted correctly on your forum.

We advise you to reread your code.

I'm really confused

Try this:

Code:: #pwd_good { background:url('http://illiweb.com/fa/p_strength/pwd_good.png'); } #pwd_middle { background:url('http://illiweb.com/fa/p_strength/pwd_middle.png'); } #pwd_bad { background:url('http://illiweb.com/fa/p_strength/pwd_bad.png'); }

10 Rocker92, on 27/12/2010 at 22h29

naca007 wrote:bit too simple , users don't know which one shows what message . You should add some text to show that

I can't add text to them, it's added via. the CSS Smile

11 naca007, on 27/12/2010 at 22h59

You mean the CSS add them text ? Than they are cool Very Happy

12 Beno, on 01/01/2011 at 22h35

Well Done, accepted to gallery!