The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Password Strength Graphics

+4
McStormify
AlphaPkz
Yakko!
Rocker92
8 posters

Go down

Password Strength Graphics Empty Password Strength Graphics

Post by Rocker92 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

Password Strength Graphics Medium

Password Strength Graphics Strong

Password Strength Graphics Weakg

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...
Password Strength Graphics Facebo11
Rocker92
Rocker92
Forumember

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

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

Back to top Go down

Password Strength Graphics Empty Re: Password Strength Graphics

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

how to edit them with CSS?
Yakko!
Yakko!
Forumember

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

Back to top Go down

Password Strength Graphics Empty Re: Password Strength Graphics

Post by Rocker92 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
Rocker92
Forumember

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

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

Back to top Go down

Password Strength Graphics Empty Re: Password Strength Graphics

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

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

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

Back to top Go down

Password Strength Graphics Empty Re: Password Strength Graphics

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

It's the same with PUNBB.

Code:
#pwd_good {
   background:url('http://2img.net/i/fa/p_strength/pwd_good.png');
   }
#pwd_middle {
   background:url('http://2img.net/i/fa/p_strength/pwd_middle.png');
   }
#pwd_bad {
   background:url('http://2img.net/i/fa/p_strength/pwd_bad.png');
McStormify
McStormify
Forumember

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

Back to top Go down

Password Strength Graphics Empty Re: Password Strength Graphics

Post by AlphaPkz 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
AlphaPkz
Forumember

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

Back to top Go down

Password Strength Graphics Empty Re: Password Strength Graphics

Post by Theuuki 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
Theuuki
Forumember

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

http://isupport.forumotion.com

Back to top Go down

Password Strength Graphics Empty Re: Password Strength Graphics

Post by naca007 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
naca007
Forumember

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

http://www.photoshop-tn.com

Back to top Go down

Password Strength Graphics Empty Re: Password Strength Graphics

Post by McStormify 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
McStormify
Forumember

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

Back to top Go down

Password Strength Graphics Empty Re: Password Strength Graphics

Post by Harry Potter 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://2img.net/i/fa/p_strength/pwd_good.png');
  }
#pwd_middle {
  background:url('http://2img.net/i/fa/p_strength/pwd_middle.png');
  }
#pwd_bad {
  background:url('http://2img.net/i/fa/p_strength/pwd_bad.png');
  }
Harry Potter
Harry Potter
New Member

Male Posts : 21
Reputation : 0
Language : Romanian

Back to top Go down

Password Strength Graphics Empty Re: Password Strength Graphics

Post by Rocker92 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
Rocker92
Forumember

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

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

Back to top Go down

Password Strength Graphics Empty Re: Password Strength Graphics

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

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

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

http://www.photoshop-tn.com

Back to top Go down

Password Strength Graphics Empty Re: Password Strength Graphics

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

Well Done, accepted to gallery! Very Happy
Beno
Beno
Hyperactive

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

http://www.benwhitedesign.co.uk

Back to top Go down

Password Strength Graphics Empty Re: Password Strength Graphics

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

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


Back to top Go down

Back to top

- Similar topics

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