The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Password Strength Graphics

View previous topic View next topic Go down

Password Strength Graphics

Post by Rocker92 on December 25th 2010, 6:22 pm

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 Smile

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


Rocker92
Forumember

Male Posts : 737
Reputation : 117
Language : English & French
Location : Atlanta, GA

http://www.code-artist.com/

Back to top Go down

Re: Password Strength Graphics

Post by Yakko! on December 25th 2010, 10:39 pm

how to edit them with CSS?

Yakko!
Forumember

Male Posts : 661
Reputation : -5
Language : Italian, english, Français

Back to top Go down

Re: Password Strength Graphics

Post by Rocker92 on December 25th 2010, 11:11 pm

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

Rocker92
Forumember

Male Posts : 737
Reputation : 117
Language : English & French
Location : Atlanta, GA

http://www.code-artist.com/

Back to top Go down

Re: Password Strength Graphics

Post by AlphaPkz on December 26th 2010, 11:56 pm

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

AlphaPkz
Forumember

Male Posts : 251
Reputation : 0
Language : English | Cantonese | Mandarin

Back to top Go down

Re: Password Strength Graphics

Post by McStormify on December 27th 2010, 12:14 am

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');

McStormify
Forumember

Male Posts : 217
Reputation : -6
Language : English
Location : UK

Back to top Go down

Re: Password Strength Graphics

Post by AlphaPkz on December 27th 2010, 4:41 am

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

AlphaPkz
Forumember

Male Posts : 251
Reputation : 0
Language : English | Cantonese | Mandarin

Back to top Go down

Re: Password Strength Graphics

Post by Theuuki on December 27th 2010, 8:02 am

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

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

Theuuki
Forumember

Male Posts : 235
Reputation : 8
Language : Russian, English, HTML - Little css
Location : Vladivostok

http://isupport.forumotion.com

Back to top Go down

Re: Password Strength Graphics

Post by naca007 on December 27th 2010, 4:23 pm

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

naca007
Forumember

Female Posts : 281
Reputation : 1
Language : serbian and english

http://www.photoshop-tn.com

Back to top Go down

Re: Password Strength Graphics

Post by McStormify on December 27th 2010, 9:50 pm

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

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

McStormify
Forumember

Male Posts : 217
Reputation : -6
Language : English
Location : UK

Back to top Go down

Re: Password Strength Graphics

Post by Harry Potter on December 27th 2010, 10:23 pm

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

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');
  }

Harry Potter
New Member

Male Posts : 21
Reputation : 0
Language : Romanian

Back to top Go down

Re: Password Strength Graphics

Post by Rocker92 on December 27th 2010, 10:29 pm

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

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

Rocker92
Forumember

Male Posts : 737
Reputation : 117
Language : English & French
Location : Atlanta, GA

http://www.code-artist.com/

Back to top Go down

Re: Password Strength Graphics

Post by naca007 on December 27th 2010, 10:59 pm

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

naca007
Forumember

Female Posts : 281
Reputation : 1
Language : serbian and english

http://www.photoshop-tn.com

Back to top Go down

Re: Password Strength Graphics

Post by Beno on January 1st 2011, 10:35 pm

Well Done, accepted to gallery! Very Happy

Beno
Hyperactive

Male Posts : 3024
Reputation : 67
Language : English
Location : England

http://www.benwhitedesign.co.uk

Back to top Go down

Re: Password Strength Graphics

Post by Guest on August 6th 2014, 12:35 am

Gallery Cleanup: 8/5/2014
==> Most Images Not Found

Guest
Guest


Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum